.variant-picker-custom{--apple-blue: #0071e3;--apple-blue-dark: #0066CC;--apple-blue-light: rgba(0, 113, 227, .06);--apple-blue-shadow: rgba(0, 113, 227, .12);--apple-gray: #86868b;--apple-gray-light: #f5f5f7;--swatch-size: 34px;--swatch-size-mobile: 30px;--border-width: 1px;--border-width-selected: 2px;display:block;width:100%;margin:1.5rem 0;padding:2rem;background:transparent;border-radius:1.2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.variant-picker-custom *,.variant-picker-custom *:before,.variant-picker-custom *:after{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.variant-picker-option__input{font-size:16px}.variant-picker-custom__heading{margin:0 0 1.5rem;font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));text-align:left;letter-spacing:-.01em}.variant-picker-step{margin-bottom:1.5rem;transition:opacity .3s ease,filter .3s ease}.variant-picker-step:not(:last-of-type){padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:1.5rem}.variant-picker-step:last-of-type{margin-bottom:0}.variant-picker-step__label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem;margin-bottom:.8rem;font-weight:500;font-size:1.4rem;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.variant-picker-step__separator{color:rgb(var(--color-foreground));margin:0 .15rem}.variant-picker-step__selected{font-weight:500;color:var(--apple-blue-dark)}.variant-picker-step--disabled{opacity:.2;filter:grayscale(100%);pointer-events:none;-webkit-user-select:none;user-select:none}.variant-picker-step--disabled .variant-picker-step__label:after{content:"";display:none}.variant-picker-help-box{margin-top:1.5rem;padding:1.2rem 1.5rem;background:var(--apple-blue-light);border:1px solid rgba(0,113,227,.2);border-radius:.8rem;display:flex;align-items:center;justify-content:center}.variant-picker-help-box__content{flex:1;text-align:center}.variant-picker-help-box__text{display:inline;margin:0;font-size:1.4rem;color:rgb(var(--color-foreground));line-height:1.4}.variant-picker-help-box__link-wrapper{display:inline}.variant-picker-help-box__link{display:inline;color:var(--apple-blue);text-decoration:none;font-weight:500;margin-left:.4rem;white-space:nowrap}.variant-picker-help-box__link:hover{text-decoration:underline}@media screen and (min-width: 990px){.variant-picker-help-box__content{white-space:nowrap}}.variant-picker-step__options{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.variant-picker-step--case-size .variant-picker-step__options{gap:.6rem;flex-wrap:nowrap}.variant-picker-step--color .variant-picker-step__options{gap:1rem;padding:.3rem 0}.variant-picker-step__options--scrollable{position:relative;flex-wrap:nowrap;overflow:hidden}.variant-picker-step__scroll-container{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:.3rem 0;margin:-.3rem 0}.variant-picker-step__scroll-container::-webkit-scrollbar{display:none}.variant-picker-step__scroll-container>*{scroll-snap-align:start}.variant-picker-step__scroll-fade{position:absolute;top:0;bottom:0;width:2rem;pointer-events:none;z-index:1}.variant-picker-step__scroll-fade--right{right:0;background:linear-gradient(to right,transparent,rgb(var(--color-background)))}.variant-picker-step__scroll-fade--hidden{display:none}.variant-picker-option{position:relative;display:block;cursor:pointer;-webkit-user-select:none;user-select:none}.variant-picker-option__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.variant-picker-option__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem 1rem;border:var(--border-width) solid rgba(0,0,0,.15);border-radius:.8rem;background-color:rgb(var(--color-background));transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .15s ease;min-height:40px}.variant-picker-option:hover .variant-picker-option__content{border-color:#00000040;transform:scale(1.02)}.variant-picker-option:active .variant-picker-option__content{transform:scale(.98)}.variant-picker-option--selected .variant-picker-option__content,.variant-picker-option__input:checked+.variant-picker-option__content{border:var(--border-width-selected) solid var(--apple-blue);background-color:var(--apple-blue-light);box-shadow:inset 0 1px 4px var(--apple-blue-shadow)}.variant-picker-option--unavailable .variant-picker-option__content{opacity:.5;position:relative}.variant-picker-option--unavailable .variant-picker-option__content:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:rgba(var(--color-foreground),.4);transform:rotate(-12deg)}.variant-picker-option--unavailable .variant-picker-option__label{color:rgba(var(--color-foreground),.5)}.variant-picker-option--nonexistent{display:none!important}.variant-picker-option__input:focus-visible+.variant-picker-option__content{outline:2px solid var(--apple-blue);outline-offset:2px}.variant-picker-option__label{font-size:1.3rem;font-weight:500;text-align:center;color:rgb(var(--color-foreground));line-height:1.3}.variant-picker-option--case-size{flex:1 1 0;min-width:0}.variant-picker-option--case-size .variant-picker-option__content{padding:1.2rem .8rem;min-width:0;border-radius:1rem;flex-direction:column;gap:0}.variant-picker-option--case-size .variant-picker-option__label{font-size:1.5rem;font-weight:600;text-align:center;line-height:1.2;margin-top:0}.variant-picker-option--color{display:flex;flex-direction:column;align-items:center}.variant-picker-option--color .variant-picker-option__content{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.variant-picker-option--color:hover .variant-picker-option__content{border-color:transparent;background:transparent;box-shadow:none;transform:none}.variant-picker-option--color.variant-picker-option--selected .variant-picker-option__content,.variant-picker-option--color .variant-picker-option__input:checked+.variant-picker-option__content{border:none;background:transparent;box-shadow:none}.variant-picker-option__swatch{width:var(--swatch-size);height:var(--swatch-size);min-width:var(--swatch-size);min-height:var(--swatch-size);max-width:var(--swatch-size);max-height:var(--swatch-size);border-radius:50%;position:relative;transition:transform .2s ease;box-shadow:inset 0 1px 2px #0003,inset 0 -1px 1px #ffffff1a}.variant-picker-option__swatch-wrapper{display:flex;align-items:center;justify-content:center;width:calc(var(--swatch-size) + 8px);height:calc(var(--swatch-size) + 8px);min-width:calc(var(--swatch-size) + 8px);min-height:calc(var(--swatch-size) + 8px);border-radius:50%;border:var(--border-width) solid transparent;transition:border-color .2s ease,border-width .2s ease;padding:3px}.variant-picker-option--color.variant-picker-option--selected .variant-picker-option__swatch-wrapper,.variant-picker-option--color .variant-picker-option__input:checked+.variant-picker-option__content .variant-picker-option__swatch-wrapper{border:var(--border-width-selected) solid var(--apple-blue)}.variant-picker-option--color.variant-picker-option--unavailable .variant-picker-option__swatch{opacity:.4}.variant-picker-option--color.variant-picker-option--unavailable .variant-picker-option__swatch-wrapper:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:rgba(var(--color-foreground),.5);transform:rotate(-45deg)}.variant-picker-option--color:hover .variant-picker-option__swatch{transform:scale(1.1)}.variant-picker-option--color:active .variant-picker-option__swatch{transform:scale(.95)}.variant-picker-option--color .variant-picker-option__label,.variant-picker-option--color[data-hidden=true]{display:none}.variant-picker-option--wrist-size{flex-shrink:0}.variant-picker-option--wrist-size .variant-picker-option__content{padding:.7rem 1.4rem;border-radius:.6rem;flex-direction:row;min-width:auto}.variant-picker-option--wrist-size .variant-picker-option__label{font-size:1.3rem;font-weight:500;white-space:nowrap;margin-top:0}.variant-picker-option--unavailable{opacity:.4;pointer-events:none}.variant-picker-option--unavailable .variant-picker-option__swatch:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1px;background-color:#00000080;transform:rotate(-45deg)}@media screen and (max-width: 749px){.variant-picker-custom{--swatch-size: var(--swatch-size-mobile);margin:1rem 0;padding:1.5rem 1rem}.variant-picker-custom__heading{font-size:1.5rem;margin-bottom:1.2rem}.variant-picker-step{margin-bottom:1.2rem}.variant-picker-step__label{font-size:1.3rem;margin-bottom:.6rem}.variant-picker-step__options{gap:.5rem}.variant-picker-step--case-size .variant-picker-step__options{gap:.5rem;flex-wrap:nowrap}.variant-picker-option--case-size .variant-picker-option__content{padding:.9rem .6rem}.variant-picker-option--case-size .variant-picker-option__label{font-size:1.4rem}.variant-picker-step--color .variant-picker-step__options{gap:.8rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:.3rem 1rem}.variant-picker-step--wrist-size .variant-picker-step__options--scrollable{margin:0 -1rem;padding:0 1rem}.variant-picker-step__scroll-container{gap:.4rem}.variant-picker-option--wrist-size .variant-picker-option__content{padding:.6rem 1rem}.variant-picker-option--wrist-size .variant-picker-option__label{font-size:1.2rem}}@supports (padding: env(safe-area-inset-bottom)){.variant-picker-custom{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media screen and (min-width: 990px){.variant-picker-custom{--swatch-size: 36px}.variant-picker-custom__heading{font-size:2rem}.variant-picker-step__label{font-size:1.5rem}.variant-picker-step--case-size .variant-picker-step__options{gap:.8rem}.variant-picker-option--case-size .variant-picker-option__content{padding:1.2rem .8rem}.variant-picker-option--case-size .variant-picker-option__label{font-size:1.7rem}.variant-picker-option__label{font-size:1.4rem}.variant-picker-step--color .variant-picker-step__options{gap:1rem}}.variant-picker-step--just-enabled{animation:enableStep .3s ease}@keyframes enableStep{0%{opacity:.2;filter:grayscale(100%)}to{opacity:1;filter:grayscale(0%)}}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.variant-picker-option--just-selected .variant-picker-option__content{animation:selectPulse .25s ease}.variant-picker-custom~.product__media-wrapper img,.product__media-wrapper img{transition:opacity .15s ease}.variant-picker-custom--updating-image~.product__media-wrapper img{opacity:.85}.size-guide-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:rgb(var(--color-background));display:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.size-guide-fullscreen.variant-picker-guide-popup--open{display:block}.size-guide-fullscreen__close{position:fixed;top:1.5rem;right:1.5rem;z-index:10002;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;background:#00000014;border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color .2s ease,transform .2s ease}.size-guide-fullscreen__close:hover{background:#00000026;transform:scale(1.05)}.size-guide-fullscreen__close svg{width:24px;height:24px}.size-guide-fullscreen__content{width:100%;min-height:100%}.size-guide-fullscreen__inner{max-width:600px;margin:0 auto;padding:4rem 2rem 6rem}.size-guide-fullscreen__header{text-align:center;margin-bottom:3rem;padding-top:2rem}.size-guide-fullscreen__title{font-size:2.8rem;font-weight:700;margin:0 0 .5rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.size-guide-fullscreen__subtitle{font-size:1.5rem;color:rgba(var(--color-foreground),.7);margin:0}.size-guide-section{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.08)}.size-guide-section:last-of-type{border-bottom:none}.size-guide-section__icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:#0071e314;border-radius:1rem;margin-bottom:1.5rem;color:var(--apple-blue)}.size-guide-section__title{font-size:2rem;font-weight:600;margin:0 0 .8rem;color:rgb(var(--color-foreground))}.size-guide-section__intro{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin:0 0 1.5rem}.size-guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.size-guide-card{background:#f5f5f7;border-radius:1rem;padding:1.5rem;text-align:center}.size-guide-card--ultra{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.size-guide-card__size{font-size:2.2rem;font-weight:700;margin-bottom:.3rem}.size-guide-card__label{font-size:1.1rem;font-weight:500;opacity:.7;margin-bottom:1rem}.size-guide-card__list{list-style:none;padding:0;margin:0;font-size:1.2rem;line-height:1.6}.size-guide-card--ultra .size-guide-card__list{color:#ffffffd9}.size-guide-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.size-guide-color{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f5f5f7;border-radius:.8rem}.size-guide-color__swatch{width:2.4rem;height:2.4rem;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px 3px #0003}.size-guide-color__name{font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground))}.size-guide-color__match{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin-left:auto}.size-guide-note{margin-top:1.5rem;padding:1rem 1.5rem;background:#0000000a;border-radius:.8rem;font-size:1.3rem;color:rgba(var(--color-foreground),.8)}.size-guide-sizes{display:flex;flex-direction:column;gap:.5rem}.size-guide-size-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f5f5f7;border-radius:.8rem}.size-guide-size-row__size{font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground));min-width:4rem}.size-guide-size-row__range{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.size-guide-tip{margin-top:2rem;padding:1.5rem;background:#0071e30f;border-radius:1rem;font-size:1.3rem;line-height:1.5;color:rgb(var(--color-foreground))}.size-guide-fullscreen__footer{text-align:center;padding-top:2rem}.size-guide-fullscreen__done{display:inline-block;padding:1.2rem 4rem;background:var(--apple-blue);color:#fff;border:none;border-radius:2rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.size-guide-fullscreen__done:hover{background:var(--apple-blue-dark)}.size-guide-fullscreen__done:active{transform:scale(.98)}@media screen and (max-width: 749px){.size-guide-fullscreen__close{top:1rem;right:1rem;width:4rem;height:4rem}.size-guide-fullscreen__inner{padding:3rem 1.5rem 5rem}.size-guide-fullscreen__header{padding-top:3rem}.size-guide-fullscreen__title{font-size:2.2rem}.size-guide-fullscreen__subtitle{font-size:1.4rem}.size-guide-section__title{font-size:1.7rem}.size-guide-cards{grid-template-columns:1fr;gap:.8rem}.size-guide-card{padding:1.2rem}.size-guide-card__size{font-size:1.8rem}.size-guide-color-grid{grid-template-columns:1fr}.size-guide-color__match{display:none}}@media screen and (min-width: 990px){.size-guide-fullscreen__close{top:2rem;right:2rem;width:5rem;height:5rem}.size-guide-fullscreen__close svg{width:28px;height:28px}.size-guide-fullscreen__inner{max-width:700px;padding:5rem 3rem 7rem}.size-guide-fullscreen__title{font-size:3.2rem}.size-guide-section__title{font-size:2.2rem}}.variant-picker-warning{display:none;align-items:center;gap:1rem;padding:1.2rem 1.5rem;margin-bottom:1.5rem;background:#fff3cd;border:1px solid #FFEEBA;border-radius:8px;color:#856404;font-size:1.4rem;animation:warningShake .5s ease}.variant-picker-warning--visible{display:flex}.variant-picker-warning__icon{flex-shrink:0;font-size:1.6rem;line-height:1}.variant-picker-warning__text{flex:1;font-weight:500;line-height:1.4}.variant-picker-step--highlight-missing .variant-picker-step__label{color:#c22b2b}.variant-picker-step--highlight-missing .variant-picker-step__options{border:2px solid #c22b2b;border-radius:8px;padding:8px;margin:-8px;animation:highlightPulse 1s ease}@keyframes warningShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes highlightPulse{0%{box-shadow:0 0 #c22b2b66}70%{box-shadow:0 0 0 8px #c22b2b00}to{box-shadow:0 0 #c22b2b00}}@media screen and (min-width: 990px){.variant-picker-warning{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/component-variant-picker-custom.css.map */