.sole-color-selector{margin-bottom:1.5rem}.sole-color-selector__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sole-color-selector__label{font-weight:500;font-size:13px}.sole-color-selector__selected-value{font-size:13px;color:rgba(var(--text-color),.7)}.sole-color-selector__options{display:flex;gap:.75rem;flex-wrap:wrap;margin:0}.sole-color-selector__option{display:inline-block}.sole-color-selector__radio{position:absolute;opacity:0;pointer-events:none}.sole-color-selector__button{display:flex;align-items:center;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;min-height:40px;-webkit-user-select:none;user-select:none}.sole-color-selector__button:hover{border-color:rgba(var(--text-color),.3);transform:translateY(-1px)}.sole-color-selector__radio:checked+.sole-color-selector__button{border-color:#000;background:#000;color:#fff}.sole-color-selector__radio:checked+.sole-color-selector__button .sole-color-selector__visual{box-shadow:0 0 0 1px #fff,0 0 0 2px #000}.sole-color-selector__button--no-text{padding:0!important;border:none!important;background:transparent!important;min-height:auto!important;border-radius:0!important}.sole-color-selector__button--no-text:hover{border:none!important;background:transparent!important;transform:none}.sole-color-selector__radio:checked+.sole-color-selector__button--no-text{background:transparent!important;border:none!important;color:inherit}.sole-color-selector__button--no-text .sole-color-selector__visual{margin-right:0;width:36px;height:36px;border:1px solid #ddd;transition:all .2s ease}.sole-color-selector__radio:checked+.sole-color-selector__button--no-text .sole-color-selector__visual{border-color:#fff;border-width:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #000}.sole-color-selector__visual{display:inline-block;width:24px;height:24px;border-radius:50%;margin-right:.5rem;border:1px solid #ddd;flex-shrink:0;transition:all .2s ease}.sole-color-selector__button--round .sole-color-selector__visual{border-radius:50%}.sole-color-selector__button--square .sole-color-selector__visual{border-radius:4px}.sole-color-selector__text{font-size:.875rem;font-weight:500}.sole-color-selector__radio:focus-visible+.sole-color-selector__button{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media (max-width: 640px){.sole-color-selector__button{padding:.375rem .625rem;min-height:36px}.sole-color-selector__button--no-text .sole-color-selector__visual{width:28px;height:28px}.sole-color-selector__visual{width:20px;height:20px;margin-right:.375rem}.sole-color-selector__text{font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/sole-color-selector.css.map */