.ksw{display:flex;flex-direction:column;gap:16px;color:#1c1c1b}.ksw__group{display:flex;flex-direction:column;gap:8px}.ksw__legend{font-size:15px;line-height:1.3}.ksw__legend-name{font-weight:700}.ksw__legend-value{color:#666662;margin-left:2px}.ksw__row{display:flex;flex-wrap:wrap;gap:8px}.ksw__swatch{position:relative;width:44px;height:44px;padding:3px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:border-color .15s ease}.ksw__swatch:hover{border-color:#a6a59f}.ksw__swatch.is-selected{border:2px solid #1C1C1B;padding:2px}.ksw__swatch:focus-visible{outline:2px solid #1C1C1B;outline-offset:2px}.ksw__fill{display:block;width:100%;height:100%;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #1c323d1f;background:#f3f3f3}.ksw__fill img{width:100%;height:100%;object-fit:cover;object-position:var(--ksw-focus, 25% 30%);transform:scale(var(--ksw-zoom, 2.4));transform-origin:var(--ksw-focus, 25% 30%);display:block}.ksw__fill img.ksw__file{transform:none;object-position:center}.ksw__fill--text{display:grid;place-items:center;font-size:13px;font-weight:600}.ksw__swatch,.ksw__box{font-family:inherit}.ksw__box{min-width:64px;padding:8px 12px;border:1px solid #D5DDD8;border-radius:10px;background:#fff;color:#1c1c1b;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:border-color .15s ease}.ksw__box:hover{border-color:#a6a59f}.ksw__box.is-selected{border:2px solid #1C1C1B;padding:7px 11px}.ksw__box:focus-visible{outline:2px solid #1C1C1B;outline-offset:2px}.ksw__box-main{font-size:15px;font-weight:700;line-height:1.2}.ksw__box-sub{font-size:11.5px;color:#666662;line-height:1.2;white-space:nowrap}.ksw__swatch.is-unavailable .ksw__fill,.ksw__box.is-unavailable{opacity:.4}.ksw__swatch.is-unavailable:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:linear-gradient(to top right,transparent calc(50% - 1px),#1C1C1B calc(50% - 1px),#1C1C1B calc(50% + 1px),transparent calc(50% + 1px));border-radius:7px;pointer-events:none}.ksw__box.is-unavailable .ksw__box-main{text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kidmat-swatches.css.map */