.xo-grouped-style-color-picker-block{display:block;width:100%}.xo-grouped-style-color-picker-block__native{display:none!important}.xo-grouped-style-color-picker-block__heading{margin:0 0 16px;font:inherit;font-weight:600;line-height:1.35}.xo-grouped-style-color-picker-block__groups{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grouped-style-group-gap, 24px);width:100%}.xo-grouped-style-color-picker-block__group{min-width:0}.xo-grouped-style-color-picker-block__group-title{margin:0 0 10px;font:inherit;font-weight:600;line-height:1.35}.xo-grouped-style-color-picker-block__values{display:grid;grid-template-columns:repeat(var(--grouped-style-colors-mobile, 2),minmax(0,1fr));gap:var(--grouped-style-value-gap, 8px);width:100%}.xo-grouped-style-color-picker-block__button{position:relative;display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:7px 10px;color:inherit;font:inherit;line-height:1.25;text-align:center;cursor:pointer;background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:var(--grouped-style-radius, 0px);transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.xo-grouped-style-color-picker-block__button:hover:not(:disabled){border-color:#0000009e}.xo-grouped-style-color-picker-block__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.xo-grouped-style-color-picker-block__button.is-selected,.xo-grouped-style-color-picker-block__button[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.xo-grouped-style-color-picker-block__button.is-sold-out,.xo-grouped-style-color-picker-block__button:disabled{cursor:not-allowed;opacity:.45}.xo-grouped-style-color-picker-block__image{display:block;width:34px;height:34px;flex:0 0 34px;overflow:hidden;background:#0000000f;border-radius:calc(var(--grouped-style-radius, 0px) * .7)}.xo-grouped-style-color-picker-block__image img{display:block;width:100%;height:100%;object-fit:cover}.xo-grouped-style-color-picker-block__label{display:block;min-width:0;overflow-wrap:anywhere}.xo-grouped-style-color-picker-block__notice{padding:12px 14px;border:1px dashed rgba(0,0,0,.3);font-size:.9em;line-height:1.45}@media(min-width:750px){.xo-grouped-style-color-picker-block__values{grid-template-columns:repeat(var(--grouped-style-colors-desktop, 4),minmax(0,1fr))}.xo-grouped-style-color-picker-block__groups--columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xo-grouped-style-color-picker-block__groups--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/grouped-style-color-picker-block.css.map */