@layer theme,base;@layer components{.sheet-backdrop{z-index:70;opacity:calc(1 - var(--drawer-swipe-progress,0));transition:opacity var(--dur-ui) var(--ease-out);background:#0000008c;position:fixed;inset:0}@supports (-webkit-touch-callout:none){.sheet-backdrop{min-height:100lvh;position:absolute}}.sheet-backdrop[data-starting-style],.sheet-backdrop[data-ending-style]{opacity:0}.sheet-backdrop[data-ending-style]{transition:opacity var(--dur-ui) var(--ease-in)}.sheet-backdrop[data-swiping]{transition-duration:0s}.sheet-viewport{z-index:71;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-viewport>*{pointer-events:auto}.sheet{--bleed:3rem;width:100%;max-width:640px;max-height:calc(88svh + var(--bleed));margin-bottom:calc(-1 * var(--bleed));padding-bottom:var(--bleed);border-top:1px solid var(--color-line-2);background:radial-gradient(120% 60% at 50% 0%, #dce8f20f, transparent 60%), var(--color-surface-1);color:var(--color-text-2);transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform var(--fb-drawer) var(--ease-drawer);will-change:transform;border-radius:28px 28px 0 0;outline:0;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 -24px 60px -20px #000c}.sheet[data-starting-style],.sheet[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * var(--fb-drawer-out))}.sheet[data-swiping]{-webkit-user-select:none;user-select:none;transition-duration:0s}.sheet-grabber{background:var(--color-text-4);border-radius:999px;flex:none;align-self:center;width:36px;height:5px;margin-top:8px}.sheet-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:auto;display:flex;position:relative;overflow-y:auto}.sheet-head{padding:14px 64px 0 20px}.sheet-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-1);text-wrap:balance;margin:0;font-size:20px;font-weight:500;line-height:1.2}.sheet-desc{color:var(--color-text-2);text-wrap:pretty;margin:8px 0 0;font-size:15px;line-height:1.5}.sheet-x{z-index:2;width:44px;height:44px;color:var(--color-text-2);transition:color var(--dur-hover) var(--ease-out), background-color var(--dur-hover) var(--ease-out), scale var(--spring-snappy);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:12px}.sheet-x:before{content:"";box-shadow:inset 0 0 0 1px var(--color-line-2);background:#ffffff0f;border-radius:50%;position:absolute;inset:6px}.sheet-x svg{width:16px;height:16px;position:relative}.sheet-x:active{transition:scale var(--dur-press) var(--ease-out);scale:.94}@media (hover:hover) and (pointer:fine){.sheet-x:hover{color:var(--color-text-1)}.sheet-x:hover:before{background:#ffffff1a}}.sheet-body{padding:20px 20px 0}.sheet-foot{z-index:1;background:linear-gradient(180deg, #11131600, var(--color-surface-1) 22px);flex-direction:column;gap:10px;margin-top:auto;padding:20px 20px 0;display:flex;position:sticky;bottom:0}.dlg-viewport{z-index:71;pointer-events:none;place-items:center;padding:32px 24px;display:grid;position:fixed;inset:0}.dlg-viewport>*{pointer-events:auto}.dlg{background:radial-gradient(120% 60% at 50% 0%, #dce8f20f, transparent 60%) padding-box, var(--grad-card) padding-box, var(--grad-stroke-ice) border-box;width:min(480px,100%);max-height:min(760px,100svh - 64px);color:var(--color-text-2);transform-origin:50% 60%;transition:scale var(--dur-ui) var(--ease-out), opacity var(--dur-ui) var(--ease-out), translate var(--dur-ui) var(--ease-out);border:1px solid #0000;border-radius:28px;outline:0;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #0006,0 40px 100px -30px #000000d9}.dlg[data-starting-style]{opacity:0;translate:0 8px;scale:.96}.dlg[data-ending-style]{opacity:0;transition:scale var(--dur-hover) var(--ease-in), opacity var(--dur-hover) var(--ease-in), translate var(--dur-hover) var(--ease-in);scale:.98}.dlg .sheet-content{padding-bottom:28px}.dlg .sheet-head{padding:28px 72px 0 28px}.dlg .sheet-title{font-size:22px}.dlg .sheet-x{top:16px;right:16px}.dlg .sheet-body{padding:24px 28px 0}.dlg .sheet-foot{background:0 0;flex-flow:wrap;justify-content:flex-end;padding:24px 28px 0;position:static}.dlg .sheet-foot>.btn-full,.dlg .sheet-foot>.btn-full-mobile{flex:100%}}@layer utilities;@media (prefers-reduced-motion:reduce){.sheet{transition:transform var(--dur-ui) var(--ease-out)}}