.variant-input-wrap,.variant-input{overflow:visible!important}.variant-input{position:relative}.color-swatch:not(.color-swatch--small):not(.color-swatch--filter){position:relative!important;width:60px!important;height:60px!important;min-width:60px!important;border:1px solid #ddd!important;border-radius:0!important;margin:0 8px 8px 0!important;overflow:hidden!important;box-shadow:none!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out!important}.color-swatch:not(.color-swatch--small):not(.color-swatch--filter):before{z-index:2!important;border-width:3px!important;border-color:var(--colorBody,#fffdf9)!important;border-radius:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.color-swatch:not(.color-swatch--small):not(.color-swatch--filter):after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-image:inherit;background-color:inherit;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;transform:scale(1);transform-origin:center top;transition:transform .3s ease-in-out!important;z-index:1;pointer-events:none}.color-swatch:not(.color-swatch--small):not(.color-swatch--filter):hover:after{transform:scale(1.2)}.color-swatch:not(.color-swatch--small):not(.color-swatch--filter):hover{box-shadow:0 10px 10px -10px #000!important;border-color:#000!important}.variant-input-wrap input[type=radio]:checked+label.color-swatch:not(.color-swatch--small):not(.color-swatch--filter),.variant-input-wrap input[type=radio]:focus+label.color-swatch:not(.color-swatch--small):not(.color-swatch--filter){border-color:#000!important}.variant-input-wrap input.disabled+label.color-swatch:not(.color-swatch--small),.variant-input-wrap label.color-swatch.disabled:not(.color-swatch--small){opacity:.45}@media only screen and (max-width:768px){.variant-input-wrap:has(.color-swatch:not(.color-swatch--small):not(.color-swatch--filter)){display:flex;flex-wrap:nowrap;overflow-x:auto!important;overflow-y:visible!important;padding:4px 0 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.variant-input-wrap:has(.color-swatch:not(.color-swatch--small):not(.color-swatch--filter)) .variant-input{flex:0 0 auto}.variant-input-wrap:has(.color-swatch:not(.color-swatch--small):not(.color-swatch--filter))::-webkit-scrollbar{height:3px}.variant-input-wrap:has(.color-swatch:not(.color-swatch--small):not(.color-swatch--filter))::-webkit-scrollbar-thumb{background:#00000040;border-radius:2px}}.variant-input-wrap{max-width:100%!important;min-width:0!important;width:auto!important;box-sizing:border-box!important}.variant-wrapper{max-width:100%!important;min-width:0!important}@media(max-width:768px){.variant-input-wrap{touch-action:pan-x pan-y;overscroll-behavior-x:contain}}html body .variant-input-wrap label.variant__button-label.no-swatch{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:37px;padding:7px 15px!important;margin:0 8px 12px 0;border:0!important;border-radius:0!important;background-color:#fff!important;color:#1c1d1d!important;font-size:15px!important;font-weight:400!important;line-height:1;text-align:center;cursor:pointer;box-shadow:0 0 0 1px #ececec!important;transition:box-shadow .15s ease,color .15s ease!important}html body .variant-input-wrap input[type=radio]:not(:checked)+label.variant__button-label.no-swatch:hover{box-shadow:0 0 0 1px #6a6a6a!important;background-color:#fff!important;color:#1c1d1d!important}html body .variant-input-wrap input[type=radio]:checked+label.variant__button-label.no-swatch,html body .variant-input-wrap input[type=radio]:checked+label.variant__button-label.no-swatch:hover{box-shadow:0 0 0 1px #000!important;border:0!important;border-radius:0!important;background-color:#fff!important;color:#000!important}html body .variant-input-wrap label.variant__button-label.no-swatch.disabled,html body .variant-input-wrap input.disabled+label.variant__button-label.no-swatch{color:silver!important;box-shadow:0 0 0 1px #ededed!important;background-color:#fff!important;text-decoration:line-through!important}.grid-product__colors{padding-block:4px;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;line-height:31px;justify-content:left;align-items:center}.grid-product__colors::-webkit-scrollbar{display:none}.grid-product__colors .color-swatch--small{display:block;flex:0 0 auto;width:31px;min-width:31px;height:31px;margin:0 4px 4px;border-radius:0;box-shadow:0 0 0 1px #ddd;background-size:cover;background-position:center}.grid-product__colors .color-swatch--small:before{border:2px solid;border-color:var(--colorBody,#fffdf9);border-radius:0}.grid-product__colors a.color-swatch--small:hover{box-shadow:0 0 0 1px var(--colorTextBody,#000)}.grid-product__colors+.grid-product__colors{margin-top:4px}[data-center-text] .grid-product__colors,[data-center-text=true] .grid-product__colors{justify-content:left}
/*# sourceMappingURL=/cdn/shop/t/9/assets/willowdale-swatches.css.map */