.skrt-size-guide-modal,.skrt-size-guide__trigger{--sg-space-xs: .375rem;--sg-space-sm: .75rem;--sg-space-md: 1rem;--sg-space-lg: 1.5rem;--sg-text-sm: .8125rem;--sg-text-base: 1rem;--sg-text-large: 1.75rem;--sg-touch: 2.75rem;--sg-radius: .625rem;--sg-foreground: rgb(var(--color-foreground));--sg-background: rgb(var(--color-background));--sg-muted: rgb(var(--color-foreground) / .75);--sg-border: rgb(var(--color-foreground) / .35);--sg-surface: rgb(var(--color-foreground) / .055);--sg-focus: rgb(var(--color-highlight))}.skrt-size-guide__trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--sg-space-xs);min-block-size:var(--sg-touch);padding-inline:var(--sg-space-xs);font-size:var(--sg-text-sm);text-decoration:underline;text-underline-offset:.2em;white-space:nowrap;cursor:pointer}.skrt-size-guide-modal{z-index:2147483001}.skrt-size-guide-modal .drawer__inner{max-inline-size:36rem}.skrt-size-guide-modal .drawer__header{align-items:center;gap:var(--sg-space-md)}.js [data-modal-swipe-only] .skrt-size-guide-modal .skrt-size-guide__close,.skrt-size-guide-modal .skrt-size-guide__close{flex-shrink:0;min-inline-size:var(--sg-touch);min-block-size:var(--sg-touch);opacity:1;pointer-events:auto;visibility:visible}.skrt-size-guide__scroll{overscroll-behavior:contain}.skrt-size-guide{display:grid;gap:var(--sg-space-sm);min-inline-size:0;max-inline-size:100%;color:var(--sg-foreground);overflow-wrap:anywhere}.skrt-size-guide__product,.skrt-size-guide__option,.skrt-size-guide__note,.skrt-size-guide__result-label,.skrt-size-guide__answer,.skrt-size-guide__detail,.skrt-size-guide__stock{margin:0}.skrt-size-guide__product{font-size:var(--sg-text-sm);line-height:1.4;color:var(--sg-muted)}.skrt-size-guide__option{font-size:var(--sg-text-base);font-weight:700}.skrt-size-guide__visual{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:var(--sg-space-sm);padding:var(--sg-space-sm);border-radius:var(--sg-radius);background:var(--sg-surface)}.skrt-size-guide__visual p{margin:0;font-size:var(--sg-text-sm);line-height:1.45}.skrt-size-guide__visual--photo{grid-template-columns:1fr;justify-items:center;padding-block:0;background:none}.skrt-size-guide__diagram{inline-size:100%;fill:none;stroke:currentColor;stroke-width:2}.skrt-size-guide__measure-line{stroke-dasharray:4 3}.skrt-size-guide__photo-image{inline-size:min(100%,16.25rem);block-size:auto;border-radius:var(--sg-radius)}.skrt-size-guide__measurement{display:grid;gap:var(--sg-space-xs)}.skrt-size-guide__label{font-size:var(--sg-text-base);font-weight:600}.skrt-size-guide__input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sg-space-sm)}.skrt-size-guide__input{inline-size:100%;min-inline-size:0;min-block-size:var(--sg-touch);padding-inline:var(--sg-space-sm);border:1px solid var(--sg-border);border-radius:var(--sg-radius);font-size:var(--sg-text-base);color:var(--sg-foreground);background:var(--sg-background)}.skrt-size-guide__input[aria-invalid=true]{border-width:2px}.skrt-size-guide__segments{display:flex;gap:var(--sg-space-xs)}.skrt-size-guide__segments button,.skrt-size-guide__choice{min-inline-size:var(--sg-touch);min-block-size:var(--sg-touch);padding:var(--sg-space-xs) var(--sg-space-sm);border:1px solid var(--sg-border);border-radius:var(--sg-radius);font-size:var(--sg-text-sm);color:var(--sg-foreground);background:var(--sg-background);cursor:pointer}.skrt-size-guide__segments [aria-checked=true],.skrt-size-guide__choices [aria-checked=true]{border-color:var(--sg-foreground);color:var(--sg-background);background:var(--sg-foreground)}.skrt-size-guide__fit{margin-block-start:var(--sg-space-xs)}.skrt-size-guide__fit button{flex:1}.skrt-size-guide__note{font-size:var(--sg-text-sm);line-height:1.4;color:var(--sg-muted)}.skrt-size-guide__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.4rem,1fr));gap:var(--sg-space-sm)}.skrt-size-guide__choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.skrt-size-guide__choice small{font-size:.6875rem;line-height:1.15}.skrt-size-guide__choice small:empty{display:none}.skrt-size-guide__choice[data-stock=sold_out]>span,.skrt-size-guide__choice[data-stock=unavailable]>span{text-decoration:line-through}.skrt-size-guide__result{display:grid;gap:var(--sg-space-sm);padding:var(--sg-space-md);border:1px solid var(--sg-border);border-radius:var(--sg-radius);background:var(--sg-surface)}.skrt-size-guide__result[hidden]{display:none}.skrt-size-guide__result-label{font-size:var(--sg-text-sm);line-height:1.4}.skrt-size-guide__answer{font-size:var(--sg-text-large);font-weight:700;line-height:1.15}.skrt-size-guide__detail{margin-block-start:var(--sg-space-xs);font-size:var(--sg-text-sm);line-height:1.4}.skrt-size-guide__stock{margin-block-start:var(--sg-space-xs);font-size:var(--sg-text-sm);font-weight:700}.skrt-size-guide__apply{inline-size:100%;min-block-size:var(--sg-touch)}.skrt-size-guide__apply:disabled{opacity:.5;cursor:not-allowed}.skrt-size-guide__measure-details{border-block-end:1px solid var(--sg-border)}.skrt-size-guide__measure-details summary{display:flex;align-items:center;min-block-size:var(--sg-touch);font-size:var(--sg-text-sm);text-decoration:underline;cursor:pointer}.skrt-size-guide__measure-details[open]{padding-block-end:var(--sg-space-sm)}.skrt-size-guide :is(button,input,summary):focus-visible,.skrt-size-guide__trigger:focus-visible,.skrt-size-guide__close:focus-visible{outline:2px solid var(--sg-focus);outline-offset:3px}@media(max-width:359px){.skrt-size-guide__input-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--sg-space-xs)}.skrt-size-guide__visual{grid-template-columns:4.5rem minmax(0,1fr)}.skrt-size-guide__visual--photo{grid-template-columns:1fr}.skrt-size-guide__segments button{padding-inline:var(--sg-space-xs)}}@media(prefers-reduced-motion:no-preference){.skrt-size-guide__result:not([hidden]){animation:skrt-size-guide-reveal .16s ease-out}@keyframes skrt-size-guide-reveal{0%{opacity:.2;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}}@media(forced-colors:active){.skrt-size-guide [aria-checked=true]{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/skrt-product-size-guide.css.map */