.swatch-list{max-width:100%}.swatch-list>.group-swatch{display:none;flex:1 1 100%;width:100%;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--gap, .6rem)}.swatch-list>.group-swatch.is-expanded{display:flex}.swatch-item{--swatch--border-radius: var(--variant-pills-radius, 50%);--color-black-rgb: 109 63 73;border:var(--variant-pills-border-width) solid rgb(var(--color-black-rgb) / var(--opacity-15));border-radius:var(--swatch--border-radius);padding:.2rem;box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) var(--color-shadow)}.swatch-item:after{content:"";position:absolute;inset:calc(var(--variant-pills-border-width) * -1);border:var(--variant-pills-border-width) solid rgb(var(--color-black-rgb) / var(--opacity-100));border-radius:var(--swatch--border-radius);pointer-events:none;transform:scale(.8);transition:transform .3s ease,opacity .3s ease;opacity:var(--opacity-0)}.swatch-item.active:after{transform:scale(1);opacity:var(--opacity-100)}.swatch-item label{cursor:pointer}.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);width:var(--swatch--size);aspect-ratio:1 / 1;background-color:var(--swatch--background-color);background-image:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border-radius:var(--swatch--border-radius)}.swatch-item:has(.swatch--unavailable){border-style:dashed;border-color:rgb(var(--color-black-rgb) / var(--opacity-50))}.swatch-item:has(.swatch.active){border-style:solid;border-color:#000}.swatch-item .tooltip{display:none}@media(min-width:1025px){.swatch-item .tooltip{display:block;opacity:var(--opacity-0);visibility:hidden;pointer-events:none;color:#fff;background:#232323;padding:var(--padding-2xs);min-width:var(--size-40);margin:0 0 var(--margin-sm);border-radius:.2rem;transition:opacity ease .3s,transform ease .3s;font-size:var(--font-size--2xs);transform:translateY(.5rem)}.swatch-item .tooltip:before{content:"";position:absolute;bottom:-.4rem;left:1rem;height:0;width:0;border-top:.7rem solid #232323;border-left:.7rem solid transparent;border-right:.7rem solid transparent;transform:translate(-50%)}.swatch-item:hover .tooltip{opacity:var(--opacity-100);visibility:visible;transform:translateY(0)}}.card__swatch,.variant-option--swatches{--pmd-swatch-accent: 109 63 73;--pmd-swatch-tile-bg: #f5f2ef;--pmd-swatch-edge: rgb(26 26 26 / .1);--pmd-swatch-ring-gap: .3rem;--pmd-swatch-ring-width: .15rem}:is(.card__swatch,.variant-option--swatches) .swatch-item{border:0;padding:0;box-shadow:none;border-radius:var(--pmd-swatch-radius)}:is(.card__swatch,.variant-option--swatches) .swatch-item .swatch{border-radius:var(--pmd-swatch-radius);background-color:var(--pmd-swatch-tile-bg);background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px var(--pmd-swatch-edge);transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}@media(min-width:1025px){:is(.card__swatch,.variant-option--swatches) .swatch-item .tooltip{left:50%;right:auto;min-width:0;margin:0 0 1rem;padding:.5rem .9rem;border-radius:.4rem;background:#2b2024;font-size:1.2rem;letter-spacing:.02em;line-height:1.3;box-shadow:0 .4rem 1.2rem #00000026;transform:translate(-50%,.4rem)}:is(.card__swatch,.variant-option--swatches) .swatch-item .tooltip:before{left:50%;bottom:-.5rem;border-top:.6rem solid #2b2024;border-left:.6rem solid transparent;border-right:.6rem solid transparent}:is(.card__swatch,.variant-option--swatches) .swatch-item:hover .tooltip{transform:translate(-50%)}}.card__swatch{--pmd-swatch-radius: .6rem;--swatch-input--size: 3.8rem}.card__swatch .swatch-list,.card__swatch .swatch-list>.group-swatch{gap:.8rem}@media screen and (max-width:749px){.card__swatch{--swatch-input--size: 3.2rem;--pmd-swatch-ring-gap: .25rem}.card__swatch .swatch-list,.card__swatch .swatch-list>.group-swatch{gap:.6rem}.card__swatch .number-showmore{padding:0 .5rem;font-size:1.2rem}}.card__swatch .swatch-item:after{inset:calc(var(--pmd-swatch-ring-gap) * -1);border:var(--pmd-swatch-ring-width) solid rgb(var(--pmd-swatch-accent));border-radius:calc(var(--pmd-swatch-radius) + var(--pmd-swatch-ring-gap));transform:scale(.92)}.card__swatch .swatch-item.active:after{transform:scale(1);opacity:1}@media(hover:hover){.card__swatch .swatch-item:not(.active):hover:after{opacity:1;transform:scale(1);border-color:rgb(var(--pmd-swatch-accent) / .35)}}.card__swatch .swatch-item:has(.swatch--unavailable) .swatch{opacity:.45}.card__swatch .swatch--unavailable{background-image:linear-gradient(to top right,transparent calc(50% - .6px),rgb(var(--pmd-swatch-accent) / .6) 50%,transparent calc(50% + .6px))}.card__swatch .item-swatch-more{display:flex}.card__swatch .number-showmore{display:inline-flex;align-items:center;justify-content:center;gap:.1rem;min-width:var(--swatch-input--size);height:var(--swatch-input--size);padding:0 .8rem;border:1px solid var(--pmd-swatch-edge);border-radius:var(--pmd-swatch-radius);background:#fff;color:rgb(var(--pmd-swatch-accent));font-family:var(--font-body--family);font-size:1.3rem;font-weight:700;line-height:1;letter-spacing:.02em;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.card__swatch .number-showmore:hover,.card__swatch .number-showmore:focus-visible{background:rgb(var(--pmd-swatch-accent));border-color:rgb(var(--pmd-swatch-accent));color:#fff}.variant-option--swatches{--pmd-swatch-radius: .8rem}.variant-option--swatches .swatch-list{gap:1rem;padding:.4rem .3rem 0}.variant-option--swatches .swatch-item .swatch-wrapper>label{position:relative;display:block;border-radius:var(--pmd-swatch-radius)}.variant-option--swatches.variant-option--buttons:not(:has(.sbs-swatch-item)) .swatch-item input[type=radio]+label:before{inset:calc(var(--pmd-swatch-ring-gap) * -1);border:var(--pmd-swatch-ring-width) solid rgb(var(--pmd-swatch-accent));border-radius:calc(var(--pmd-swatch-radius) + var(--pmd-swatch-ring-gap));box-shadow:none;transform:scale(.92)}@media(hover:hover){.variant-option--swatches.variant-option--buttons:not(:has(.sbs-swatch-item)) .swatch-item input[type=radio]:not(:checked):not(.checked):hover+label:before{border-color:rgb(var(--pmd-swatch-accent) / .35)}}.variant-option--swatches .swatch-item input[type=radio]:checked+label .swatch,.variant-option--swatches .swatch-item input[type=radio].checked+label .swatch{box-shadow:inset 0 0 0 1px rgb(var(--pmd-swatch-accent) / .25)}.variant-option--swatches .swatch-item input[type=radio]:disabled+label,.variant-option--swatches .swatch-item input[type=radio].disabled+label{background:transparent;overflow:hidden}.variant-option--swatches .swatch-item input[type=radio]:disabled+label .swatch,.variant-option--swatches .swatch-item input[type=radio].disabled+label .swatch{opacity:.4}.variant-option--swatches.variant-option--buttons:not(:has(.sbs-swatch-item)) .swatch-item input[type=radio]:disabled+label:after,.variant-option--swatches.variant-option--buttons:not(:has(.sbs-swatch-item)) .swatch-item input[type=radio].disabled+label:after{width:calc(var(--swatch-input--size, 4.8rem) * 1.42);background-color:rgb(var(--pmd-swatch-accent) / .55);transform:translate(-50%,-50%) rotate(-45deg)}.variant-option--swatches .swatch-item input[type=radio]:disabled:checked+label .swatch,.variant-option--swatches .swatch-item input[type=radio].disabled.checked+label .swatch{box-shadow:inset 0 0 0 2px rgb(var(--pmd-swatch-accent))}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-swatch.css.map */