/* React Bits FolderFloat JS-CSS. Exact unchanged source is retained locally. */
@import url('/components/react-bits/FolderFloat.css');

.client-folder { --ff-tab:14px; --ff-logo-w:140px; --ff-cloud-height:260px; z-index:1; user-select:none; -webkit-user-select:none; }
.client-folder[data-open] { z-index:4; }
.client-folder .folder-float__back { border:1px solid #ffffff26; box-shadow:0 14px 35px #0008; }
.client-folder .folder-float__back::before { border:1px solid #ffffff26; border-bottom:0; }
.client-folder .folder-float__front { gap:8px; border:1px solid #ffffff30; padding:18px; }
.client-folder .folder-float__label { font-size:15px; font-family:var(--font-label); font-weight:700; letter-spacing:.02em; }
.client-folder .folder-float__sub { font-size:11px; opacity:.7; }
.client-folder .folder-float__paper { overflow:hidden; color:#18181b; font-size:9px; font-weight:700; letter-spacing:.14em; padding:11px 12px; }
.client-folder .folder-float__paper::after { content:''; display:block; height:2px; width:100%; margin-top:9px; background:linear-gradient(90deg,var(--color-accent) 40%,#d4d4d8 40%); }
.client-folder .folder-float__arrow { position:absolute; top:18px; right:16px; width:18px; height:18px; stroke:#18181b; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.client-folder .folder-float__trigger:focus-visible { outline:2px solid var(--color-accent); outline-offset:5px; }
.client-folder .folder-float__items { z-index:3; }
.client-folder[data-open] .folder-float__items::before { top:calc(-1 * var(--ff-cloud-height)); left:calc(-1 * (var(--ff-spread) + 12px)); width:calc(2 * var(--ff-spread) + 24px); height:calc(var(--ff-cloud-height) + 48px); }
.client-folder .folder-float__item { width:var(--ff-logo-w); height:72px; padding:10px 12px; border:1px solid #fff9; border-radius:14px; box-shadow:0 6px 20px #0005; white-space:normal; }
.client-folder .folder-float__item:focus-visible { outline:3px solid var(--color-accent); outline-offset:3px; }
.client-folder .folder-float__item .folder-float__drift { width:100%; height:100%; }
.client-folder-logo { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.client-folder-logo>img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.client-folder-logo.is-stacked { flex-direction:column; gap:3px; }
.client-folder-logo.is-stacked>img:first-child { height:70%; }
.client-folder-logo.is-stacked>.client-folder-slogan { height:20%; }
.client-folder[data-paused] *, .client-folder[data-paused] *::before, .client-folder[data-paused] *::after { animation-play-state:paused!important; }
.client-folder[data-paused] .folder-float__item { pointer-events:none; }
@media(prefers-reduced-motion:reduce) { .client-folder { display:none; } }