.folder-float{--ff-w:200px;--ff-h:148px;--ff-r:14px;--ff-tab:14px;--ff-back:#3f3f46;--ff-front:#52525b;--ff-paper:#f5f5f5;--ff-item:#f5f5f5;--ff-item-ink:#18181b;--ff-label:#f5f5f5;--ff-spread:180px;--ff-lift:26px;--ff-angle:34deg;--ff-rest:16deg;--ff-open:.52s;--ff-close:.312s;--ff-stagger:45ms;--ff-n:6;--ff-spring:cubic-bezier(.34, 1.57, .64, 1);--ff-ease-out:cubic-bezier(.23, 1, .32, 1);width:var(--ff-w);padding-top:var(--ff-tab);font-family:inherit;font-size:13px;font-weight:500;line-height:1;display:inline-block;position:relative}.folder-float__folder{width:var(--ff-w);height:var(--ff-h);position:relative}.folder-float__back{z-index:0;border-radius:var(--ff-r);background:var(--ff-back);transform-origin:50% 100%;position:absolute;inset:0;transform:perspective(600px)rotateX(8deg)}.folder-float__back:before{content:"";top:calc(-1 * var(--ff-tab));width:42%;height:calc(var(--ff-tab) + var(--ff-r));border-radius:var(--ff-r) var(--ff-r) 0 0;background:inherit;position:absolute;left:0}.folder-float__paper{z-index:1;background:var(--ff-paper);opacity:0;height:50%;transition:transform var(--ff-close) var(--ff-ease-out), opacity var(--ff-close) ease;border-radius:6px;position:absolute;top:10%;left:8%;right:8%;transform:translateY(10px)}.folder-float__front{z-index:2;box-sizing:border-box;border-radius:var(--ff-r);background:linear-gradient(180deg, color-mix(in srgb, var(--ff-front) 92%, #fff), var(--ff-front) 60%);height:76%;color:var(--ff-label);transform:perspective(600px) rotateX(calc(-1 * var(--ff-rest)));transform-origin:50% 100%;transition:transform var(--ff-open) var(--ff-ease-out);flex-direction:column;justify-content:flex-end;gap:5px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #00000047}.folder-float__label{font-size:13px;font-weight:500}.folder-float__sub{opacity:.55;font-size:11px}.folder-float__trigger{z-index:3;border-radius:var(--ff-r);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;height:76%;margin:0;padding:0;position:absolute;bottom:0;left:0;right:0}.folder-float[data-open] .folder-float__front{transform:perspective(600px) rotateX(calc(-1 * var(--ff-angle)))}.folder-float[data-open] .folder-float__paper{opacity:1;transition:transform var(--ff-open) var(--ff-ease-out), opacity .2s ease;transform:translateY(0)}.folder-float__items{top:var(--ff-tab);z-index:1;width:0;height:0;position:absolute;left:50%}.folder-float[data-open] .folder-float__items:before{content:"";top:calc(-1 * (var(--ff-lift) + 120px));left:calc(-1 * (var(--ff-spread) + 100px));width:calc(2 * var(--ff-spread) + 200px);height:calc(var(--ff-lift) + 120px);position:absolute}.folder-float__item{background:var(--ff-item);height:34px;color:var(--ff-item-ink);font:inherit;white-space:nowrap;cursor:pointer;opacity:0;transform-origin:50%;pointer-events:none;-webkit-tap-highlight-color:transparent;transition:transform var(--ff-close) var(--ff-ease-out) calc((var(--ff-n) - 1 - var(--i)) * var(--ff-stagger) * .5), opacity .16s ease calc((var(--ff-n) - 1 - var(--i)) * var(--ff-stagger) * .5 + var(--ff-close) * .45), scale .16s var(--ff-ease-out);border:0;border-radius:17px;outline:none;margin:0;padding:0 14px;position:absolute;top:0;left:50%;transform:translate(-50%,44px)scale(.6);box-shadow:0 4px 12px #00000024}.folder-float[data-open] .folder-float__item{opacity:1;transform:translate(calc(-50% + var(--x)), var(--y)) rotate(var(--r)) scale(1);pointer-events:auto;transition:transform var(--ff-open) var(--ff-spring) calc(var(--i) * var(--ff-stagger)), opacity .16s ease calc(var(--i) * var(--ff-stagger)), scale .16s var(--ff-ease-out)}.folder-float[data-live] .folder-float__item{cursor:grab;transition:scale .16s var(--ff-ease-out)}.folder-float__item[data-drag]{cursor:grabbing}@media (hover:hover) and (pointer:fine){.folder-float[data-open] .folder-float__item:hover{scale:1.05}}.folder-float[data-open] .folder-float__item:active{scale:.97}.folder-float__item[data-pop]{animation:folder-float-pop .32s var(--ff-ease-out)}.folder-float__drift{animation:3.2s ease-in-out infinite folder-float-drift;animation-delay:calc(var(--i) * -.7s);animation-play-state:paused;display:block}.folder-float[data-open] .folder-float__drift{animation-play-state:running}.folder-float[data-physics] .folder-float__drift,.folder-float[data-live] .folder-float__drift{animation:none}@keyframes folder-float-drift{0%,to{translate:0}50%{translate:0 -3px}}@keyframes folder-float-pop{30%{scale:1.1}to{scale:1}}@media (prefers-reduced-motion:reduce){.folder-float__front,.folder-float__paper{transition:opacity .2s}.folder-float[data-open] .folder-float__front{transform:perspective(600px) rotateX(calc(-1 * var(--ff-rest)))}.folder-float__paper{transform:none!important}.folder-float__item{transition:opacity .2s}.folder-float[data-open] .folder-float__item{transition:opacity .2s ease calc(var(--i) * var(--ff-stagger))}.folder-float__drift{animation:none}}.icon-btns{grid-gap:5em;grid-template-columns:repeat(2,1fr);margin:auto;padding:3em 0;display:grid;overflow:visible}.icon-btn{perspective:24em;width:4.5em;height:4.5em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0000;border:none;outline:none;position:relative}.icon-btn__back,.icon-btn__front,.icon-btn__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.icon-btn__back,.icon-btn__front{border-radius:1.25em;width:100%;height:100%;position:absolute;top:0;left:0}.icon-btn__back{transform-origin:100% 100%;will-change:transform;display:block;transform:rotate(15deg);box-shadow:.5em -.5em .75em #17181c26}.icon-btn__front{-webkit-backdrop-filter:blur(.75em);-moz-backdrop-filter:blur(.75em);transform-origin:80%;will-change:transform;background-color:#ffffff26;display:flex;box-shadow:inset 0 0 0 .1em #ffffff4d}.icon-btn__icon{color:#fff;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin:auto;display:flex}.icon-btn__label{white-space:nowrap;text-align:center;opacity:0;font-size:1em;line-height:2;position:absolute;top:100%;left:0;right:0;transform:translateY(0)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back,.icon-btn:active .icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front,.icon-btn:active .icon-btn__front{transform:translateZ(2em)}.icon-btn:focus-visible .icon-btn__label,.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(20%)}@media (width>=768px){.icon-btns{grid-template-columns:repeat(3,1fr)}}.peek-rating{--pr-active:#f5b400;--pr-idle:#52525b;--pr-tip:#27272a;--pr-tip-text:#f5f5f5;--pr-size:28px;--pr-gap:6px;--pr-room:31px;--pr-rise:.32s;--pr-ease-out:cubic-bezier(.23, 1, .32, 1);color:inherit;font-family:inherit;display:inline-flex}.peek-rating[aria-disabled=true]{opacity:.5;pointer-events:none}.peek-rating__row{padding-top:var(--pr-room);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:flex-end;display:inline-flex;position:relative}.peek-rating__star{width:calc(var(--pr-size) + var(--pr-gap));height:calc(var(--pr-size) + 8px);color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:0;outline:none;place-items:center;margin:0;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.peek-rating__star{cursor:pointer}}@media (pointer:coarse){.peek-rating__star{min-width:44px;min-height:44px}}.peek-rating__star:focus-visible{outline:2px solid color-mix(in srgb, var(--pr-active) 70%, transparent);outline-offset:2px;border-radius:6px}.peek-rating__lift{transform-origin:50% 100%;transition:transform var(--pr-rise) var(--pr-ease-out);display:block;transform:translateY(0)scale(1)}.peek-rating__glyph{width:var(--pr-size);height:var(--pr-size);color:var(--pr-idle);transition:color .16s;display:block}.peek-rating__glyph>svg{width:100%;height:100%;display:block}.peek-rating__glyph[data-lit=true]{color:var(--pr-active)}.peek-rating__tip{height:calc(var(--pr-size) * .6);padding:0 calc(var(--pr-size) * .3);background:var(--pr-tip);color:var(--pr-tip-text);font-size:calc(var(--pr-size) * .38);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transition:transform var(--pr-rise) var(--pr-ease-out), opacity .18s ease;border-radius:999px;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0000002e}.peek-rating__tip[data-show=true]{opacity:1}.peek-rating[data-instant=true] .peek-rating__lift,.peek-rating[data-instant=true] .peek-rating__glyph,.peek-rating[data-instant=true] .peek-rating__tip{transition-duration:0s}@media (prefers-reduced-motion:reduce){.peek-rating__lift{transition:none}.peek-rating__tip{transition:opacity .18s}}
