.frame-color-ui,.frame-finish-ui{position:relative}.frame-color-label{display:flex;align-items:center;gap:6px;margin-bottom:6px;line-height:1.3;letter-spacing:.01em}.frame-color-label span{font-weight:600;color:#555}.frame-finish-cards{display:flex;gap:1rem;flex-wrap:nowrap;margin-top:1.2rem;margin-bottom:2.2rem;align-items:stretch}.finish-card-wrapper{flex:0 0 calc(33.333% - .67rem);max-width:calc(33.333% - .67rem);position:relative;display:flex}.finish-card-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.finish-card{width:100%;min-height:8rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-radius:12px;padding:1rem .95rem;cursor:pointer;border:1px solid rgba(var(--color-foreground),.16);background:rgb(var(--color-background));transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;line-height:1.15;position:relative;box-sizing:border-box}.finish-card:hover{border-color:rgba(var(--color-foreground),.35);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.finish-card-radio:checked+.finish-card{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgba(var(--color-foreground),.18),0 3px 10px #0000001a}.finish-card .variant-pill__title{display:block;width:100%;text-align:center;font-size:1.3rem;font-weight:700;line-height:1.15;color:rgb(var(--color-foreground))}.finish-card .variant-pill__meta{display:block;width:100%;text-align:center;margin-top:.62rem;font-size:.98rem;opacity:.78;line-height:1.35;color:rgba(var(--color-foreground),.82)}.finish-card .variant-pill__title{min-height:2.9rem;display:flex;align-items:center;justify-content:center}.finish-card .variant-pill__meta{min-height:3.2rem}.frame-finish-ui.frame-finish-pulse .finish-card-radio:checked+.finish-card{box-shadow:0 0 0 2px #0000001a,0 3px 10px #0000000f}.frame-color-swatches{display:flex;flex-wrap:wrap;gap:14px;margin-top:1.2rem;align-items:center;position:relative;overflow:visible;opacity:0;transition:opacity .35s ease}.frame-color-swatches.ready{opacity:1}.swatch-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.frame-color-swatches .swatch-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}label.swatch{margin:0!important;padding:0!important;display:inline-block!important;width:40px!important;height:40px!important;border-radius:50%!important;box-sizing:border-box!important;cursor:pointer!important;background-color:#eee;position:relative;overflow:visible;box-shadow:none;transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}label.swatch:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid transparent;opacity:0;pointer-events:none;transition:opacity .18s ease,border-color .18s ease}label.swatch:hover{transform:translateY(-1px)}label.swatch:hover:after{opacity:1;border-color:#d0d0d0}.swatch-radio:checked+label.swatch{border-color:transparent!important;border-width:0!important;box-shadow:none;transform:scale(.9)}.swatch-radio:checked+label.swatch:after{opacity:1;border-color:#111;top:-9px;right:-9px;bottom:-9px;left:-9px}.swatch-wrapper.is-unavailable .swatch{opacity:.55;cursor:not-allowed!important;filter:grayscale(.15)}.swatch-wrapper.is-unavailable .swatch:hover{transform:none}.swatch-wrapper.is-unavailable .swatch:after{opacity:1;border-color:#d7d7d7}.swatch-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:14px;color:#d4af37;background:#ffffff6b;border-radius:50%;pointer-events:none}.swatch-wrapper.is-unavailable .swatch-lock{display:flex}.swatch-tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#111;color:#fff;font-size:11px;font-weight:600;padding:6px 10px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:20;box-shadow:0 4px 14px #00000029}.swatch-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#111 transparent transparent transparent}.swatch-wrapper:hover .swatch-tooltip{opacity:.98;transform:translate(-50%) translateY(-1px)}.frame-color-swatches input[type=radio]+label,.frame-color-swatches input[type=radio]:checked+label,.frame-color-swatches input[type=radio]:hover+label{display:inline-block;border-radius:50%;cursor:pointer;box-sizing:border-box}label.swatch[data-color-name=NoColor],label.swatch[data-color-name="No Frame"],label.swatch[data-color-name="No frame"]{border-style:dashed!important;border-color:#8a8a8a!important;background:repeating-linear-gradient(135deg,#fafafa 0 5px,#f0f0f0 5px 10px)!important}.swatch-radio:checked+label.swatch[data-color-name=NoColor],.swatch-radio:checked+label.swatch[data-color-name="No Frame"],.swatch-radio:checked+label.swatch[data-color-name="No frame"]{border-color:#111!important}.product-form__input.frame-finish-pulse .select__select{border-color:#111!important;box-shadow:0 0 0 2px #0000001a;transition:box-shadow .22s ease,border-color .22s ease}@media(max-width:749px){.swatch-tooltip{display:none!important}label.swatch{width:32px!important;height:32px!important}.frame-color-swatches{gap:12px}.frame-finish-cards{gap:.75rem}.finish-card{min-height:7.4rem;padding:.8rem .75rem}.finish-card .variant-pill__title{font-size:1.1rem}.finish-card .variant-pill__meta{font-size:.98rem}}.finish-card-radio:checked+.finish-card .variant-pill__title,.finish-card-radio:checked+.finish-card .variant-pill__meta{color:rgb(var(--color-background))}.finish-card-radio:checked+.finish-card .variant-pill__meta{opacity:.88}.finish-card-wrapper.is-unavailable .finish-card{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.finish-card-wrapper.is-unavailable .finish-card:hover{border-color:rgba(var(--color-foreground),.16);transform:none;box-shadow:none}.finish-card-wrapper.is-unavailable .finish-card .variant-pill__title,.finish-card-wrapper.is-unavailable .finish-card .variant-pill__meta{color:rgba(var(--color-foreground),.6)}.variant-pill__lock{position:absolute;top:8px;right:10px;display:none;font-size:13px;line-height:1;color:#d4af37;pointer-events:none}.finish-card-wrapper.is-unavailable .variant-pill__lock{display:inline-block}.select--size--rounded:after{border-radius:12px!important}.select--size--rounded .select__select,.select--size--rounded .select__select:focus,.select--size--rounded .select__select:focus-visible{border-radius:12px!important}.product-form__input--static{margin-bottom:1.4rem}.product-form__input--static .form__label{display:block;margin-bottom:.7rem}.variant-static-value{position:relative;display:inline-flex;align-items:center;padding:0 2rem;margin:var(--inputs-border-width);height:4.5rem;font-size:1.5rem;line-height:calc(1 + .6 / var(--font-body-scale))}.variant-static-value:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:12px;box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));z-index:1}
/*# sourceMappingURL=/cdn/shop/t/17/assets/frame-color-ui.css.map */