.frame-selector{--swatch-size: 60px;--swatch-gap: 8px;--border-radius: 4px;--active-color: #000;--border-color: #ddd}.frame-selector__tabs{display:flex;gap:8px;margin-bottom:1rem;border-bottom:2px solid var(--border-color)}.frame-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:1.2rem;font-weight:500;color:#666;transition:color .2s,border-color .2s}.frame-tab:hover{color:#333}.frame-tab--active{color:var(--active-color);border-bottom-color:var(--active-color);font-weight:600}.frame-tab__count{font-size:.75rem;color:#999;margin-left:.25rem}.frame-selector__section{margin-bottom:1.5rem}.frame-selector__section--hidden{display:none}.frame-selector__label{display:block;font-weight:600;margin-bottom:.5rem}.frame-selector__swatches{display:flex;flex-wrap:wrap;gap:var(--swatch-gap)}.frame-swatches-loading{padding:1rem;color:#666;font-style:italic}.frame-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--swatch-size);min-height:var(--swatch-size);padding:4px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:border-color .2s,transform .2s}.frame-swatch:hover{border-color:#999;transform:scale(1.05)}.frame-swatch--active{border-color:var(--active-color);box-shadow:0 0 0 1px var(--active-color)}.frame-swatch__image{width:100%;height:auto;object-fit:contain}.frame-swatch__label{font-size:10px;text-align:center;margin-top:2px;line-height:1.2}.frame-selector__options{display:flex;flex-direction:column;gap:.5rem}.framing-option{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:border-color .2s}.framing-option:hover{border-color:#999}.framing-option input:checked+.framing-option__content{font-weight:600}.framing-option__name{display:block}.framing-option__desc{display:block;font-size:.875rem;color:#666;margin-top:.25rem}.frame-selector__preview{margin:1.5rem 0}.frame-selector__preview-inline{margin:1.5rem 0;padding:2rem;background:#525552;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;min-height:400px;transition:background-color .3s ease}.frame-preview__image{max-width:60%;max-height:500px;width:auto;height:auto;border-radius:var(--border-radius);box-shadow:0 4px 16px #0003}.background-color-selector{margin:1.5rem 0;text-align:center}.background-color-selector__label{display:block;font-weight:600;font-size:1.2rem;color:#333;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.background-color-swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;max-width:600px;margin:0 auto}.color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;position:relative}.color-swatch:hover{transform:scale(1.2);border-color:#0000004d}.color-swatch--active{transform:scale(1.3);border-color:#000!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.color-swatch--active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:transparent;border-radius:50%}.frame-selector__price{display:flex;align-items:center;gap:.5rem;font-size:2.25rem}.frame-price__label{color:#666}.frame-price__value{font-weight:700}.product__media-sublist{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/frame-selector.css.map */