.shade-pills{margin-top:16px;border:none}.shade-pills__heading,.shade-swatches__heading{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color, 28 28 28) / .7);margin-bottom:10px}.shade-pills__list{display:flex;flex-wrap:wrap;gap:8px 10px}.shade-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1.2;color:rgb(var(--text-color, 28 28 28));background:rgb(var(--background, 255 255 255));border:1px solid rgb(var(--text-color, 28 28 28) / .3);text-decoration:none;white-space:nowrap;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.shade-pill[style*=--pill-bg]:before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--pill-bg);box-shadow:inset 0 0 0 1px #00000038}.shade-pill:hover{border-color:rgb(var(--text-color, 28 28 28));box-shadow:0 0 0 1px rgb(var(--text-color, 28 28 28))}.shade-pill:focus-visible{outline:2px solid rgb(var(--text-color, 28 28 28));outline-offset:3px}@media(max-width:480px){.shade-pills__list{gap:8px}.shade-pill{padding:0 14px;white-space:normal;text-align:center}}.shade-swatches{margin-top:16px}.shade-swatches__grid{display:flex;flex-wrap:wrap;gap:12px}.shade-swatches__item{position:relative;display:block;width:44px;height:44px;border-radius:999px;overflow:hidden;background:rgb(var(--background, 255 255 255));box-shadow:inset 0 0 0 1px rgb(var(--text-color, 28 28 28) / .18);transition:transform .12s ease,box-shadow .12s ease}.shade-swatches__item:hover{transform:translateY(-1px);box-shadow:0 0 0 2px rgb(var(--background, 255 255 255)),0 0 0 3px rgb(var(--text-color, 28 28 28) / .55)}.shade-swatches__item:focus-visible{outline:2px solid rgb(var(--text-color, 28 28 28));outline-offset:3px}.shade-swatches__item.is-active{overflow:visible;box-shadow:0 0 0 3px rgb(var(--background, 255 255 255)),0 0 0 5px rgb(var(--text-color, 28 28 28))}.shade-swatches__item.is-active:after{content:"";position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;border-radius:50%;background:rgb(var(--text-color, 28 28 28)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.shade-swatches__image{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1;border-radius:999px}.shade-swatches__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;padding:2px;line-height:1.1}
/*# sourceMappingURL=/cdn/shop/t/45/assets/custom.css.map */