variant-selects{display:block}.product--no-media .product-form__input--pill,.product--no-media .product-form__input--swatch,.product--no-media .product-form__input--dropdown{display:flex;align-items:center;justify-content:center;text-align:center}.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__input.product-form__input--swatch{flex-wrap:wrap;margin:0 auto 1.2rem}.product--no-media .product-form__input--dropdown{flex-direction:column;max-width:100%}:is(.product-form__input--pill,.product-form__input--swatch) .form__label{margin-bottom:.2rem}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled)+label>.label-unavailable{display:none}.product-form__input--dropdown{--swatch-input--size: 2rem;margin-bottom:1.6rem}.product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.product-form__input--dropdown .dropdown-swatch{position:absolute;left:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.product-form__input--pill input[type=radio]+label{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--variant-pills-radius);color:rgb(var(--color-foreground));display:inline-block;margin:.7rem .5rem .2rem 0;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.product-form__input--pill input[type=radio]+label:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.product-form__input--pill input[type=radio]+label:hover{border-color:rgb(var(--color-foreground))}.product-form__input--pill input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (forced-colors:active){.product-form__input--pill input[type=radio]:checked+label{text-decoration:underline}.product-form__input--pill input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.product-form__input--pill input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input--pill input[type=radio]:disabled+label,.product-form__input--pill input[type=radio].disabled+label{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6);text-decoration:line-through}.product-form__input--pill input[type=radio].disabled:checked+label,.product-form__input--pill input[type=radio]:disabled:checked+label{color:rgba(var(--color-background),.6)}.product-form__input--pill input[type=radio]:focus-visible+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--pill input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.no-js .product-form__input--pill input[type=radio]:focus:not(:focus-visible)+label{box-shadow:none}.product-form__input--swatch{display:flex;flex-wrap:wrap}.product-form__input--swatch .swatch-input__input+.swatch-input__label{margin:.7rem 1.2rem .2rem 0}@media screen and (min-width:750px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.8rem}}.city-sunglass-variant-selects{margin-top:1.4rem}.city-sunglass-variant-selects .city-sun-option{border:0;margin:0 0 1.5rem;padding:0;min-width:0;max-width:100%}.city-sun-option__label{align-items:baseline;color:#223044;display:flex;flex-wrap:wrap;font-size:1.32rem;font-weight:700;gap:.45rem;letter-spacing:0;line-height:1.25;margin-bottom:.8rem}.city-sun-option__selected{color:#667085;font-size:1.2rem;font-weight:500}.city-sun-colour-grid,.city-sun-lens-grid,.city-sun-custom-tint-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.city-sun-colour-card,.city-sun-lens-card,.city-sun-custom-tint-card{background:#fff;border:.1rem solid rgba(112,128,144,.26);border-radius:1.2rem;box-shadow:0 .1rem .2rem #0f172a08;color:#344054;cursor:pointer;display:flex;line-height:1.25;margin:0;position:relative;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.city-sun-colour-card{align-items:stretch;flex-direction:column;gap:.32rem;min-height:11.4rem;padding:.72rem .38rem .48rem}.city-sun-lens-card{align-items:center;flex-direction:column;gap:.1rem;justify-content:center;min-height:4.8rem;padding:1.1rem 1rem;text-align:center}.city-sun-custom-tint-card{align-items:center;gap:1rem;min-height:7.2rem;padding:1rem;text-align:left}.city-sun-colour-card:hover,.city-sun-lens-card:hover,.city-sun-custom-tint-card:hover{border-color:#47556980;box-shadow:0 .6rem 1.6rem #0f172a12;transform:translateY(-.1rem)}.city-sun-colour-card__media{align-items:center;aspect-ratio:1.95 / 1;background:#fff;border-radius:.85rem;display:flex;flex:0 0 auto;justify-content:center;overflow:hidden;width:100%}.city-sun-custom-tint-card__media{align-items:center;background:#fff;border:.1rem solid rgba(148,163,184,.22);border-radius:999px;display:inline-flex;flex:0 0 4.6rem;height:4.6rem;justify-content:center;overflow:hidden;width:4.6rem}.city-sun-custom-tint-card__image{display:block;height:100%;object-fit:cover;width:100%}.city-sun-colour-card__badge,.city-sun-lens-card__badge{align-items:center;background:#26364a;border-radius:999px;color:#fff;display:inline-flex;font-size:.94rem;font-weight:700;justify-content:center;letter-spacing:.045em;line-height:1;padding:.43rem .92rem;pointer-events:none;text-transform:uppercase;white-space:nowrap;z-index:1}.city-sun-colour-card__badge{border-radius:0 0 .72rem .72rem;box-shadow:0 .25rem .7rem #0f172a1f;left:50%;max-width:calc(100% - 2.4rem);overflow:hidden;position:absolute;text-overflow:ellipsis;top:-.1rem;transform:translate(-50%)}.city-sun-lens-card__badge{background:#eaf3fb;border:.1rem solid #c6d9ea;color:#244763;font-size:.86rem;margin-bottom:.28rem;padding:.28rem .62rem}[hidden].city-sun-lens-card__badge,[hidden].product-sunglass-badge,.city-sun-lens-card[hidden]{display:none!important}.city-sun-colour-card__image{display:block;height:calc(100% - .1rem);margin:.05rem;object-fit:contain;width:calc(100% - .1rem)}.city-sun-colour-card__name,.city-sun-lens-card__title,.city-sun-custom-tint-card__label{display:block;font-size:1.22rem;font-weight:700;letter-spacing:0;line-height:1.22}.city-sun-custom-tint__error{color:#b42318;font-size:1.2rem;font-weight:700;line-height:1.35;margin:.65rem 0 0}.city-sun-custom-tint__disclosure{color:#667085;font-size:1.16rem;line-height:1.45;margin:.75rem 0 0}.city-sun-colour-card__name{min-width:0;overflow-wrap:anywhere;padding:0 .1rem;text-align:center}.city-sun-colour-card__secondary{color:rgba(var(--color-foreground),.68);display:block;font-size:1.2rem;font-weight:500;line-height:1.35;margin-top:.25rem;overflow-wrap:anywhere;text-align:center}[data-city-optical-selects] .city-sun-option__label,[data-city-optical-selects] .city-sun-colour-card__name{font-family:inherit;letter-spacing:0}[data-city-optical-selects] .city-sun-colour-card{background:#fff;border-color:#cbd3dd;padding:.48rem .28rem .5rem}[data-city-optical-selects] .city-sun-colour-card__media{aspect-ratio:1.78 / 1;background:#fff}[data-city-optical-selects] .city-sun-colour-card__image{height:100%;margin:0;mix-blend-mode:normal;transform:none;transform-origin:center;width:100%}[data-city-optical-selects] .city-sun-option input[type=radio].disabled+.city-sun-colour-card,[data-city-optical-selects] .city-sun-option input[type=radio]:disabled+.city-sun-colour-card{background:#fff;border-color:#cbd3dd;opacity:1}[data-city-optical-selects] .city-sun-option input[type=radio].disabled+.city-sun-colour-card .city-sun-colour-card__image,[data-city-optical-selects] .city-sun-option input[type=radio]:disabled+.city-sun-colour-card .city-sun-colour-card__image{filter:none;opacity:1}[data-city-optical-selects] .city-sun-option input[type=radio]:checked+.city-sun-colour-card{background:#fbfcfe;border-color:#334155;box-shadow:0 0 0 .1rem #334155,0 .8rem 2rem #0f172a14;color:#1f2937}.city-sun-lens-card__unavailable{color:#7c8797;display:none;font-size:1.08rem;font-weight:600;line-height:1;margin-left:.22rem;white-space:nowrap}.city-sun-lens-helper{color:#667085;font-size:1.16rem;line-height:1.35;margin:.55rem 0 0}.city-sun-lens-card__delta{display:inline-block;color:#475467;font-size:1.18rem;font-weight:700;margin-left:.25rem;white-space:nowrap}.city-sun-option input[type=radio]:checked+.city-sun-colour-card,.city-sun-option input[type=radio]:checked+.city-sun-lens-card,.city-sun-option input[type=radio]:checked+.city-sun-custom-tint-card{background:#fbfcfe;border-color:#334155;box-shadow:0 0 0 .1rem #334155,0 .8rem 2rem #0f172a14;color:#1f2937}.city-sun-option input[type=radio]:focus-visible+.city-sun-colour-card,.city-sun-option input[type=radio]:focus-visible+.city-sun-lens-card,.city-sun-option input[type=radio]:focus-visible+.city-sun-custom-tint-card,.city-sun-option input[type=radio].focused+.city-sun-colour-card,.city-sun-option input[type=radio].focused+.city-sun-lens-card,.city-sun-option input[type=radio].focused+.city-sun-custom-tint-card{outline:.2rem solid rgba(71,85,105,.34);outline-offset:.25rem}.city-sun-option input[type=radio].disabled+.city-sun-colour-card,.city-sun-option input[type=radio].disabled+.city-sun-lens-card,.city-sun-option input[type=radio]:disabled+.city-sun-colour-card,.city-sun-option input[type=radio]:disabled+.city-sun-lens-card{background:#f9fafb;border-color:#94a3b838;box-shadow:none;color:#8a95a6;cursor:not-allowed;opacity:.72;transform:none}.city-sun-option input[type=radio].disabled+.city-sun-lens-card,.city-sun-option input[type=radio]:disabled+.city-sun-lens-card{background:#f7f8fa;border-style:dashed}.city-sun-option input[type=radio].disabled+.city-sun-lens-card .city-sun-lens-card__badge,.city-sun-option input[type=radio]:disabled+.city-sun-lens-card .city-sun-lens-card__badge{display:none!important}.city-sun-option input[type=radio].disabled+.city-sun-lens-card .city-sun-lens-card__unavailable,.city-sun-option input[type=radio]:disabled+.city-sun-lens-card .city-sun-lens-card__unavailable{display:inline}.city-sun-option input[type=radio].disabled+.city-sun-colour-card .city-sun-colour-card__image,.city-sun-option input[type=radio]:disabled+.city-sun-colour-card .city-sun-colour-card__image{filter:grayscale(.15);opacity:.72}.city-sun-option input[type=radio].disabled+.city-sun-colour-card .city-sun-colour-card__badge,.city-sun-option input[type=radio]:disabled+.city-sun-colour-card .city-sun-colour-card__badge{display:none}@media screen and (max-width:749px){.city-sunglass-variant-selects{margin-top:1.1rem}.city-sun-option--colour.city-sun-option--many-colours{margin-bottom:1.9rem}.city-sun-option--many-colours .city-sun-colour-grid{display:flex;gap:.8rem;margin:0 -1.5rem;overflow-x:auto;padding:.15rem 1.5rem .55rem;scroll-padding-left:1.5rem;scroll-padding-right:3.6rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.city-sun-option--many-colours .city-sun-colour-grid::-webkit-scrollbar{display:none}.city-sun-lens-grid,.city-sun-custom-tint-grid{gap:.7rem}.city-sun-colour-card{min-height:11.2rem}.city-sun-option--many-colours .city-sun-colour-card{flex:0 0 min(16.8rem,58vw);scroll-snap-align:start;scroll-snap-stop:always}.city-sun-colour-card__media{aspect-ratio:1.9 / 1}.city-sun-colour-card__name,.city-sun-lens-card__title,.city-sun-custom-tint-card__label{font-size:1.22rem}.city-sun-custom-tint-card{gap:.8rem;min-height:6.8rem;padding:.85rem}.city-sun-custom-tint-card__media{flex-basis:4rem;height:4rem;width:4rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-product-variant-picker.css.map */