body.template-product .ts-sleepy-colors{width:100%;margin:0 0 14px;padding:12px 14px 14px;border:1px solid rgba(24,81,145,.12);border-radius:12px;background:linear-gradient(180deg,#f4f8fc,#fff 48%);box-sizing:border-box}body.template-product .ts-sleepy-colors__label{margin:0 0 10px;padding:0;color:#185191;font-size:13px;font-weight:700;letter-spacing:.01em;line-height:1.3}body.template-product .ts-sleepy-colors__list{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}body.template-product .ts-sleepy-swatch{margin:0;padding:0;flex:0 0 auto}body.template-product .ts-sleepy-swatch__link{display:flex;flex-direction:column;align-items:center;gap:6px;width:64px;margin:0;padding:0;text-decoration:none;color:inherit;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}body.template-product .ts-sleepy-swatch.is-current .ts-sleepy-swatch__link{cursor:default}body.template-product .ts-sleepy-swatch__visual{position:relative;display:block;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--ts-swatch, #c8d0d8);box-shadow:inset 0 0 0 1px #1851911f;transition:box-shadow .15s ease,transform .15s ease}body.template-product .ts-sleepy-swatch__visual img{display:block;width:100%;height:100%;object-fit:cover}body.template-product .ts-sleepy-swatch__dot{display:block;width:100%;height:100%;background:var(--ts-swatch, #c8d0d8)}body.template-product .ts-sleepy-swatch__name{display:block;max-width:64px;font-size:11px;font-weight:600;line-height:1.2;text-align:center;color:#2a3a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.template-product .ts-sleepy-swatch__badge{position:absolute;left:50%;bottom:2px;transform:translate(-50%);font-size:8px;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:#282828bf;padding:2px 4px;border-radius:3px;white-space:nowrap}body.template-product a.ts-sleepy-swatch__link:hover .ts-sleepy-swatch__visual,body.template-product a.ts-sleepy-swatch__link:focus-visible .ts-sleepy-swatch__visual{box-shadow:inset 0 0 0 1px #18519133,0 0 0 2px #18519147;transform:translateY(-1px)}body.template-product a.ts-sleepy-swatch__link:focus-visible{outline:none}body.template-product .ts-sleepy-swatch.is-current .ts-sleepy-swatch__visual{box-shadow:inset 0 0 0 1px #18519140,0 0 0 2px #185191}body.template-product .ts-sleepy-swatch.is-current .ts-sleepy-swatch__name{color:#185191}body.template-product .ts-sleepy-swatch.is-soldout .ts-sleepy-swatch__visual{opacity:.55}body.template-product .ts-sleepy-swatch.is-soldout .ts-sleepy-swatch__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(40,40,40,.55) 50%,transparent calc(50% + 1px));pointer-events:none}@media(max-width:759px){body.template-product .ts-sleepy-colors{margin:0 0 12px;padding:12px}body.template-product .ts-sleepy-colors__list{gap:8px 8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}body.template-product .ts-sleepy-swatch__link{width:58px}body.template-product .ts-sleepy-swatch__visual{width:48px;height:48px;border-radius:10px}body.template-product .ts-sleepy-swatch__name{max-width:58px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ts-sleepy-colors.css.map */