/* New individual raster assets; each surface retains its intrinsic proportions. */
.compact-shop .tiny-color-row .button{width:164px;max-width:100%;justify-self:start;aspect-ratio:var(--asset-ratio,3.5);min-height:44px;padding:0}
.compact-shop .sheep-cart[data-product-id="684"]>.button{width:50%;max-width:270px;min-width:144px;justify-self:start;aspect-ratio:var(--asset-ratio,3.5);min-height:44px;padding:0;position:relative;isolation:isolate}
.compact-shop .sheep-cart[data-product-id="684"]>.button span{position:relative;z-index:1}
@layer loneslice-sheep-enamel {
body.compact-shop .tiny-color-row .button,body.compact-shop .sheep-cart[data-product-id="684"]>.button{background:none!important;box-shadow:none!important;overflow:visible}
body.compact-shop .tiny-color-row .button::before,body.compact-shop .sheep-cart[data-product-id="684"]>.button::before{content:'';position:absolute;inset:auto 0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:var(--asset-ratio,3.5);height:auto;background-image:var(--asset-image)!important;background-size:var(--asset-size)!important;background-position:var(--asset-position)!important;background-repeat:no-repeat!important;filter:none!important;z-index:0;border-radius:0}
body.compact-shop .tiny-color-row .button:is([data-finish=cream],[data-finish=chrome]){color:#171b1e!important;text-shadow:0 1px 0 #ffffffcc!important}
}


/* Generated asset geometry */
.tiny-color-row .button[data-finish="red"],.sheep-cart[data-product-id="684"]>.button{--asset-image:url("./assets/button-red-v2.png");--asset-ratio:1908/423;--asset-size:107.75681342% 180.85106383%;--asset-position:50.00000000% 43.85964912%;}
.tiny-color-row .button[data-finish="teal"]{--asset-image:url("./assets/button-teal-v2.png");--asset-ratio:2138/492;--asset-size:101.59027128% 147.15447154%;--asset-position:50.00000000% 46.55172414%;}
.tiny-color-row .button[data-finish="cream"]{--asset-image:url("./assets/button-cream-v2.png");--asset-ratio:1903/420;--asset-size:104.20388860% 188.80952381%;--asset-position:50.00000000% 48.79356568%;}
.tiny-color-row .button[data-finish="chrome"]{--asset-image:url("./assets/button-chrome-v2.png");--asset-ratio:1965/478;--asset-size:105.49618321% 158.57740586%;--asset-position:50.00000000% 46.07142857%;}