.st-pj-folders{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));justify-items:center;gap:14px 4px;margin:0;padding:0;list-style:none;display:grid}.st-folder{--folder-rear:color-mix(in srgb, var(--fg-brand) 20%, var(--bg-surface));--folder-front:color-mix(in srgb, var(--fg-brand) 36%, var(--bg-surface));width:124px;height:92px;display:block;position:relative}.st-folder[data-featured]{--folder-rear:color-mix(in srgb, var(--fg-brand) 46%, var(--bg-surface));--folder-front:color-mix(in srgb, var(--fg-brand) 82%, var(--bg-surface))}.st-folder-rear{background:var(--folder-rear);border-radius:0 8px 8px;position:absolute;inset:11px 0 0}.st-folder-rear:before{content:"";background:inherit;clip-path:polygon(0 0,76% 0,100% 100%,0 100%);border-radius:5px 0 0;width:44%;height:12px;position:absolute;bottom:calc(100% - 1px);left:0}.st-folder .st-folder-photo{aspect-ratio:1.9;transition:translate .3s var(--ease-out), rotate .3s var(--ease-out), scale .3s var(--ease-out);border:2px solid #fff;border-radius:4px;position:absolute;top:18px;left:10px;right:10px;box-shadow:0 2px 6px #0000004d}.st-folder-front{background:var(--folder-front);transform-origin:50% 100%;transition:transform .3s var(--ease-out);border-radius:6px 6px 10px 10px;position:absolute;inset:38px 0 0;box-shadow:inset 0 1px #ffffff2e}.st-folder-host:hover .st-folder-photo,.st-folder-host:focus-visible .st-folder-photo,.st-folder-host[data-open] .st-folder-photo{translate:0 -24px;rotate:-3deg;scale:1.06}.st-folder-host:hover .st-folder-front,.st-folder-host:focus-visible .st-folder-front,.st-folder-host[data-open] .st-folder-front{transform:perspective(320px)rotateX(-22deg)}.st-folder-tech{opacity:0;width:30px;height:30px;transition:translate .34s var(--ease-out), rotate .34s var(--ease-out), opacity .16s var(--ease-out);transition-delay:calc(var(--i) * 45ms);background:#fff;border:2px solid #fff;border-radius:27%;place-items:center;display:grid;position:absolute;top:22px;left:calc(50% - 15px);box-shadow:0 2px 5px #0000004d}.st-folder-tech .st-plate{width:100%;height:100%;box-shadow:none}.st-folder-host:hover .st-folder-tech,.st-folder-host:focus-visible .st-folder-tech,.st-folder-host[data-open] .st-folder-tech{opacity:1}.st-folder-host:hover .st-folder-tech:nth-of-type(2),.st-folder-host:focus-visible .st-folder-tech:nth-of-type(2),.st-folder-host[data-open] .st-folder-tech:nth-of-type(2){translate:-34px -44px;rotate:-14deg}.st-folder-host:hover .st-folder-tech:nth-of-type(3),.st-folder-host:focus-visible .st-folder-tech:nth-of-type(3),.st-folder-host[data-open] .st-folder-tech:nth-of-type(3){translate:0 -54px;rotate:3deg}.st-folder-host:hover .st-folder-tech:nth-of-type(4),.st-folder-host:focus-visible .st-folder-tech:nth-of-type(4),.st-folder-host[data-open] .st-folder-tech:nth-of-type(4){translate:34px -44px;rotate:13deg}.st-folder-sticker{z-index:2;border-radius:var(--radius-full);background:var(--fg-brand);color:var(--fg-on-brand);letter-spacing:.1em;text-transform:uppercase;border:2px solid #fff;padding:3px 8px;font-weight:600;position:absolute;bottom:8px;right:-10px;rotate:-6deg;box-shadow:0 2px 6px #00000047}