.product-form__input.suki-size-picker{position:relative;max-width:100%;width:100%}.suki-size-picker .form__label{width:100%;margin-bottom:5px;text-transform:none}.suki-size-picker .form__label>.suki-size-heading{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;font-size:var(--suki-type-label-size, 11px);line-height:var(--suki-type-label-leading, 24px);letter-spacing:var(--suki-type-label-tracking, .02em);text-transform:capitalize;font-family:var(--suki-type-label-family, var(--font-body-family));font-weight:var(--suki-type-label-weight, inherit)}.suki-size-heading .suki-size-guide-opener{float:none;display:block}.suki-size-guide-opener{float:right}.suki-size-guide-link{-webkit-appearance:none;appearance:none;border:0;background:none;color:rgb(var(--color-foreground));padding:0;min-height:24px;font:inherit;font-size:var(--suki-type-caption-size, 11px);line-height:var(--suki-type-caption-leading, 24px);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:capitalize;letter-spacing:var(--suki-type-caption-tracking, .02em)}.product-form__input.suki-size-picker input[type=radio]+label{width:auto;height:auto;min-width:0;min-height:28px;padding:5px 8px;margin:0 4px 0 0;font-size:var(--suki-type-caption-size, 11px);line-height:var(--suki-type-caption-leading, 16px);letter-spacing:var(--suki-type-caption-tracking, .01em);border:var(--buttons-border-width, 1px) solid rgba(var(--color-foreground),.16);border-radius:var(--buttons-radius, 0px);background:rgba(var(--color-button),.06);color:rgb(var(--color-foreground));box-shadow:none;font-family:var(--suki-type-caption-family, var(--font-body-family));font-weight:var(--suki-type-caption-weight, inherit)}.product-form__input.suki-size-picker input[type=radio]:checked+label{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.product-form__input.suki-size-picker input[type=radio]+label:before{border-radius:inherit;box-shadow:none}.product-form__input.suki-size-picker input[type=radio]:not(:checked):not(.disabled)+label:hover{background:rgba(var(--color-button),.13);border-color:rgba(var(--color-button),.65)}.product-form__input.suki-size-picker input[type=radio]:focus-visible+label{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.product-form__input.suki-size-picker input[type=radio].disabled+label{opacity:.5}.suki-size-guide.product-popup-modal{overflow:hidden}.suki-size-guide .suki-size-guide-content{display:flex;flex-direction:column;box-sizing:border-box;width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 32px);height:auto;margin:0;padding:0;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.suki-size-guide-header{display:flex;align-items:center;gap:12px;flex:none;padding:12px 12px 10px 20px}.suki-size-guide-header h2{flex:1;min-width:0;margin:0;font-size:var(--suki-type-section-size, 20px);line-height:var(--suki-type-section-leading, 1.3);letter-spacing:var(--suki-type-section-tracking, 0);font-family:var(--suki-type-section-family, var(--font-heading-family));font-weight:var(--suki-type-section-weight, var(--font-heading-weight))}.suki-size-guide-close{display:grid;place-items:center;position:static;flex:0 0 40px;width:40px;height:40px;padding:12px;border:0;border-radius:var(--buttons-radius,0);background:none;color:rgb(var(--color-foreground));cursor:pointer}.suki-size-guide-close svg{width:16px;height:16px}.suki-size-guide-close:hover{background:rgba(var(--color-foreground),.05)}.suki-size-guide-close:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.suki-size-guide-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.18) transparent}.suki-size-guide-steps{font-size:var(--suki-type-body-size, 13px);line-height:var(--suki-type-body-leading, 1.55);letter-spacing:var(--suki-type-body-tracking, .01em);font-family:var(--suki-type-body-family, var(--font-body-family));font-weight:var(--suki-type-body-weight, inherit)}.suki-size-guide-steps ol{padding:0;margin:0;list-style:none;counter-reset:measure-step}.suki-size-guide-steps li{counter-increment:measure-step;position:relative;display:flex;align-items:center;min-height:78px;padding:8px 0 8px 80px;margin:0 0 6px}.suki-size-guide-steps li:before{content:"";position:absolute;left:0;top:4px;width:64px;height:64px;background:rgb(var(--color-foreground));-webkit-mask:center/contain no-repeat url(./suki-measure-string.svg);mask:center/contain no-repeat url(./suki-measure-string.svg)}.suki-size-guide-steps li:nth-child(2):before{-webkit-mask-image:url(./suki-measure-wrist.svg);mask-image:url(./suki-measure-wrist.svg)}.suki-size-guide-steps li:nth-child(3):before{-webkit-mask-image:url(./suki-measure-ruler.svg);mask-image:url(./suki-measure-ruler.svg)}.suki-size-guide-steps li:after{content:counter(measure-step);position:absolute;left:27px;bottom:0;font-size:10px;line-height:12px;color:rgba(var(--color-foreground),.6)}.suki-size-guide-content .suki-size-chart{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border:0;box-shadow:none;margin:16px 0 0;font-size:var(--suki-type-body-size, 13px);line-height:var(--suki-type-body-leading, 1.4);font-family:var(--suki-type-body-family, var(--font-body-family));font-weight:var(--suki-type-body-weight, inherit)}.suki-size-chart caption{text-align:left;font-size:var(--suki-type-caption-size, 11px);line-height:var(--suki-type-caption-leading, 1.5);padding:0 0 8px;color:rgba(var(--color-foreground),var(--suki-muted-ink-opacity, .75));font-family:var(--suki-type-caption-family, var(--font-body-family));font-weight:var(--suki-type-caption-weight, inherit)}.suki-size-guide-content .suki-size-chart th,.suki-size-guide-content .suki-size-chart td{padding:8px 12px;border:0;border-bottom:1px solid rgba(var(--color-foreground),.12);text-align:left}.suki-size-chart th:first-child{width:32%}.suki-size-chart thead{background:rgba(var(--color-button),.08)}.suki-size-chart tbody th{font-weight:var(--suki-type-body-weight, var(--font-body-weight-bold))}.suki-size-guide-note{font-size:var(--suki-type-caption-size, 11px);line-height:var(--suki-type-caption-leading, 1.6);letter-spacing:var(--suki-type-caption-tracking, .01em);margin-top:12px;color:rgba(var(--color-foreground),var(--suki-muted-ink-opacity, .75));font-family:var(--suki-type-caption-family, var(--font-body-family));font-weight:var(--suki-type-caption-weight, inherit)}.suki-size-guide-note p{margin:0}@media(min-width:750px){.suki-size-guide .suki-size-guide-content{margin:0;max-height:90vh}.suki-size-guide-header{padding:16px 16px 12px 24px}.suki-size-guide-body{padding:0 24px 24px}}.suki-size-guide .suki-size-guide-content{font-family:var(--font-body-family);color:#262626}.suki-size-guide-header{height:56px;padding:0 8px 0 16px!important;border-bottom:1px solid #EEE7E8}.suki-size-guide-header h2{font-family:var(--font-body-family)!important;font-size:15px!important;line-height:20px!important;font-weight:600!important;letter-spacing:1.4px!important;text-transform:uppercase}.suki-size-guide-close{flex:0 0 44px!important;width:44px!important;height:44px!important}.suki-size-guide-body{padding:16px 16px 24px!important;display:flex;flex-direction:column;gap:14px}.suki-sg-row{display:flex;justify-content:space-between;align-items:center}.suki-sg-label{margin:0;font-family:var(--font-body-family);font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#262626}.suki-sg-label--measure{margin-top:6px}.suki-sg-units{display:flex;border:1px solid #D9CFD1}.suki-sg-units button{height:32px;min-width:44px;padding:0 12px;border:0;background:#fff;color:#262626;font:inherit;font-size:12.5px;font-weight:500;letter-spacing:1px;cursor:pointer}.suki-sg-units button[aria-pressed=true]{background:#f8f1f2;color:#9b676e;font-weight:600}.suki-size-guide-content .suki-size-chart{margin:0!important;font-size:15px!important;line-height:20px!important;border-top:1px solid #EEE7E8!important}.suki-size-guide-content .suki-size-chart thead{background:none!important}.suki-size-guide-content .suki-size-chart thead th{padding:10px 12px!important;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#6e6669;border-bottom:1px solid #EEE7E8!important}.suki-size-guide-content .suki-size-chart tbody th,.suki-size-guide-content .suki-size-chart tbody td{padding:12px!important;border-bottom:1px solid #EEE7E8!important}.suki-size-guide-content .suki-size-chart tbody th{font-weight:600}.suki-size-guide-content .suki-size-chart{width:100%!important;max-width:none!important;table-layout:fixed!important}.suki-size-chart th:first-child{width:64px!important}.suki-size-guide-content .suki-size-chart th:last-child{width:96px}.suki-sg-current{visibility:hidden;font-size:13px;color:#9b676e;text-align:right!important}.suki-size-chart tr.is-current{background:#f8f1f2}.suki-size-chart tr.is-current th{color:#9b676e}.suki-size-chart tr.is-current .suki-sg-current{visibility:visible}.suki-size-guide-note{margin:0!important;font-size:13px!important;line-height:20px!important;color:#6e6669!important}.suki-sg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.suki-sg-step{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;background:#f1ece6;text-align:center;font-size:12px;line-height:16px;color:#262626}.suki-sg-icon{display:block;width:44px;height:44px;background:#9b676e;mask:center/contain no-repeat url(./suki-measure-string.svg);-webkit-mask:center/contain no-repeat url(./suki-measure-string.svg)}.suki-sg-step--wrist .suki-sg-icon{mask-image:url(./suki-measure-wrist.svg);-webkit-mask-image:url(./suki-measure-wrist.svg)}.suki-sg-step--ruler .suki-sg-icon{mask-image:url(./suki-measure-ruler.svg);-webkit-mask-image:url(./suki-measure-ruler.svg)}@media screen and (max-width:749px){.suki-size-guide .suki-size-guide-content{top:auto!important;bottom:0!important;left:0!important;transform:none!important;width:100%!important;max-height:85dvh!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/suki-size-guide.css.map */