@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-ease{syntax:"*";inherits:false}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}.article-card[data-v-39b5b27b]{border-radius:var(--radius-2xl);border-width:2px;border-color:color-mix(in srgb, var(--colors-white) 70%, transparent);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.5s;--un-ease:var(--ease-out);transition-duration:.5s;transition-timing-function:var(--ease-out);flex-direction:column;flex-shrink:0;width:170px;height:120px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.article-card[data-v-39b5b27b]{border-color:color-mix(in oklab, var(--colors-white) 70%, transparent)}}@media (width>=64rem){.article-card[data-v-39b5b27b]{background-color:color-mix(in oklab, #ffffffb2 var(--un-bg-opacity), transparent);border-width:0;border-radius:30px;width:362px;height:424px;padding:15px}}.article-card[data-v-39b5b27b]:hover{background-color:color-mix(in oklab, #fff var(--un-bg-opacity), transparent);--un-shadow:0 0 30px var(--un-shadow-color,#fff6);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}