.ess-folder{--folder-width:156px;--folder-visual-height:112px;--folder-front-height:64px;--folder-paper-height:66px;--folder-radius:13px;--folder-light:#e82842;--folder-main:#c9162e;--folder-dark:#981022;width:var(--folder-width);color:#22272f;min-width:0;min-height:168px;font:inherit;text-align:left;cursor:pointer;perspective:750px;background:0 0;border:0;flex-direction:column;gap:9px;padding:0;display:flex}.ess-folder--sm{--folder-width:126px;--folder-visual-height:90px;--folder-front-height:51px;--folder-paper-height:52px;--folder-radius:10px;min-height:139px}.ess-folder--lg{--folder-width:196px;--folder-visual-height:137px;--folder-front-height:78px;--folder-paper-height:82px;--folder-radius:16px;min-height:200px}.ess-folder--neutral{--folder-light:#77818f;--folder-main:#596370;--folder-dark:#3d4651}.ess-folder--blue{--folder-light:#3f8fd1;--folder-main:#2776b8;--folder-dark:#18568d}.ess-folder--green{--folder-light:#39a868;--folder-main:#21874e;--folder-dark:#126636}.ess-folder--purple{--folder-light:#e82842;--folder-main:#c9162e;--folder-dark:#981022}.ess-folder--amber{--folder-light:#e7a73f;--folder-main:#c8841d;--folder-dark:#945d0d}.ess-folder__visual{width:100%;height:var(--folder-visual-height);display:block;position:relative}.ess-folder__back{border-radius:var(--folder-radius);background:linear-gradient(145deg, var(--folder-light), var(--folder-dark));height:70%;box-shadow:0 13px 25px color-mix(in srgb, var(--folder-dark) 25%, transparent);position:absolute;top:22%;left:5%;right:5%}.ess-folder__back:before{content:"";background:var(--folder-main);border-radius:9px 10px 0 0;width:47%;height:25%;position:absolute;top:-13%;left:0}.ess-folder__paper{z-index:1;width:48%;height:var(--folder-paper-height);transform-origin:bottom;background:#fff;border:1px solid #eceef1;border-radius:8px 8px 4px 4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:flex;position:absolute;top:8%;left:27%;overflow:hidden;transform:rotate(-2deg);box-shadow:0 8px 17px #11182726}.ess-folder__paper-logo{color:#c9162e;letter-spacing:.03em;background:#fff0f2;border-radius:8px;place-items:center;width:27px;height:27px;font-size:8px;font-weight:900;display:grid}.ess-folder__paper-lines{gap:3px;width:68%;display:grid}.ess-folder__paper-lines i{background:#e6e9ed;border-radius:999px;height:2px;display:block}.ess-folder__paper-lines i:nth-child(2){width:72%}.ess-folder__paper-lines i:nth-child(3){width:87%}.ess-folder__paper small{color:#8a929d;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.ess-folder__front{z-index:2;height:var(--folder-front-height);border-radius:calc(var(--folder-radius) - 2px) calc(var(--folder-radius) - 2px) calc(var(--folder-radius) + 2px) calc(var(--folder-radius) + 2px);background:linear-gradient(145deg, var(--folder-light) 0%, var(--folder-main) 54%, var(--folder-dark) 100%);box-shadow:0 15px 28px color-mix(in srgb, var(--folder-dark) 28%, transparent), inset 0 1px 0 #ffffff3d;transform-origin:bottom;place-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:grid;position:absolute;bottom:0;left:2%;right:2%;overflow:hidden}.ess-folder__front:after{content:"";background:linear-gradient(115deg,#ffffff2b,#0000 35% 70%,#00000012);position:absolute;inset:0}.ess-folder__mark{z-index:1;color:#fff;background:#ffffff21;border:1px solid #ffffff91;border-radius:10px;place-items:center;min-width:35px;height:35px;padding:0 8px;font-size:9px;font-weight:900;display:grid;position:relative;box-shadow:0 5px 12px #190a0f26,inset 0 1px #ffffff3d}.ess-folder--sm .ess-folder__mark{border-radius:8px;min-width:29px;height:29px;font-size:7px}.ess-folder--lg .ess-folder__mark{border-radius:12px;min-width:43px;height:43px;font-size:11px}.ess-folder:hover:not(:disabled) .ess-folder__paper{transform:translateY(-17px)rotate(-3deg);box-shadow:0 13px 24px #1118272e}.ess-folder:hover:not(:disabled) .ess-folder__front{box-shadow:0 20px 35px color-mix(in srgb, var(--folder-dark) 34%, transparent), inset 0 1px 0 #ffffff42;transform:translateY(3px)rotateX(-5deg)}.ess-folder:focus-visible{outline-offset:6px;border-radius:14px;outline:3px solid #c9162e2e}.ess-folder__details{flex-direction:column;min-width:0;padding:0 5px;display:flex}.ess-folder__details strong,.ess-folder__details small,.ess-folder__description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ess-folder__details strong{color:#20252d;font-size:11px;font-weight:850}.ess-folder__details small{color:#858d98;margin-top:3px;font-size:7px;font-weight:700}.ess-folder__description{color:#737b87;margin-top:4px;font-size:8px}.ess-folder__count{color:#606975;align-items:center;gap:6px;margin-top:6px;font-size:7px;font-weight:700;display:flex}.ess-folder__count i{background:#249755;border-radius:999px;width:6px;height:6px;display:block}.ess-folder.is-selected{border-radius:14px}.ess-folder.is-selected .ess-folder__visual:after{content:"";z-index:5;pointer-events:none;border:2px solid #c9162e;border-radius:18px;position:absolute;inset:-7px;box-shadow:0 0 0 4px #c9162e17}.ess-folder.is-selected .ess-folder__details strong{color:#c9162e}.ess-folder__pin,.ess-folder__attention,.ess-folder__badge{z-index:7;border:2px solid #fff;border-radius:999px;place-items:center;font-weight:900;display:grid;position:absolute;box-shadow:0 5px 13px #1118272b}.ess-folder__pin{color:#c9162e;background:#fff;width:23px;height:23px;font-size:10px;top:0;left:0}.ess-folder__attention{color:#fff;background:#e08b13;width:24px;height:24px;font-size:11px;top:-2px;right:-2px}.ess-folder__badge{color:#fff;background:#c9162e;min-width:24px;height:24px;padding:0 6px;font-size:8px;bottom:0;right:-4px}.ess-folder--archived{filter:saturate(.15);opacity:.7}.ess-folder--inactive{opacity:.53}.ess-folder:disabled{cursor:not-allowed;opacity:.42}.ess-folder__paper-skeleton,.ess-folder__mark-skeleton,.ess-folder__text-skeleton{background:linear-gradient(90deg,#ffffff3b 0%,#ffffff80 50%,#ffffff3b 100%) 0 0/200% 100%;animation:1.2s linear infinite ess-folder-loading;display:block;overflow:hidden}.ess-folder__paper-skeleton{background:linear-gradient(90deg,#e8ebee 0%,#f7f8fa 50%,#e8ebee 100%) 0 0/200% 100%;border-radius:7px;width:70%;height:34px}.ess-folder__mark-skeleton{z-index:2;border-radius:10px;width:35px;height:35px;position:relative}.ess-folder__text-skeleton{background:linear-gradient(90deg,#e6e9ed 0%,#f6f7f9 50%,#e6e9ed 100%) 0 0/200% 100%;border-radius:999px;height:8px}.ess-folder__text-skeleton--title{width:72%}.ess-folder__text-skeleton--code{width:44%;margin-top:7px}@keyframes ess-folder-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ess-folder-grid{justify-content:start;display:grid}.ess-folder-grid--sm{grid-template-columns:repeat(auto-fill,126px);gap:24px 22px}.ess-folder-grid--md{grid-template-columns:repeat(auto-fill,156px);gap:32px 28px}.ess-folder-grid--lg{grid-template-columns:repeat(auto-fill,196px);gap:36px 32px}.ess-new-folder{--new-folder-width:156px;--new-folder-height:112px;width:var(--new-folder-width);color:#414852;min-height:168px;font:inherit;cursor:pointer;background:#fafbfc;border:1.5px dashed #cfd4db;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:16px 10px;display:flex}.ess-new-folder--sm{--new-folder-width:126px;--new-folder-height:90px;min-height:139px}.ess-new-folder--lg{--new-folder-width:196px;--new-folder-height:137px;min-height:200px}.ess-new-folder:hover{background:#fff8f9;border-color:#c9162e}.ess-new-folder__icon{color:#c9162e;background:#fff0f2;border-radius:999px;place-items:center;width:46px;height:46px;margin-top:18px;font-size:24px;font-weight:400;display:grid}.ess-new-folder strong{margin-top:5px;font-size:10px}.ess-new-folder small{color:#8a929d;font-size:8px}.ess-folder__mark--code{letter-spacing:.035em;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:9px;width:min(92%,104px);min-width:0;height:30px;padding:0 7px;font-size:9px;font-weight:850}.ess-folder--sm .ess-folder__mark--code{width:min(92%,94px);height:28px;font-size:8px}.ess-folder--attention .ess-folder__count i{background:#d68b24}.ess-folder--inactive .ess-folder__count i{background:#777f8a}.ess-folder__details strong{font-size:12px;font-weight:800}.ess-folder__description,.ess-folder__count{font-size:10px;font-weight:650}.ess-folder__paper-logo img{object-fit:contain;width:24px;height:24px}
