.wr-variant{margin:18px 0 22px}.wr-variant>label,.wr-variant>.label{display:block;font-weight:600;letter-spacing:.02em;margin-bottom:10px}.wr-variant .no-js-hidden+ul,.wr-variant .no-js-hidden+p{margin-top:8px}.wr-variant ul.check{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px}.wr-variant--poster-size ul.check.box{grid-template-columns:repeat(3,minmax(0,1fr))}.wr-variant--frame-color ul.check.box{grid-template-columns:1fr}.wr-variant--poster-color ul.check.color,.wr-variant--poster-color ul.check.box{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width: 760px){.wr-variant--poster-size ul.check.box{grid-template-columns:repeat(3,1fr);grid-gap:10px}.wr-variant--poster-color ul.check.color,.wr-variant--poster-color ul.check.box{grid-template-columns:1fr}}.wr-variant ul.check.box li label{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;border-radius:10px;border:1px solid #E6E7EB;background:#fff;box-shadow:0 1px #1111110a;transition:all .18s ease;cursor:pointer;text-align:center;font-weight:600}.wr-variant ul.check.box li input:checked+label{border-color:#111827;background:#111827;color:#fff;box-shadow:0 3px 10px #1118272e}.wr-variant ul.check li input.disabled+label,.wr-variant ul.check li input[disabled]+label{opacity:.45;cursor:not-allowed}.wr-variant--frame-color ul.check.box li label{justify-content:flex-start;text-align:left;min-height:60px}.wr-variant--frame-color ul.check.box li label:before{content:"";width:42px;height:42px;border-radius:999px;border:1px solid #E6E7EB;background:#f8f8fa;display:inline-block;flex:0 0 42px}.wr-variant--frame-color ul.check.box li label picture,.wr-variant--frame-color ul.check.box li label img{width:42px;height:42px;border-radius:999px;object-fit:cover;flex:0 0 42px}.wr-variant--frame-color ul.check.box li input:checked+label{background:#111827;color:#fff;border-color:#111827}.wr-variant--poster-size ul.check.box li label{min-height:50px;font-weight:700}.wr-variant--poster-color ul.check.color li label,.wr-variant--poster-color ul.check.box li label{justify-content:flex-start;gap:12px;border-radius:999px;padding:10px 14px 10px 12px;min-height:50px}.wr-variant--poster-color i.icon-circle{width:34px;height:34px;border-radius:999px;border:1px solid #E6E7EB;background-size:cover;background-position:center;background-repeat:no-repeat;flex:0 0 34px}.wr-variant--poster-color ul.check li input:checked+label{background:#111827;color:#fff;border-color:#111827;box-shadow:0 3px 10px #1118272e}.wr-variant ul.check li label:hover{border-color:#c9cbd3}.wr-variant ul.check li input:focus-visible+label{outline:2px solid #111827;outline-offset:2px}.wr-variant ul.check li{margin:0}.f8pr .label,.f8pr .heading{margin-bottom:8px}.wr-variant label.no-js-hidden .wr-current{font-weight:700;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/49/assets/wr-variant-selectors.css.map */
