@font-face{font-family:UNSubscription;src:url('./Pragmatica_Book.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:UNSubscription;src:url('./Pragmatica_Medium.woff2') format('woff2');font-weight:500;font-display:swap}
.un-size-subscription,.account[data-account="subs"] .account-main{font-family:UNSubscription,Arial,sans-serif;letter-spacing:0;color:#000}
.un-size-subscription{position:fixed;inset:0 0 0 auto;width:min(492px,100%);max-width:100%;height:100dvh;background:#fff;z-index:220;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s;overscroll-behavior:contain}
.un-size-subscription.is-open{transform:translateX(0);visibility:visible}
.un-size-subscription__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 30px;border-bottom:1px solid #626262;flex-shrink:0}
.un-size-subscription__header h2{font:400 30px/.99 UNSubscription,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0}
.un-size-subscription__header button{flex:none;border:0;background:transparent;padding:0;min-width:28px;min-height:30px;display:grid;place-items:center;cursor:pointer}
.un-size-subscription__header img{width:22px;height:22px}
.un-size-subscription__body{padding:20px 30px;overflow:auto;min-height:0;font-size:15px;line-height:1.4}
.un-size-subscription__sizes{border:0;padding:0;margin:0 0 28px;min-width:0}
[data-size-subscription-options]{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-template-columns:repeat(2,124px);gap:20px}
[data-size-subscription-options] label{display:flex;align-items:center;gap:8px;min-height:21px;cursor:pointer;letter-spacing:0}
[data-size-subscription-options] input{appearance:auto;accent-color:#000;width:20px;height:20px;border-radius:6px;margin:0;cursor:pointer;flex:none}
.un-size-subscription__intro{margin:0 0 20px;font-size:15px;line-height:21px}
.un-size-subscription__inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.un-size-subscription__inputs label{min-width:0}
.un-size-subscription__inputs input{box-sizing:border-box;width:100%;height:40px;padding:0 16px;border:1px solid #626262;border-radius:12px;font:400 15px/21px UNSubscription,Arial,sans-serif;background:#fff;color:#000;letter-spacing:0}
.un-size-subscription__inputs input::placeholder{color:#626262;opacity:1}
.un-size-subscription__submit{display:inline-block;margin:12px 0 16px;border:0;border-radius:37px;background:#242424;color:#fff;padding:0 24px;min-height:40px;font:400 15px/18px UNSubscription,Arial,sans-serif;letter-spacing:0;cursor:pointer}
.un-size-subscription__submit:disabled{opacity:.55;cursor:wait}
.un-size-subscription__terms{margin:0 0 16px;font-size:12px;line-height:17px;color:#aaa9a9}
.un-size-subscription__terms a{color:inherit;text-decoration:underline}
.un-size-subscription__error{margin:12px 0 0;color:#b12121;font-size:14px;line-height:1.4}
.un-size-subscription [aria-invalid="true"]{border-color:#b12121}
.un-size-subscription button:focus-visible,.un-size-subscription input:focus-visible,.sub-item__off:focus-visible{outline:2px solid #111;outline-offset:3px}
button.is-size-subscription{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #111!important;border-radius:50px!important;background:#fff!important;color:#111!important;text-transform:none!important;font:400 18px/1.2 UNSubscription,Arial,sans-serif!important;letter-spacing:0!important;min-height:52px}
button.is-size-subscription img{width:20px;height:20px;flex:none}
.pdp-cta.is-size-subscription .wishlist-btn{border-radius:50px;min-width:80px;width:80px}
.pdp-cta.is-size-subscription{gap:8px}
.pdp .pdp-sizes input:checked + .variant__button-label.disabled{color:#fff;background:#111;border-color:#111}
.account[data-account="subs"] .account-main{max-width:660px}
.account[data-account="subs"] .account-title{font-family:UNSubscription,Arial,sans-serif;font-weight:400;letter-spacing:-.035em;text-align:left}
.account[data-account="subs"] .sub-row{border-top:1px solid #111;border-bottom:1px solid #111;padding:24px 0;margin-bottom:30px;font-size:15px;font-weight:500}
.account[data-account="subs"] .account-sub{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;margin:0;padding:0 0 24px;border-bottom:1px solid #111}
.account[data-account="subs"] .sub-item{grid-template-columns:143px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid #111;font:400 15px/1.4 UNSubscription,Arial,sans-serif}
.account[data-account="subs"] .sub-item__img{aspect-ratio:1;background:#f3f3f3;border:0;isolation:isolate}
.account[data-account="subs"] .sub-item__img img{display:block;mix-blend-mode:multiply}
.account[data-account="subs"] .sub-item__body{display:flex;flex-direction:column;min-width:0}
.account[data-account="subs"] .sub-item__name{font:400 15px/1.4 UNSubscription,Arial,sans-serif;text-transform:none;letter-spacing:0;text-decoration:none;color:#000}
.account[data-account="subs"] .sub-item__type,.account[data-account="subs"] .sub-item__variant{margin-top:5px}
.account[data-account="subs"] .sub-item__off{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;margin-top:auto;padding:10px 0 0;font:400 15px/1.4 UNSubscription,Arial,sans-serif;text-decoration:none;min-height:32px;color:#000}
.sub-item__off img{width:16px;height:16px}
.account[data-account="subs"] .sub-status{display:flex;align-items:flex-start;gap:6px;font:500 12px/1.4 UNSubscription,Arial,sans-serif;letter-spacing:0;flex-shrink:0;max-width:135px}
.account[data-account="subs"] .sub-status.is-low{color:#dba55f}
.account[data-account="subs"] .sub-status.is-none{color:#aaa}
@media(max-width:600px){
 .un-size-subscription__header{padding:24px 16px;align-items:flex-start}
 .un-size-subscription__header h2{font-size:30px;max-width:270px}
 .un-size-subscription__body{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}
 .un-size-subscription__inputs input{font-size:16px}
 .account[data-account="subs"] .sub-item{grid-template-columns:98px minmax(0,1fr);gap:16px;padding:20px 0;font-size:14px}
 .account[data-account="subs"] .sub-item__name{font-size:14px}
 .account[data-account="subs"] .account-sub{padding-right:40%}
 .account[data-account="subs"] .sub-item__type{display:none}
 .account[data-account="subs"] .sub-item__off{font-size:14px}
 .account[data-account="subs"] .sub-status{font-size:12px;max-width:115px}
 .account[data-account="subs"] .sub-item__top{gap:8px}
 .pdp-cta.is-size-subscription .wishlist-btn{min-width:64px;width:64px}
 button.is-size-subscription{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.un-size-subscription{transition:none}}

body:has(.un-size-subscription.is-open) [data-overlay]{background:rgba(0,0,0,.2)}
[data-size-subscription-options] input{appearance:none;border:1px solid #626262;border-radius:6px;background:#fff}
[data-size-subscription-options] input:checked{background:#111 url('./check.svg') center/16px no-repeat;border-color:#111}
[data-size-subscription-options] input:disabled{opacity:.5}
.pdp .pdp-sizes input:checked + .variant__button-label.disabled{opacity:1}
@media(max-width:600px){
 .un-size-subscription__header{padding:16px;gap:12px}
 .un-size-subscription__header h2{font-size:24px;line-height:1.05;max-width:none;min-width:0}
 .un-size-subscription__inputs{grid-template-columns:minmax(0,1fr);gap:8px}
 .un-size-subscription__submit{display:block;width:100%;min-height:40px}
}

@media(max-width:600px){.account[data-account="subs"] .account-title{font-size:36px;line-height:1;max-width:100%;overflow-wrap:normal}}