:root{--can-shadow-strength: 1;--can-shadow-brightness: .6;--can-shadow-color-warm: #241200;--can-shadow-color-blueberry: #00162f;--can-shadow-color-holunder: #001a08;--can-shadow-soda-top: 97.94%;--can-shadow-soda-left: 16.75%;--can-shadow-soda-width: 102%;--can-shadow-seltzer-top: 98.7%;--can-shadow-seltzer-contact: -48.577%;--can-shadow-seltzer-left: 3%;--can-shadow-seltzer-width: 145%}.can-shadow{position:absolute;display:block;z-index:0;pointer-events:none;background:var(--can-shadow-color-warm);opacity:var(--can-shadow-strength);filter:brightness(var(--can-shadow-brightness));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.can-shadow--blueberry{background:var(--can-shadow-color-blueberry)}.can-shadow--holunder{background:var(--can-shadow-color-holunder)}.can-shadow--soda{top:var(--can-shadow-soda-top);left:var(--can-shadow-soda-left);width:var(--can-shadow-soda-width);aspect-ratio:206.022 / 11.1433;-webkit-mask-image:url(shadow-soda.svg);mask-image:url(shadow-soda.svg)}.can-shadow--hardseltzer{top:var(--can-shadow-seltzer-top);left:var(--can-shadow-seltzer-left);width:var(--can-shadow-seltzer-width);aspect-ratio:223 / 34;-webkit-mask-image:url(shadow-seltzer.svg);mask-image:url(shadow-seltzer.svg);translate:0 var(--can-shadow-seltzer-contact)}.can-artwork{position:relative}.can-artwork>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}can-artwork{display:block}can-artwork[data-auto-fit]:not([data-fitted])>.can-shadow{display:none}can-artwork[data-fitted]>img{position:absolute;width:var(--can-image-width);height:var(--can-image-height);left:var(--can-image-left);top:var(--can-image-top)}can-artwork[data-fitted]>img{max-width:none;max-height:none}@media(prefers-reduced-motion:no-preference){.can-hover:has(>.can-shadow):not([data-hover-detect]:not([data-hover-ready])){--can-hover-lift: 0%;--can-hover-lean: 0deg;--can-hover-shadow-x: 0%;--can-hover-shadow-y: 0%;--can-hover-shadow-scale-x: 1;--can-hover-shadow-scale-y: 1;--can-hover-shadow-skew: 0deg;--can-hover-shadow-opacity: 1;--can-hover-shadow-blur: 0rem}.can-hover:has(>.can-shadow):not([data-hover-detect]:not([data-hover-ready]))>img{transform-origin:50% 85%;transform:translateY(var(--can-hover-lift)) rotate(var(--can-hover-lean));transition:transform var(--can-hover-duration, .42s) var(--can-hover-ease, var(--motion-ease-ui))}.can-hover:has(>.can-shadow):not([data-hover-detect]:not([data-hover-ready]))>.can-shadow{transform-origin:25% 50%;transform:translate(var(--can-hover-shadow-x),var(--can-hover-shadow-y)) skew(var(--can-hover-shadow-skew)) scale(var(--can-hover-shadow-scale-x),var(--can-hover-shadow-scale-y));opacity:calc(var(--can-shadow-strength) * var(--can-hover-shadow-opacity));filter:brightness(var(--can-shadow-brightness)) blur(var(--can-hover-shadow-blur));transition:transform var(--can-hover-duration, .42s) var(--can-hover-ease, var(--motion-ease-ui)),opacity var(--can-hover-duration, .42s) var(--can-hover-ease, var(--motion-ease-ui)),filter var(--can-hover-duration, .42s) var(--can-hover-ease, var(--motion-ease-ui))}[data-can-preview-lift] .can-hover:has(>.can-shadow):not([data-hover-detect]:not([data-hover-ready])),.catalog-card__link:focus-visible .can-hover:has(>.can-shadow):not([data-hover-detect]:not([data-hover-ready])){--can-hover-lift: calc(-1 * var(--can-lift-distance, 6%));--can-hover-lean: var(--can-lift-angle, -4deg);--can-hover-shadow-x: var(--can-floor-x, 6%);--can-hover-shadow-y: var(--can-floor-y, 0%);--can-hover-shadow-scale-x: var(--can-floor-scale-x, 1.2);--can-hover-shadow-scale-y: var(--can-floor-scale-y, .8);--can-hover-shadow-skew: var(--can-floor-skew, -12deg);--can-hover-shadow-opacity: var(--can-floor-opacity, .55);--can-hover-shadow-blur: var(--can-floor-blur, 2px)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.catalog-card__link:hover .can-hover:has(>.can-shadow):not([data-hover-detect]:not([data-hover-ready])){--can-hover-lift: calc(-1 * var(--can-lift-distance, 6%));--can-hover-lean: var(--can-lift-angle, -4deg);--can-hover-shadow-x: var(--can-floor-x, 6%);--can-hover-shadow-y: var(--can-floor-y, 0%);--can-hover-shadow-scale-x: var(--can-floor-scale-x, 1.2);--can-hover-shadow-scale-y: var(--can-floor-scale-y, .8);--can-hover-shadow-skew: var(--can-floor-skew, -12deg);--can-hover-shadow-opacity: var(--can-floor-opacity, .55);--can-hover-shadow-blur: var(--can-floor-blur, 2px)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/can-artwork.css.map */