variant-selects .caro-frame-options{width:100%;max-width:100%;min-width:0;padding:0;border:0;margin:0 0 2rem}variant-selects .caro-frame-options .form__label{margin-bottom:1.8rem}variant-selects .caro-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:480px;padding:6px;box-sizing:border-box}variant-selects .caro-frame-choice{position:relative;min-width:0}variant-selects .caro-frame-choice>input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}variant-selects .caro-frame-label{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#604d48;box-shadow:none;text-align:center;cursor:pointer;box-sizing:border-box}variant-selects .caro-frame-photo{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;box-sizing:border-box;border:1px solid #cfc3b4;border-radius:50%;background:#ebe7df;transition:box-shadow .22s ease,border-color .22s ease}variant-selects .caro-frame-photo img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}variant-selects .caro-frame-no-image{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:#604d48;font-size:11px}variant-selects .caro-frame-name{color:#604d48;font-size:12px;line-height:1.6;letter-spacing:.02em;overflow-wrap:anywhere}variant-selects .caro-frame-choice>input:checked+.caro-frame-label .caro-frame-photo{border-color:#604d48;box-shadow:0 0 0 3px #604d48;animation:caroRoundVariantSelect .32s ease-out}variant-selects .caro-frame-choice>input:checked+.caro-frame-label .caro-frame-photo:after{content:"\2713";position:absolute;right:0;bottom:0;display:grid;place-items:center;width:22px;height:22px;border:2px solid #f7f6ed;border-radius:50%;box-sizing:content-box;background:#604d48;color:#fff;font-size:12px;line-height:1}variant-selects .caro-frame-choice>input:checked+.caro-frame-label .caro-frame-name{font-weight:600}variant-selects .caro-frame-choice>input:focus-visible+.caro-frame-label .caro-frame-photo{outline:2px solid #604d48;outline-offset:7px}variant-selects .caro-frame-choice>input.disabled+.caro-frame-label .caro-frame-name{text-decoration:line-through;opacity:.6}@keyframes caroRoundVariantSelect{0%{transform:scale(.96)}60%{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:749px){variant-selects .caro-frame-grid{gap:12px}variant-selects .caro-frame-name{font-size:11px}}@media(prefers-reduced-motion:reduce){variant-selects .caro-frame-photo{animation:none!important;transition:none}}variant-selects .caro-frame-options .caro-frame-choice>input[type=radio]+label.caro-frame-label,variant-selects .caro-frame-options .caro-frame-choice>input[type=radio]:checked+label.caro-frame-label{background:transparent!important;background-image:none!important;color:#604d48!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important;animation:none!important;opacity:1!important}variant-selects .caro-frame-options .caro-frame-label:before,variant-selects .caro-frame-options .caro-frame-label:after{content:none!important;display:none!important}variant-selects .caro-frame-options .caro-frame-photo{border-radius:10px;background:transparent}variant-selects .caro-frame-options .caro-frame-photo img,variant-selects .caro-frame-options .caro-frame-no-image{border-radius:9px}variant-selects .caro-frame-options .caro-frame-name{color:#604d48!important}variant-selects .caro-frame-options .caro-frame-choice>input:checked+.caro-frame-label .caro-frame-photo:before{content:"";position:absolute;right:4px;bottom:4px;width:22px;height:22px;box-sizing:border-box;border:2px solid #f7f6ed;border-radius:50%;background:#604d48}variant-selects .caro-frame-options .caro-frame-choice>input:checked+.caro-frame-label .caro-frame-photo:after{content:"";position:absolute;right:12px;bottom:11px;width:5px;height:9px;box-sizing:content-box;border:0;border-right:2px solid #fff;border-bottom:2px solid #fff;border-radius:0;background:transparent;transform:rotate(45deg)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/caro-round-variant-picker.css.map */