.frame-selector{--fs-size: clamp(54px, 11vw, 84px);--fs-gap: clamp(8px, 2vw, 16px);--fs-ring: rgba(0, 0, 0, .14);--fs-ring-hover: #b08d57;--fs-ring-active: #111111;--fs-error: #b3261e;--fs-muted: #696969;margin:22px 0 26px}.frame-selector__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;margin-bottom:14px;line-height:1.4}.frame-selector__label{font-size:15px;font-weight:500;color:#111}.frame-selector__req{color:#8f0000;font-weight:600}.frame-selector__value{font-size:14px;color:var(--fs-muted)}.frame-selector__value.is-filled{color:#111;font-weight:500}.frame-selector__options{display:flex;flex-wrap:wrap;gap:14px var(--fs-gap);align-items:flex-start}.frame-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.frame-option__input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.frame-option__thumb{position:relative;display:block;width:var(--fs-size);height:var(--fs-size);border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--fs-ring);transition:box-shadow .18s ease,transform .18s ease}.frame-option__thumb picture,.frame-option__thumb img{display:block;width:100%;height:100%;border-radius:50%}.frame-option__thumb img{object-fit:cover}.frame-option:hover .frame-option__thumb{box-shadow:0 0 0 2px var(--fs-ring-hover);transform:translateY(-1px)}.frame-option__input:focus-visible+.frame-option__thumb{outline:2px solid #8f0000;outline-offset:3px}.frame-selector.has-error .frame-option__input:focus-visible+.frame-option__thumb{outline:none}.frame-option.is-checked .frame-option__thumb{box-shadow:0 0 0 2px var(--fs-ring-active)}.frame-option__check{position:absolute;right:-2px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--fs-ring-active);color:#fff;opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.frame-option.is-checked .frame-option__check{opacity:1;transform:scale(1)}.frame-option__name{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--fs-muted);transition:color .15s ease;text-align:center}.frame-option.is-checked .frame-option__name{color:#111;font-weight:600}.frame-selector__error{margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--fs-error)}.frame-selector.has-error .frame-option__thumb{box-shadow:0 0 0 2px var(--fs-error)}.frame-selector.has-error .frame-selector__options{animation:frame-selector-shake .4s ease}@keyframes frame-selector-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.frame-selector.has-error .frame-selector__options{animation:none}.frame-option__thumb,.frame-option__check{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/frame-selector.css.map */