@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-1810751f],[data-v-1810751f]::backdrop,[data-v-1810751f]:after,[data-v-1810751f]:before{--tw-duration:initial;--tw-content:""}}}.card[data-v-1810751f]:before{background-color:var(--color-primary-50,#e8f1ff);bottom:calc(var(--spacing,.25rem)*0);height:var(--spacing-15,3.75rem);left:calc(var(--spacing,.25rem)*0);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:100%;z-index:-1;--tw-duration:.5s;--tw-content:"";content:var(--tw-content);position:absolute;transition-duration:.5s}.card[data-v-1810751f]:hover:before{height:100%}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}