.morandi-folder-card{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#666b68;--folder-tint:#c6cdc7;--folder-blur:1.3333333333333333cqw;--folder-opacity:.22;--photo-angle:3deg;--photo-radius:6cqw}
    .morandi-folder-card *{box-sizing:border-box}
    
    .morandi-folder-card .mf-object{width:100%;height:93.33333333333333cqw;position:relative;isolation:isolate}
    .morandi-folder-card .mf-shadow{position:absolute;width:80cqw;height:11.666666666666666cqw;left:11.333333333333334cqw;bottom:1cqw;border-radius:50%;background:#777f7450;filter:blur(6.666666666666667cqw)}
    .morandi-folder-card .mf-back{position:absolute;left:5cqw;right:1.6666666666666667cqw;top:21cqw;height:59.666666666666664cqw;border-radius:6cqw 7.333333333333333cqw 7.333333333333333cqw 7.333333333333333cqw;background:linear-gradient(145deg,#ffffff36,#ffffff0a 60%,#dfe6df32);border:0.3333333333333333cqw solid #ffffffa8;transform:rotate(-2deg);box-shadow:inset 0 0.3333333333333333cqw 0.6666666666666666cqw #ffffff70,0 2cqw 4.666666666666667cqw #69746c19}
    .morandi-folder-card .mf-back:before{content:"";position:absolute;left:0;top:-5cqw;width:37.666666666666664cqw;height:11.333333333333334cqw;border-radius:5.333333333333333cqw 7cqw 0 0;background:#e7e9df44;border:0.3333333333333333cqw solid #ffffff90;border-bottom:0;transform:skewX(12deg);transform-origin:bottom left}
    .morandi-folder-card .mf-photo{position:absolute;left:25.666666666666668cqw;top:8.333333333333334cqw;width:64.33333333333333cqw;height:64.33333333333333cqw;aspect-ratio:1;border:0.3333333333333333cqw solid #f7f7f080;border-radius:var(--photo-radius);transform:rotate(var(--photo-angle));box-shadow:0 3cqw 6cqw #59665d26;overflow:hidden;background-color:#bec8bb;background-position:center;background-size:cover;background-image:radial-gradient(circle at 68% 21%,#f4f0dc 0 13%,transparent 14%),radial-gradient(ellipse at 12% 113%,#879c8c 0 47%,transparent 48%),radial-gradient(ellipse at 103% 100%,#a3b09b 0 53%,transparent 54%),linear-gradient(#d0d5c6,#c2cbbd)}
    .morandi-folder-card .mf-front{position:absolute;left:0;top:34.333333333333336cqw;width:100cqw;height:54.666666666666664cqw;border-radius:3.6666666666666665cqw 7.333333333333333cqw 8cqw 8cqw;background:linear-gradient(180deg,#ffffff20,transparent 32%,#ffffff08 65%,#f2f5f465),linear-gradient(115deg,rgba(255,255,255,var(--folder-opacity)),#d5ded610 45%,#ffffff1a);backdrop-filter:blur(var(--folder-blur)) saturate(.88);-webkit-backdrop-filter:blur(var(--folder-blur)) saturate(.7);border:0.3333333333333333cqw solid #ffffffbb;box-shadow:inset 0.3333333333333333cqw 0.3333333333333333cqw 1cqw #ffffffe0,inset -0.3333333333333333cqw -0.6666666666666666cqw 3cqw #fff7,0 4cqw 8cqw #68716816}
    .morandi-folder-card .mf-front:before{content:"";position:absolute;top:-5cqw;left:-0.3333333333333333cqw;width:37.666666666666664cqw;height:5.333333333333333cqw;border:0.3333333333333333cqw solid #ffffffe0;border-bottom:0;border-radius:4.666666666666667cqw 7.666666666666667cqw 0 0;background:linear-gradient(100deg,#f4f6f25c,#e7ece52b);transform:skewX(14deg);transform-origin:bottom left}
    .morandi-folder-card .mf-title{position:absolute;left:8cqw;bottom:8.333333333333334cqw;max-width:40cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0.4666666666666666cqw;font-size:5.666666666666667cqw;font-weight:500;color:#6b736e;text-shadow:0 0.3333333333333333cqw 0 #ffffff9c}
    .morandi-folder-card .mf-thumb{position:absolute;width:14.666666666666666cqw;height:14.666666666666666cqw;right:7.333333333333333cqw;bottom:6.666666666666667cqw;border-radius:3.6666666666666665cqw;border:0.6666666666666666cqw solid #fafcf8b3;background-color:#bec8bb;background-size:cover;background-position:center;background-image:radial-gradient(circle at 68% 21%,#f4f0dc 0 13%,transparent 14%),radial-gradient(ellipse at 12% 113%,#879c8c 0 47%,transparent 48%),radial-gradient(ellipse at 103% 100%,#a3b09b 0 53%,transparent 54%),linear-gradient(#d0d5c6,#c2cbbd);box-shadow:0 1cqw 2.3333333333333335cqw #59685b20}

.morandi-folder-card{container-type:size;width:100%;height:100%;display:grid;place-items:center;overflow:visible;background:transparent;padding:0;box-sizing:border-box}.morandi-folder-card .mf-object{container-type:inline-size;width:min(100cqw,107cqh);height:auto;aspect-ratio:300/280}.morandi-folder-preview{width:min(100%,320px);aspect-ratio:2;margin:12px auto}.morandi-folder-editor input{font-size:16px}