.smashol-card-swatches{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1.7rem);grid-auto-rows:1.7rem;align-items:center;gap:.45rem;width:100%;margin:0 0 .7rem;padding:.15rem .05rem .3rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.smashol-card-swatches::-webkit-scrollbar{display:none}.smashol-card-swatch{--swatch-color-1: #ddd8d2;--swatch-color-2: var(--swatch-color-1);--swatch-background: var(--swatch-color-1);-webkit-appearance:none;appearance:none;position:relative;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;margin:0;padding:0;border:1px solid rgba(59,54,51,.22);border-radius:50%;background-color:var(--swatch-color-1);background-image:var(--swatch-background);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff94,0 1px 2px #26221f1f;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.smashol-card-swatch[data-swatch-kind=transparent]{--swatch-background: linear-gradient(45deg, rgba(215, 218, 221, .8) 25%, transparent 25% 75%, rgba(215, 218, 221, .8) 75%), linear-gradient(45deg, rgba(215, 218, 221, .8) 25%, #fff 25% 75%, rgba(215, 218, 221, .8) 75%);background-position:0 0,4px 4px;background-size:8px 8px}.smashol-card-swatch[data-swatch-kind=leopard]{--swatch-background: radial-gradient(ellipse at 22% 25%, #33271e 0 13%, transparent 15%), radial-gradient(ellipse at 72% 20%, #33271e 0 9%, transparent 11%), radial-gradient(ellipse at 67% 72%, #33271e 0 15%, transparent 17%), radial-gradient(ellipse at 25% 78%, #33271e 0 8%, transparent 10%)}.smashol-card-swatch[data-swatch-kind=zebra],.smashol-card-swatch[data-swatch-kind=tiger]{--swatch-background: repeating-linear-gradient(110deg, var(--swatch-color-1) 0 5px, var(--swatch-color-2) 5px 8px, var(--swatch-color-1) 8px 12px)}.smashol-card-swatch[data-swatch-kind=giraffe]{--swatch-background: radial-gradient(circle at 18% 22%, var(--swatch-color-2) 0 16%, transparent 18%), radial-gradient(circle at 76% 24%, var(--swatch-color-2) 0 18%, transparent 20%), radial-gradient(circle at 30% 78%, var(--swatch-color-2) 0 19%, transparent 21%), radial-gradient(circle at 82% 78%, var(--swatch-color-2) 0 14%, transparent 16%)}.smashol-card-swatch[data-swatch-kind=cow]{--swatch-background: radial-gradient(ellipse at 20% 28%, var(--swatch-color-2) 0 20%, transparent 22%), radial-gradient(ellipse at 78% 20%, var(--swatch-color-2) 0 13%, transparent 15%), radial-gradient(ellipse at 63% 76%, var(--swatch-color-2) 0 23%, transparent 25%)}.smashol-card-swatch[data-swatch-kind=check],.smashol-card-swatch[data-swatch-kind=houndstooth]{--swatch-background: conic-gradient(from 90deg, var(--swatch-color-1) 25%, var(--swatch-color-2) 0 50%, var(--swatch-color-1) 0 75%, var(--swatch-color-2) 0);background-size:8px 8px}.smashol-card-swatch[data-swatch-kind=stripe]{--swatch-background: repeating-linear-gradient(115deg, var(--swatch-color-1) 0 5px, var(--swatch-color-2) 5px 9px)}.smashol-card-swatch[data-swatch-kind=dot]{--swatch-background: radial-gradient(circle, var(--swatch-color-2) 0 24%, transparent 27%);background-size:8px 8px}.smashol-card-swatch[data-swatch-kind=flower]{--swatch-background: radial-gradient(circle at 50% 28%, var(--swatch-color-2) 0 9%, transparent 11%), radial-gradient(circle at 70% 47%, var(--swatch-color-2) 0 9%, transparent 11%), radial-gradient(circle at 61% 70%, var(--swatch-color-2) 0 9%, transparent 11%), radial-gradient(circle at 38% 70%, var(--swatch-color-2) 0 9%, transparent 11%), radial-gradient(circle at 29% 47%, var(--swatch-color-2) 0 9%, transparent 11%)}.smashol-card-swatch[data-swatch-kind=generic-pattern]{--swatch-background: repeating-linear-gradient(135deg, var(--swatch-color-1) 0 5px, var(--swatch-color-2) 5px 10px)}.smashol-card-swatch[data-swatch-kind=small-black-flower]{--swatch-background: radial-gradient(circle at 28% 30%, #202020 0 7%, transparent 8%), radial-gradient(circle at 39% 22%, #202020 0 7%, transparent 8%), radial-gradient(circle at 50% 30%, #202020 0 7%, transparent 8%), radial-gradient(circle at 39% 40%, #202020 0 7%, transparent 8%), radial-gradient(circle at 69% 66%, #202020 0 7%, transparent 8%), radial-gradient(circle at 80% 58%, #202020 0 7%, transparent 8%), radial-gradient(circle at 88% 69%, #202020 0 7%, transparent 8%), radial-gradient(circle at 78% 78%, #202020 0 7%, transparent 8%)}.smashol-card-swatch[data-swatch-kind=large-black-flower]{--swatch-background: radial-gradient(circle at 50% 25%, #202020 0 15%, transparent 16%), radial-gradient(circle at 73% 45%, #202020 0 15%, transparent 16%), radial-gradient(circle at 64% 73%, #202020 0 15%, transparent 16%), radial-gradient(circle at 36% 73%, #202020 0 15%, transparent 16%), radial-gradient(circle at 27% 45%, #202020 0 15%, transparent 16%)}.smashol-card-swatch[data-swatch-kind=small-black-heart]{--swatch-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23202020' d='M12 19.1 4.7 12A4.5 4.5 0 0 1 11 5.6L12 6.7l1-1.1A4.5 4.5 0 0 1 19.3 12z' transform='translate(4 4) scale(.67)'/%3E%3C/svg%3E");background-size:cover}.smashol-card-swatch[data-swatch-kind=double-ring]{--swatch-background: radial-gradient(circle, #202020 0 23%, #b9bec4 24% 31%, #202020 32% 43%, #b9bec4 44% 51%, #202020 52%)}.smashol-card-swatch[data-swatch-kind=single-ring]{--swatch-background: radial-gradient(circle, #202020 0 35%, #b9bec4 36% 46%, #202020 47%)}.smashol-card-swatch[data-swatch-kind=double-heart]{--swatch-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23b9bec4' stroke-width='1.7' d='M12 20 3.8 12A5 5 0 0 1 11 5l1 1.2L13 5a5 5 0 0 1 7.2 7z'/%3E%3Cpath fill='none' stroke='%23b9bec4' stroke-width='1.3' d='M12 16.8 7 12a3.1 3.1 0 0 1 4.5-4.3l.5.6.5-.6A3.1 3.1 0 0 1 17 12z'/%3E%3C/svg%3E");background-size:78% 78%;background-repeat:no-repeat}.smashol-card-swatch[data-swatch-kind=single-heart]{--swatch-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23b9bec4' stroke-width='2' d='M12 20 3.8 12A5 5 0 0 1 11 5l1 1.2L13 5a5 5 0 0 1 7.2 7z'/%3E%3C/svg%3E");background-size:68% 68%;background-repeat:no-repeat}.smashol-card-swatch[data-swatch-kind=transparent-gold]{--swatch-background: linear-gradient(to right, transparent 0 50%, #c9a85e 50% 100%), linear-gradient(45deg, rgba(215, 218, 221, .85) 25%, transparent 25% 75%, rgba(215, 218, 221, .85) 75%), linear-gradient(45deg, rgba(215, 218, 221, .85) 25%, #fff 25% 75%, rgba(215, 218, 221, .85) 75%);background-position:center,0 0,4px 4px;background-size:cover,8px 8px,8px 8px}.smashol-card-swatch:hover,.smashol-card-swatch:focus-visible{transform:translateY(-1px) scale(1.06);outline:none;border-color:#302b289e}.smashol-card-swatch.is-selected{border-color:#3d3936;box-shadow:inset 0 0 0 1px #ffffffd1,0 0 0 1.5px #fff,0 0 0 2.5px #3d3936}.smashol-card-swatch.is-unavailable:after{content:"";position:absolute;inset:48% -2px auto;z-index:2;height:2px;background:#d92632;box-shadow:0 0 0 1px #ffffff73;transform:rotate(-45deg);transform-origin:center}.product-card-wrapper.is-swatch-changing .card__media .media>img:first-child{opacity:.72}.product-card-wrapper .card__media .media>img:first-child{transition:opacity .15s ease}@media screen and (max-width:749px){.smashol-card-swatches{grid-template-columns:repeat(5,1.3rem);grid-auto-rows:1.3rem;gap:.4rem;margin-bottom:.55rem}.smashol-card-swatch{flex-basis:1.3rem;width:1.3rem;height:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-card-swatches.css.map */