.design-group-selector{margin:0 0 1.8rem}.design-group-selector__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.design-group-selector__title{margin:0;font-size:1.5rem;font-weight:700;text-transform:uppercase;line-height:1.2}.design-group-selector__toggle,.design-group-selector__view-all{border:0;background:transparent;padding:0;font-size:1.25rem;font-weight:700;line-height:1.2;text-transform:uppercase;color:#009758;cursor:pointer;text-decoration:none}.design-group-selector__toggle:hover,.design-group-selector__view-all:hover{opacity:.8}.design-group-selector__panel{padding-top:.4rem}.design-group-selector__card{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;min-width:8.2rem;max-width:8.2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;text-align:center;color:inherit}.design-group-selector__card.is-unavailable{opacity:.45;cursor:not-allowed}.design-group-selector__image-wrap{width:8.2rem;height:8.2rem;border:1px solid rgba(0,0,0,.12);background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.design-group-selector__image{width:100%;height:100%;object-fit:cover;display:block}.design-group-selector__name{font-size:1.15rem;line-height:1.35;word-break:break-word}.design-group-selector__card.is-active .design-group-selector__image-wrap{border:1.5px solid #111}.design-group-selector__card.is-active .design-group-selector__name{font-weight:600}.design-group-selector__card:hover .design-group-selector__image-wrap{border-color:#00000059}.design-group-selector__rail{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.6rem;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;-webkit-user-select:none;scroll-behavior:smooth}@supports (scrollbar-color: auto){.design-group-selector__rail{scrollbar-width:none;scrollbar-color:#000 #e5e5e5}}@supports selector(::-webkit-scrollbar){.design-group-selector__rail::-webkit-scrollbar{height:6px}.design-group-selector__rail::-webkit-scrollbar-track{background:#e5e5e5;border-radius:0}.design-group-selector__rail::-webkit-scrollbar-thumb{background:#000;border-radius:0}.design-group-selector__rail::-webkit-scrollbar-corner{background:transparent}.design-group-selector__rail::-webkit-scrollbar-button{width:0;height:0;display:none;background:transparent}.design-group-selector__rail::-webkit-scrollbar-button:single-button{width:0;height:0;display:none;background:transparent}}.design-group-selector__rail:active,.design-group-selector__rail.is-dragging{cursor:grabbing}.design-group-selector__rail.is-dragging{scroll-behavior:auto}.design-group-selector__rail.is-dragging .design-group-selector__card,.design-group-selector__rail.is-dragging .design-group-selector__card *{pointer-events:none}.design-group-selector__card,.design-group-selector__card *,.design-group-selector__image,.design-group-selector__image-wrap,.design-group-selector__name{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-drag:none}.design-group-selector__image{pointer-events:none}.design-group-selector.is-redirecting{pointer-events:none;opacity:.72}.design-group-selector.is-redirecting .design-group-selector__rail,.design-group-selector.is-redirecting .design-group-selector__card{cursor:wait}.design-group-selector__card.is-loading .design-group-selector__image-wrap{position:relative}.design-group-selector__card.is-loading .design-group-selector__image-wrap:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem;border:2px solid rgba(255,255,255,.7);border-top-color:#111;border-radius:50%;animation:designSelectorSpin .7s linear infinite}.design-group-selector__card.is-loading .design-group-selector__image{opacity:.45}@keyframes designSelectorSpin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.design-group-selector__rail{gap:.5rem}.design-group-selector{margin-bottom:1.4rem}.design-group-selector__header{margin-bottom:.8rem}.design-group-selector__title{font-size:1.4rem}.design-group-selector__toggle,.design-group-selector__view-all{font-size:1.15rem}.design-group-selector__card{min-width:6.8rem;max-width:7.8rem;gap:.25rem}.design-group-selector__image-wrap{width:7rem;height:7rem}.design-group-selector__name{font-size:1.1rem;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/design-group-selector.css.map */