@property --myColor1{syntax:"<color>";initial-value:#00000000;inherits:false}@property --myColor2{syntax:"<color>";initial-value:#000;inherits:false}.card[data-v-c699fc03]{align-items:flex-start;background:linear-gradient(180deg,var(--myColor1) 0,var(--myColor2) 80%);cursor:pointer;display:flex;flex-direction:column;height:283px;justify-content:flex-end;max-width:283px;min-width:283px;overflow:hidden;position:relative;transition:--myColor1 .4s,--myColor2 .4s}.card[data-v-c699fc03]:hover{--myColor1:#1053d400;--myColor2:#1053d4}.image[data-v-c699fc03]{aspect-ratio:1/1;height:100%;height:283px;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%;width:283px;z-index:0}.card[data-v-c699fc03]:after,.image[data-v-c699fc03]{inset:0;position:absolute}.card[data-v-c699fc03]:after{background:linear-gradient(180deg,#08153605 18%,#081536db);content:"";pointer-events:none;z-index:1}.title[data-v-c699fc03]{color:var(--secondary-base,#eef0ff);font-size:18px;font-style:normal;font-weight:700;line-height:180%;margin-bottom:24px;max-height:70px;overflow:hidden;padding:8px;text-align:right;transition:all .4s}.category[data-v-c699fc03],.title[data-v-c699fc03]{position:relative;z-index:2}.category[data-v-c699fc03]{background:#eef0ff;color:#1053d4;font-size:14px;margin-right:8px;padding:4px}