.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:#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}body .variant-input-wrap input[type=radio]:not(:checked)+label.variant__button-label.no-swatch:hover{box-shadow:0 0 0 1px #909091!important;cursor:pointer!important;transition:box-shadow .2s ease!important}@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}}.grid-product__meta,.grid-product__title,.grid-product__price{text-align:center!important}.grid-search__page-content img,.grid-search__page-content .grid-product__image{position:static!important;max-width:100%!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;object-fit:cover!important;margin:0 0 10px!important;top:auto!important;left:auto!important}.grid-search__page-content .h4{display:block;margin-bottom:8px}.grid-search__page-link{height:100%}@media(max-width:767px){html .grid-product__title,html .grid-product__title--body,html .grid-product__title--heading,html [data-type_product_capitalize=true] .grid-product__title,html [data-type_product_capitalize=true] .grid-product__title--body,html [data-type_product_capitalize=true] .grid-product__title--heading,html body .grid-product__title,html body .grid-product__title--body,html body .grid-product__title--heading{font-size:10px!important;line-height:1.3!important;letter-spacing:.05em!important}}.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;overflow-x:hidden}.variant-input-wrap::-webkit-scrollbar{height:0;display:none}.variant-input-wrap{scrollbar-width:none;-ms-overflow-style:none}.variant-wrapper,.product-block .variant-wrapper,body .variant-wrapper,html body .variant-wrapper{overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;height:auto!important;max-height:none!important;min-height:0!important}@media(max-width:768px){.variant-input-wrap{touch-action:pan-x;overscroll-behavior:contain}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mayberry-swatch-tweaks.css.map */
