dialog[data-ui=drawer]{width:calc(min(20rem,85vw));max-width:none;height:100dvh;max-height:none;padding:calc(var(--spacing) * 0);background:var(--background);color:var(--foreground);transition:transform .24s var(--ease-out), overlay .24s var(--ease-out) allow-discrete, display .24s var(--ease-out) allow-discrete;border:0;margin:0;position:fixed;inset-block:0;overflow:auto}dialog[data-ui=drawer][data-side=start]{box-shadow:var(--shadow-lg);border-start-end-radius:var(--radius-card);border-end-end-radius:var(--radius-card);inset-inline:0 auto}dialog[data-ui=drawer][data-side=end]{box-shadow:var(--shadow-lg);border-start-start-radius:var(--radius-card);border-end-start-radius:var(--radius-card);inset-inline:auto 0}dialog[data-ui=drawer]:not([open]){display:none}dialog[data-ui=drawer][data-side=start]:not([open]){transform:translate(-100%)}dialog[data-ui=drawer][data-side=end]:not([open]){transform:translate(100%)}@starting-style{dialog[data-ui=drawer][open][data-side=start]{transform:translate(-100%)}dialog[data-ui=drawer][open][data-side=end]{transform:translate(100%)}}dialog[data-ui=drawer]::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .24s var(--ease-out), overlay .24s var(--ease-out) allow-discrete, display .24s var(--ease-out) allow-discrete}dialog[data-ui=drawer]:not([open])::backdrop{opacity:0}@starting-style{dialog[data-ui=drawer][open]::backdrop{opacity:0}}[data-ui=drawer-content]{padding:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 4);align-content:flex-start;min-height:100%;display:grid}[data-ui=drawer-x]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));opacity:.8;width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);cursor:pointer;transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));background:var(--surface);color:var(--foreground);border-width:0;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}[data-ui=drawer-x]:before{content:"";position:absolute;inset:-.625rem}[data-ui=drawer-x]:focus-visible,[data-ui=drawer-x]:hover{opacity:1}[data-ui=drawer-header]{gap:calc(var(--spacing) * 1.5);display:grid}[data-ui=drawer-title]{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);margin:calc(var(--spacing) * 0)}[data-ui=drawer-description]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));margin:calc(var(--spacing) * 0);color:var(--muted-foreground)}[data-ui=drawer-footer]{gap:calc(var(--spacing) * 2);justify-content:flex-end;margin-top:auto;display:flex}@media (prefers-reduced-motion:reduce){dialog[data-ui=drawer]{transition:overlay .2s ease allow-discrete, display .2s ease allow-discrete}}