.folder-float{position:relative;width:var(--ff-w);height:var(--ff-h);isolation:isolate;font-family:inherit}.folder-float__items{position:absolute;left:50%;top:0;width:0;height:0;z-index:2}.folder-float__item{position:absolute;left:0;top:0;margin:0;border:0;cursor:pointer;background:var(--ff-item);color:var(--ff-item-ink);font:500 14px/1 Inter,system-ui,sans-serif;padding:11px 16px;border-radius:999px;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 1px 0 rgba(0,0,0,.06),0 8px 18px -8px rgba(0,0,0,.45);transform:translate(calc(var(--x) - 50%),calc(var(--y) + 54px)) rotate(0deg) scale(.5);opacity:0;pointer-events:none;transition:transform var(--ff-close) ease-in,opacity calc(var(--ff-close) * .7) ease-in}.folder-float[data-open] .folder-float__item{transform:translate(calc(var(--x) - 50%),var(--y)) rotate(var(--r)) scale(1);opacity:1;pointer-events:auto;transition:transform var(--ff-open) var(--ff-spring) calc(var(--i) * var(--ff-stagger)),opacity calc(var(--ff-open) * .5) ease-out calc(var(--i) * var(--ff-stagger))}.folder-float[data-live] .folder-float__item{transition:none}.folder-float[data-open] .folder-float__item[data-drag]{cursor:grabbing;transform:translate(calc(var(--x) - 50%),var(--y)) rotate(var(--r)) scale(1.07);z-index:3}.folder-float__item:focus-visible{outline:2px solid var(--ff-label);outline-offset:3px}.folder-float__drift{display:block}.folder-float[data-open]:not([data-physics]) .folder-float__drift{animation:ff-bob 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.8s)}.folder-float__item[data-pop] .folder-float__drift{animation:ff-pop .32s ease-out}@keyframes ff-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ff-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}.folder-float__folder{position:absolute;inset:0}.folder-float__back{position:absolute;inset:0;z-index:1;background:var(--ff-back);border-radius:var(--ff-r)}.folder-float__back::before{content:"";position:absolute;left:0;top:-15px;width:40%;height:32px;background:var(--ff-back);border-radius:calc(var(--ff-r) * .8) calc(var(--ff-r) * .8) 0 0}.folder-float__paper{position:absolute;left:7%;right:7%;top:8px;bottom:34%;z-index:1;background:var(--ff-paper);border-radius:8px 8px 3px 3px;box-shadow:0 -2px 8px -4px rgba(0,0,0,.3);transition:transform var(--ff-close) ease}.folder-float[data-open] .folder-float__paper{transform:translateY(-12px) rotate(-1.2deg);transition:transform var(--ff-open) var(--ff-spring)}.folder-float__front{position:absolute;left:0;right:0;bottom:0;height:80%;z-index:3;background:var(--ff-front);border-radius:var(--ff-r);transform-origin:50% 100%;transform:perspective(700px) rotateX(calc(var(--ff-rest) * -1));transition:transform var(--ff-close) ease;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:16px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 26px -14px rgba(0,0,0,.6)}.folder-float[data-open] .folder-float__front{transform:perspective(700px) rotateX(calc(var(--ff-angle) * -1));transition:transform var(--ff-open) var(--ff-spring)}.folder-float__label{font:600 17px/1.2 'Plus Jakarta Sans',Inter,system-ui,sans-serif;color:var(--ff-label)}.folder-float__sub{font:400 13px/1.3 Inter,system-ui,sans-serif;color:var(--ff-label);opacity:.66}.folder-float__trigger{position:absolute;inset:0;z-index:4;margin:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--ff-r)}.folder-float__trigger:focus-visible{outline:2px solid #e80920;outline-offset:4px}@media (prefers-reduced-motion:reduce){.folder-float__item,.folder-float__paper,.folder-float__front{transition-duration:1ms!important;transition-delay:0s!important}.folder-float__drift{animation:none!important}}.wbr-folder-slot{position:relative;align-self:stretch;min-height:clamp(380px,34vw,470px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:56px;overflow:visible}@media (max-width:899px){.wbr-folder-slot{min-height:380px;padding-bottom:40px}}.folder-float{font-family:Inter,system-ui,sans-serif}.folder-float button.folder-float__trigger,.folder-float button.folder-float__trigger:hover,.folder-float button.folder-float__trigger:focus,.folder-float button.folder-float__trigger:active{background:transparent;color:inherit;box-shadow:none;border:0;text-transform:none;letter-spacing:normal}.folder-float button.folder-float__item,.folder-float button.folder-float__item:hover,.folder-float button.folder-float__item:focus,.folder-float button.folder-float__item:active{background:var(--ff-item);color:var(--ff-item-ink);text-transform:none;letter-spacing:normal;border:0}