@layer components{.backdrop_YExyra{--backdrop-opacity:.48;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));z-index:var(--z-overlay);background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}@supports (-webkit-touch-callout:none){.backdrop_YExyra{position:absolute}}.backdrop_YExyra[data-starting-style],.backdrop_YExyra[data-ending-style]{opacity:0}.backdrop_YExyra[data-swiping]{transition-duration:0s}.backdrop_YExyra[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.viewport_YExyra{z-index:var(--z-modal);display:flex;position:fixed;inset:0}.viewport_YExyra[data-side=left]{justify-content:flex-start;align-items:stretch}.viewport_YExyra[data-side=right]{justify-content:flex-end;align-items:stretch}.viewport_YExyra[data-side=bottom]{justify-content:center;align-items:flex-end}.viewport_YExyra[data-side=top]{justify-content:center;align-items:flex-start}@supports (-webkit-touch-callout:none){.viewport_YExyra[data-side=left],.viewport_YExyra[data-side=right]{padding:.625rem}.viewport_YExyra[data-side=bottom]{padding:0 .625rem .625rem}.viewport_YExyra[data-side=top]{padding:.625rem .625rem 0}}.popup_YExyra{box-sizing:border-box;background-color:var(--color-elevated);border:var(--border-width-base) solid var(--color-line);overscroll-behavior:contain;touch-action:auto;will-change:transform;outline:none;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);overflow-y:auto}.popup_YExyra[data-swiping]{-webkit-user-select:none;user-select:none;transition-duration:0s}.popup_YExyra[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.popup-right_YExyra{--bleed:3rem;height:100%;width:calc(var(--drawer-width,20rem) + var(--bleed));max-width:calc(100vw - 3rem + var(--bleed));padding:var(--space-6);padding-right:calc(var(--space-6) + var(--bleed));margin-right:calc(-1 * var(--bleed));transform:translateX(var(--drawer-swipe-movement-x));transition-property:transform}@supports (-webkit-touch-callout:none){.popup-right_YExyra{--bleed:0px;border-radius:var(--radius-xl);margin-right:0}}.popup-right_YExyra[data-starting-style],.popup-right_YExyra[data-ending-style]{transform:translateX(calc(100% - var(--bleed) + 2px))}.popup-left_YExyra{--bleed:3rem;height:100%;width:calc(var(--drawer-width,20rem) + var(--bleed));max-width:calc(100vw - 3rem + var(--bleed));padding:var(--space-6);padding-left:calc(var(--space-6) + var(--bleed));margin-left:calc(-1 * var(--bleed));transform:translateX(var(--drawer-swipe-movement-x));transition-property:transform}@supports (-webkit-touch-callout:none){.popup-left_YExyra{--bleed:0px;border-radius:var(--radius-xl);margin-left:0}}.popup-left_YExyra[data-starting-style],.popup-left_YExyra[data-ending-style]{transform:translateX(calc(-100% + var(--bleed) - 2px))}.popup-bottom_YExyra{width:100%;max-width:var(--drawer-max-width,480px);max-height:90dvh;padding:var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transform:translateY(var(--drawer-swipe-movement-y));border-bottom:none;transition-property:transform}@supports (-webkit-touch-callout:none){.popup-bottom_YExyra{border-radius:var(--radius-2xl)}}.popup-bottom_YExyra[data-starting-style],.popup-bottom_YExyra[data-ending-style]{transform:translateY(calc(100% + 2px))}.popup-top_YExyra{width:100%;max-width:var(--drawer-max-width,480px);max-height:90dvh;padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) var(--space-5) var(--space-5);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);transform:translateY(var(--drawer-swipe-movement-y));border-top:none;transition-property:transform}@supports (-webkit-touch-callout:none){.popup-top_YExyra{border-radius:var(--radius-2xl)}}.popup-top_YExyra[data-starting-style],.popup-top_YExyra[data-ending-style]{transform:translateY(calc(-100% - 2px))}.handle-bar_YExyra{background-color:var(--color-line-strong);width:2.5rem;height:4px;margin:0 auto var(--space-4);border-radius:9999px;flex-shrink:0}.popup-top_YExyra .handle-bar_YExyra{margin:var(--space-4) auto 0;order:1}.content_YExyra{gap:var(--space-4);flex-direction:column;height:100%;display:flex}.title_YExyra{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);padding-right:var(--space-6);margin:0}.description_YExyra{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-secondary);line-height:var(--line-height-relaxed);margin:0}.close_YExyra{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex;position:absolute}.close_YExyra:hover{background-color:var(--color-hover);color:var(--color-primary)}.close_YExyra:focus-visible{box-shadow:var(--shadow-focus)}.footer_YExyra{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width-base) solid var(--color-line-subtle);margin-top:auto;display:flex}}