.productitem[data-v-fbc310b1]{--accentColor:var(--v3cdd6669);background:color-mix(in srgb,var(--accentColor) 25%,#fff);border-radius:.75rem;top:calc(32px + 72px*(var(--index) - 1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.productitem[data-v-fbc310b1],.productitem[data-v-fbc310b1]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.productitem[data-v-fbc310b1]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.custom-gradient[data-v-fbc310b1]{background:linear-gradient(to top,color-mix(in srgb,var(--accentColor) 25%,#fff) 0,transparent)}.custom-gradient-inverted[data-v-fbc310b1]{background:linear-gradient(to bottom,color-mix(in srgb,var(--accentColor) 25%,#fff) 0,transparent)}@media(min-width:640px){.custom-gradient[data-v-fbc310b1]{background:linear-gradient(to left,color-mix(in srgb,var(--accentColor) 25%,#fff) 0,transparent 50%)}.custom-gradient-inverted[data-v-fbc310b1]{background:linear-gradient(to right,color-mix(in srgb,var(--accentColor) 25%,#fff) 0,transparent 50%)}}.productitem[data-v-fbc310b1]:first-of-type{--index:1}.productitem[data-v-fbc310b1]:nth-of-type(2){--index:2}.productitem[data-v-fbc310b1]:nth-of-type(3){--index:3}.productitem[data-v-fbc310b1]:nth-of-type(4){--index:4}.productitem[data-v-fbc310b1]:nth-of-type(5){--index:5}