.echo-sheet__backdrop{position:fixed;z-index:var(--echo-z-overlay,200);inset:0;min-height:100dvh;background:color-mix(in oklab,var(--echo-seam) 88%,black);opacity:calc(.62 * (1 - var(--drawer-swipe-progress)));transition:opacity var(--echo-duration-pop) cubic-bezier(.32,.72,0,1)}.echo-sheet__backdrop[data-ending-style],.echo-sheet__backdrop[data-starting-style]{opacity:0}.echo-sheet__backdrop[data-swiping]{transition-duration:0s}.echo-sheet__backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * var(--echo-duration-pop))}.echo-sheet__viewport{--viewport-padding:var(--echo-space-0);position:fixed;z-index:var(--echo-z-modal,210);inset:0;display:flex;padding:var(--viewport-padding)}.echo-sheet__viewport[data-side=right]{justify-content:flex-end;align-items:stretch}.echo-sheet__viewport[data-side=left]{justify-content:flex-start;align-items:stretch}.echo-sheet__viewport[data-side=top]{align-items:flex-start}.echo-sheet__viewport[data-side=bottom]{align-items:flex-end}.echo-sheet__popup{--bleed:3rem;--sheet-size:22rem;position:relative;box-sizing:border-box;padding:var(--echo-space-10);background:linear-gradient(158deg,var(--echo-cap) 0,var(--echo-surface) 42%);color:var(--echo-text);outline:none;overflow-y:auto;overscroll-behavior:contain;touch-action:auto;transition:transform var(--echo-duration-pop) cubic-bezier(.32,.72,0,1);will-change:transform}.echo-sheet__popup[data-swiping]{-webkit-user-select:none;user-select:none}.echo-sheet__popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * var(--echo-duration-pop))}.echo-sheet__popup[data-side=left],.echo-sheet__popup[data-side=right]{height:100%;width:calc(var(--sheet-size) + var(--bleed));max-width:calc(100vw - 2.5rem + var(--bleed));transform:translateX(var(--drawer-swipe-movement-x))}.echo-sheet__popup[data-side=right]{margin-right:calc(-1 * var(--bleed));padding-right:calc(26px + var(--bleed));border-left:var(--echo-border-hairline,1px) solid var(--echo-seam);box-shadow:inset 1px 0 0 color-mix(in oklab,var(--echo-cap-highlight) 40%,transparent),-26px 0 60px -20px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent)}.echo-sheet__popup[data-side=right][data-ending-style],.echo-sheet__popup[data-side=right][data-starting-style]{transform:translateX(calc(100% - var(--bleed) + var(--viewport-padding) + 2px))}.echo-sheet__popup[data-side=left]{margin-left:calc(-1 * var(--bleed));padding-left:calc(26px + var(--bleed));border-right:var(--echo-border-hairline,1px) solid var(--echo-seam);box-shadow:inset -1px 0 0 color-mix(in oklab,var(--echo-cap-highlight) 40%,transparent),26px 0 60px -20px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent)}.echo-sheet__popup[data-side=left][data-ending-style],.echo-sheet__popup[data-side=left][data-starting-style]{transform:translateX(calc(-100% + var(--bleed) - var(--viewport-padding) - 2px))}.echo-sheet__popup[data-side=bottom],.echo-sheet__popup[data-side=top]{width:100%;max-height:calc(100dvh - 3rem + var(--bleed));transform:translateY(var(--drawer-swipe-movement-y))}.echo-sheet__popup[data-side=bottom]{margin-bottom:calc(-1 * var(--bleed));padding-bottom:calc(26px + var(--bleed));border-top:var(--echo-border-hairline,1px) solid var(--echo-seam);border-radius:var(--echo-radius-2xl) var(--echo-radius-2xl) 0 0;box-shadow:inset 0 1px 0 color-mix(in oklab,var(--echo-cap-highlight) 40%,transparent),0 -26px 60px -20px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent)}.echo-sheet__popup[data-side=bottom][data-ending-style],.echo-sheet__popup[data-side=bottom][data-starting-style]{transform:translateY(calc(100% - var(--bleed) + var(--viewport-padding) + 2px))}.echo-sheet__popup[data-side=top]{margin-top:calc(-1 * var(--bleed));padding-top:calc(26px + var(--bleed));border-bottom:var(--echo-border-hairline,1px) solid var(--echo-seam);border-radius:0 0 var(--echo-radius-2xl) var(--echo-radius-2xl);box-shadow:inset 0 -1px 0 color-mix(in oklab,var(--echo-cap-highlight) 40%,transparent),0 26px 60px -20px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent)}.echo-sheet__popup[data-side=top][data-ending-style],.echo-sheet__popup[data-side=top][data-starting-style]{transform:translateY(calc(-100% + var(--bleed) - var(--viewport-padding) - 2px))}.echo-sheet__content{display:grid;gap:var(--echo-space-3);align-content:start;height:100%}.echo-sheet__title{margin:0;font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-lg);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-tight,-.01em);color:var(--echo-text)}.echo-sheet__desc{margin:0 0 var(--echo-space-5);font-size:var(--echo-text-sm);line-height:var(--echo-leading-body,1.55);color:var(--echo-text-dim)}.echo-sheet__trigger{display:inline-flex;align-items:center;gap:var(--echo-space-4);height:calc(40px * var(--echo-density, 1));padding:0 var(--echo-space-8);border:0;border-radius:var(--echo-radius-lg);cursor:pointer;color:var(--echo-text);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-md);background:linear-gradient(180deg,var(--echo-cap-highlight) 0,color-mix(in oklab,var(--echo-cap-highlight) 50%,var(--echo-cap)) 40%,var(--echo-cap) 62%,var(--echo-cap-shadow) 100%);box-shadow:inset 0 1.5px 0 rgb(255 255 255/calc(.42 * var(--echo-gloss, 1))),inset 0 -3px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(.5 * var(--echo-shade, 1) * 100%),transparent),0 calc(4px + 1px * var(--lift, 0) - 3px * var(--press, 0)) 0 var(--echo-seam),0 calc(9px + 5px * var(--lift, 0) - 6px * var(--press, 0)) calc(14px + 10px * var(--lift, 0) - 9px * var(--press, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.55 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-sheet__action:focus-visible,.echo-sheet__close:focus-visible,.echo-sheet__trigger:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(
    --echo-shadow-ring,0 0 0 2px var(--echo-surface),0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow))
  )}.echo-sheet__close{position:absolute;top:16px;display:grid;place-items:center;width:30px;height:calc(30px * var(--echo-density, 1));border:0;border-radius:var(--echo-radius-md);cursor:pointer;background:var(--echo-cap);color:var(--echo-text-dim);font-size:var(--echo-text-sm);line-height:var(--echo-leading-none,1);box-shadow:inset 0 1px 0 color-mix(in oklab,var(--echo-cap-highlight) 60%,transparent),0 calc(2px - 1.5px * var(--press, 0)) 0 var(--echo-cap-shadow)}.echo-sheet__popup[data-side=bottom] .echo-sheet__close,.echo-sheet__popup[data-side=right] .echo-sheet__close,.echo-sheet__popup[data-side=top] .echo-sheet__close{inset-inline-end:calc(16px + var(--bleed))}.echo-sheet__popup[data-side=left] .echo-sheet__close{inset-inline-end:16px}.echo-sheet__popup[data-side=top] .echo-sheet__close{top:calc(16px + var(--bleed))}@media (hover:hover){.echo-sheet__close:hover{color:var(--echo-text)}}.echo-sheet__action{height:calc(36px * var(--echo-density, 1));padding:0 var(--echo-space-7);border:0;border-radius:var(--echo-radius-lg);cursor:pointer;background:var(--echo-cap);color:var(--echo-text);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--echo-text-sm);box-shadow:inset 0 1px 0 color-mix(in oklab,var(--echo-cap-highlight) 60%,transparent),0 calc(2px - 1.5px * var(--press, 0)) 0 var(--echo-cap-shadow)}@media (prefers-reduced-motion:reduce){.echo-sheet__backdrop,.echo-sheet__popup{transition-duration:var(--echo-duration-tick)}}@media (pointer:coarse){.echo-sheet__close{width:44px;height:44px}.echo-sheet__trigger{min-height:44px}}