.ug-area-ask{--ug-area-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.ug-area-sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ug-area-ask{display:none}html.ug-js .ug-area-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-6);margin-block:0 var(--sp-6);padding:var(--sp-4);border-radius:var(--r-card);background:var(--g1);box-shadow:var(--shadow-plane);color:var(--t1);font-family:var(--font-sans)}@media screen and (min-width:750px){html.ug-js .ug-area-ask{padding:var(--sp-4) var(--sp-6)}}.ug-area-ask__t,.ug-area-sheet__t{margin:0;font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-h4);line-height:var(--lh-snug);text-transform:uppercase;color:var(--t1);text-wrap:balance}.ug-area-ask__t{flex:1 1 22rem}.ug-area-ask__opts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ug-area-pill{position:relative;display:inline-flex;flex:1 1 auto;cursor:pointer}.ug-area-pill input{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:inherit}.ug-area-pill span,.ug-area-opt{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:var(--sp-2);min-block-size:calc(var(--tap-min) + var(--sp-1));padding-block:var(--sp-2);padding-inline:var(--sp-4);border:0;border-radius:var(--r-control);background:var(--g1);box-shadow:var(--ring);color:var(--t2);font-family:inherit;font-size:var(--fs-body-sm);font-weight:var(--fw-ui);line-height:var(--lh-snug);text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.ug-area-pill input:checked+span{background:var(--g2);box-shadow:var(--ring-selected);color:var(--t1)}.ug-area-pill input:checked+span:before{content:"";flex:none;inline-size:1.1em;block-size:1.1em;background:currentColor;-webkit-mask:var(--ug-area-check) center / contain no-repeat;mask:var(--ug-area-check) center / contain no-repeat}.ug-area-pill input:focus-visible+span,.ug-area-opt:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(hover:hover)and (pointer:fine){.ug-area-pill:hover span,.ug-area-opt:hover{box-shadow:var(--ring-strong);color:var(--t1)}.ug-area-pill:hover input:checked+span{box-shadow:var(--ring-selected)}}@media(prefers-reduced-motion:no-preference){.ug-area-pill span,.ug-area-opt{transition:scale var(--dur-1) var(--ease-out)}.ug-area-pill:active span,.ug-area-opt:active{scale:.985;transition-duration:var(--dur-press);transition-timing-function:var(--ease-in)}}.ug-area-ask__oz{display:none;flex:1 1 100%;flex-direction:column;gap:var(--sp-3);padding-block-start:var(--sp-3);border-block-start:1px solid var(--hair-2)}.ug-area-ask[data-state=other] .ug-area-ask__oz{display:flex}@supports selector(:has(a)){.ug:has(.ug-area-ask[data-state=other]) p.ug-area-note[data-ug-area-notice=hero]{display:none}}.ug-area-ask__msg,.ug-area-sheet__p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--t1);text-wrap:pretty}.ug-area-ask__acts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ug-area-ask__acts .ug-btn{flex:1 1 auto}@media screen and (min-width:750px){.ug-area-ask__acts .ug-btn{flex:0 0 auto}}.ug-area-ask[data-state=other]~.ug-engine{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:no-preference){.ug-area-ask~.ug-engine{transition:opacity var(--dur-2) var(--ease-out)}}.ug-sheet.ug-area-sheet{inline-size:min(100%,48rem);margin-inline:auto}@media screen and (min-width:750px){.ug-sheet.ug-area-sheet{inset-block:0;margin-block:auto;block-size:-webkit-fit-content;block-size:fit-content;padding-block-end:0;border-radius:var(--r-sheet);--ug-from-y: var(--sp-8)}}.ug-area-sheet__body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4) var(--sp-4)}@media screen and (min-width:750px){.ug-area-sheet__body{padding:var(--sp-8) var(--sp-8) var(--sp-6)}}.ug-area-sheet__t{padding-inline-end:calc(var(--tap-min) + var(--sp-2))}.ug-area-sheet__p{color:var(--t2)}.ug-area-sheet__p:focus{outline:none}.ug-area-x{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--tap-min);block-size:var(--tap-min);padding:0;border:0;border-radius:50%;background:transparent;color:var(--t1);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ug-area-x:focus-visible{outline:2px solid var(--focus);outline-offset:0}@media(hover:hover)and (pointer:fine){.ug-area-x:hover{background:var(--g2)}}.ug-area-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);padding-block-start:var(--sp-3)}.ug-area-opts .ug-area-opt:last-child{grid-column:1 / -1}.ug-area-acts{display:none;flex-direction:column;gap:var(--sp-2);padding-block-start:var(--sp-3)}.ug-area-sheet[data-view=oz] .ug-area-opts{display:none}.ug-area-sheet[data-view=oz] .ug-area-acts{display:flex}.ug-area-sheet[data-view=oz] .ug-area-sheet__p{color:var(--t1)}@media(forced-colors:active){.ug-area-pill span,.ug-area-opt{border:1px solid ButtonText}.ug-area-pill input:checked+span{border-color:Highlight}}.ug-area-ask p.ug-area-ask__msg,.ug-area-sheet p.ug-area-sheet__p{display:flex;align-items:center;gap:.55em;inline-size:fit-content;max-inline-size:100%;padding-block:.55em;padding-inline:.85em 1.1em;border-radius:var(--radius-pill);border:1px solid var(--volt-line);background:color-mix(in srgb,var(--volt) 12%,transparent);color:var(--t1);font-weight:600}.ug-area-ask p.ug-area-ask__msg:before,.ug-area-sheet p.ug-area-sheet__p:before{content:"";flex:none;inline-size:1.2em;block-size:1.2em;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat}
/*# sourceMappingURL=/cdn/shop/t/43/assets/upgrade-area.css.map */