[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-group-selector-bo{padding-bottom:1.6rem}.xo-group-selector-bo__group{display:flex;flex-direction:column;gap:.5rem;padding:8px;border-radius:4px;border:1px solid var(--Border-Border-3, #e4e4e4);background-color:#fff;transition:.3s;cursor:pointer}.xo-group-selector-bo__group:hover{border-color:var(--Border-Border-1, #575757)}@media(min-width:768px){.xo-group-selector-bo__group{gap:1.2rem}}.xo-group-selector-bo__group--active{border:1px solid var(--Border-Border-1, #575757);background:#fafafa}.xo-group-selector-bo__group--active .xo-group-selector-bo__radio:after{background-color:#000}.xo-group-selector-bo__group-header{display:flex;align-items:center;justify-content:center;gap:12px}.xo-group-selector-bo__radio{width:20px;height:20px;border-radius:10px;border:1px solid var(--Border-Border-3, #d0d0d0);background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.xo-group-selector-bo__radio:after{content:"";display:block;width:12px;height:12px;border-radius:6px;background-color:var(--Border-Border-1, #fff);transition:.3s}.xo-group-selector-bo__price{color:var(--Text-Text-1, #121212);font-family:var(--font-body-medium-family);font-size:18px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.36px}@media(min-width:992px){.xo-group-selector-bo__price{font-size:24px;line-height:28px;letter-spacing:-.48px}}.xo-group-selector-bo__price-del{color:#8d8d8d;text-decoration:line-through;padding-inline-end:4px}.xo-group-selector-bo__price-del+span{color:var(--color-branding)}.xo-group-selector-bo__subtitle{color:var(--Text-Text-3, #6b6d76);font-size:16px;line-height:20px;letter-spacing:-.32px;text-align:center}@media(min-width:992px){.xo-group-selector-bo__subtitle{color:var(--Text-Text-3, #6b6d76);font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.4px}}
/*# sourceMappingURL=/cdn/shop/t/394/assets/group-selector-bo.css.map */
