@layer theme,base,components,utilities;@layer forge{.ff-offcanvas__overlay[data-v-bfa4d80d]{width:100%;height:100%;z-index:var(--ff-z-dialog,9100);padding:0;display:flex;position:fixed;inset:0}.ff-offcanvas__overlay--dim[data-v-bfa4d80d]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:color-mix(in srgb,var(--ff-color-backdrop,#0b1221) 60%,transparent)}.ff-offcanvas__overlay--transparent[data-v-bfa4d80d]{background:0 0}.ff-offcanvas__overlay--left[data-v-bfa4d80d]{justify-content:flex-start}.ff-offcanvas__overlay--right[data-v-bfa4d80d]{justify-content:flex-end}.ff-offcanvas__panel[data-v-bfa4d80d]{background:var(--ff-color-surface,#fff);border:1px solid var(--ff-color-neutral-100,#e2e8f0);box-shadow:var(--ff-shadow-2xl,0 24px 60px #0f172a3d);color:var(--ff-color-neutral-900,#0f172a);border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:0;transition:transform .2s;display:flex;position:relative;overflow:hidden}@media (width>=768px){.ff-offcanvas__panel[data-v-bfa4d80d]{border-radius:var(--ff-radius-xl,14px);height:calc(100% - (var(--ff-spacing-6,1.5rem) * 2));margin-block:var(--ff-spacing-6,1.5rem);width:22rem;max-width:22rem;min-height:0;overflow:visible}}@media (width<=767px){.ff-offcanvas__overlay--transparent[data-v-bfa4d80d]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:color-mix(in srgb,var(--ff-color-backdrop,#0b1221) 60%,transparent)}.ff-offcanvas__panel[data-v-bfa4d80d]{--ff-offcanvas-mobile-margin:10px;border-radius:var(--ff-radius-lg);height:calc(100dvh - var(--ff-offcanvas-mobile-margin) * 2);margin:var(--ff-offcanvas-mobile-margin);width:calc(100vw - var(--ff-offcanvas-mobile-margin) * 2);position:fixed;inset:0;overflow-y:auto}}.ff-offcanvas__panel--left[data-v-bfa4d80d]{border-right:1px solid var(--ff-color-neutral-200,#e5e7eb)}.ff-offcanvas__panel--right[data-v-bfa4d80d]{border-left:1px solid var(--ff-color-neutral-200,#e5e7eb);margin-inline-end:var(--ff-spacing-4,1rem)}.ff-offcanvas__close[data-v-bfa4d80d]{background:color-mix(in srgb,var(--ff-color-neutral-0,#fff) 80%,transparent);block-size:2.25rem;box-shadow:var(--ff-shadow-sm,0 1px 2px #0f172a14);color:var(--ff-color-neutral-500,#64748b);inline-size:2.25rem;z-index:911;border:none;border-radius:999px;justify-content:center;align-items:center;transition:transform .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;inset-block-start:var(--ff-spacing-4,1rem);inset-inline-end:var(--ff-spacing-4,1rem)}.ff-offcanvas__close[data-v-bfa4d80d]:hover{border-color:var(--ff-color-primary-200,#bfdbfe);color:var(--ff-color-primary-600,#2563eb);transform:translateY(-2px)}.ff-offcanvas__close[data-v-bfa4d80d]:focus-visible{outline:2px solid var(--ff-color-primary-outline,var(--ff-color-primary,#2563eb));outline-offset:2px}.ff-offcanvas__title[data-v-bfa4d80d]{border-bottom:1px solid var(--ff-color-neutral-200,#e5e7eb);font-size:var(--ff-font-size-base,1rem);font-weight:var(--ff-font-weight-semibold,600);align-items:center;gap:var(--ff-spacing-2,.5rem);padding:var(--ff-spacing-5,1.25rem) var(--ff-spacing-4,1rem);display:flex}.ff-offcanvas__title-badge[data-v-bfa4d80d]{inset-block-start:0}.ff-offcanvas__main[data-v-bfa4d80d]{min-height:0;padding:var(--ff-spacing-4,1rem);flex:1;overflow-y:auto}.ff-offcanvas__footer[data-v-bfa4d80d]{border-top:1px solid var(--ff-color-neutral-200,#e5e7eb);padding:var(--ff-spacing-4,1rem)}html:has(>body.has--offcanvas){overflow:hidden}}