@layer design-system.components{.vds-drawer-content{--drawer-padding-inline:var(--vds-surface-padding-inline,var(--vds-space-6,1.5rem));--drawer-padding-block:var(--vds-space-4,1rem);--drawer-slot-gap:var(--vds-slot-gap,var(--vds-space-4,1rem));--drawer-header-gap:var(--vds-cluster-gap,var(--vds-space-2,.5rem));--drawer-footer-gap:var(--vds-space-3,.75rem);--drawer-label-gap:var(--vds-label-gap,var(--vds-space-1,.25rem));--drawer-surface:var(--vds-overlay-bg,var(--vds-color-surface-overlay,#fff));--drawer-background:linear-gradient(180deg, color-mix(in oklch, var(--drawer-surface), white 4%), var(--drawer-surface));--drawer-header-surface:var(--vds-color-surface-sunken,#f9fafb);--drawer-footer-background:linear-gradient(180deg, color-mix(in oklch, var(--drawer-surface), transparent 8%), color-mix(in oklch, var(--drawer-surface), black 2%));--drawer-border-color:var(--vds-surface-border,var(--vds-color-border-muted,#e5e7eb));--drawer-section-border:1px solid var(--drawer-border-color);--drawer-title-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--drawer-title-font-size:var(--vds-text-lg,1.125rem);--drawer-title-font-weight:var(--vds-font-weight-semibold,600);--drawer-title-line-height:var(--vds-leading-tight,1.25);--drawer-title-color:var(--vds-color-text,#111827);--drawer-description-font-size:var(--vds-text-sm,.875rem);--drawer-description-line-height:var(--vds-leading-normal,1.5);--drawer-description-color:var(--vds-color-text-muted,#6b7280);--drawer-handle-padding-block:var(--vds-space-3,.75rem);--drawer-handle-padding-inline:var(--vds-space-3,.75rem);--drawer-handle-offset:var(--vds-cluster-gap,var(--vds-space-2,.5rem));--drawer-handle-clearance:calc(var(--vds-drawer-handle-thickness) + var(--vds-space-5,1.25rem));--drawer-handle-progress-color:var(--vds-color-primary-9,var(--vds-color-text,#111827))}.vds-drawer-overlay{--drawer-overlay-bg:var(--vds-color-scrim,#0009);--vds-drawer-duration:var(--vds-duration-slower);--vds-drawer-ease:var(--vds-ease-ios);z-index:var(--vds-z-overlay);background-color:var(--drawer-overlay-bg);opacity:var(--vds-drawer-overlay-opacity,0);pointer-events:none;will-change:opacity;transition:opacity var(--vds-drawer-duration) var(--vds-drawer-ease);position:fixed;inset:0}.vds-drawer-overlay[data-open]{pointer-events:auto}.vds-drawer-content{--vds-drawer-open-ease:cubic-bezier(.22, 1.08, .36, 1);--vds-drawer-radius:var(--vds-radius-drawer);--vds-drawer-duration:var(--vds-duration-slower);--vds-drawer-ease:var(--vds-ease-ios);--vds-drawer-shadow:var(--vds-overlay-shadow,var(--vds-shadow-xl));--vds-drawer-shadow-minimized:0 0 0 1px color-mix(in oklch, var(--vds-color-border-muted), transparent 40%), var(--vds-shadow-lg);--vds-drawer-handle-width:2.875rem;--vds-drawer-handle-thickness:.3125rem;--vds-drawer-handle-color:var(--vds-color-border);--vds-drawer-handle-color-active:var(--vds-color-border-strong,var(--vds-color-neutral-8));--vds-drawer-available-size:100dvh;--vds-drawer-fixed-size:var(--vds-drawer-available-size);--vds-drawer-adaptive-size:clamp(18rem, 32vw, 28rem);--vds-drawer-edge-offset:0px;--vds-drawer-keyboard-inset:0px;z-index:var(--vds-z-modal);box-sizing:border-box;background:var(--drawer-background);overscroll-behavior:contain;scrollbar-gutter:auto;backface-visibility:hidden;will-change:transform;min-block-size:0;min-inline-size:0;transform-style:preserve-3d;transition:transform var(--vds-drawer-duration) var(--vds-drawer-ease);transform:var(--vds-drawer-transform,var(--vds-drawer-rest-transform));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;contain:layout paint style;outline:none;flex-direction:column;padding:0;display:flex;position:fixed;overflow:hidden;container-type:inline-size}.vds-drawer-content[data-indicator=outside]{contain:layout style;overflow:visible}.vds-drawer-content:not([data-open]){pointer-events:none}.vds-drawer-content[data-dragging]{transition:none}.vds-drawer-content[data-stage=minimized]{box-shadow:var(--vds-drawer-shadow-minimized)}.vds-drawer-content[data-direction=bottom],.vds-drawer-content[data-direction=top]{max-block-size:calc(var(--vds-drawer-available-size) - var(--vds-drawer-keyboard-inset,0px));touch-action:pan-y;max-inline-size:100vw;inset-inline:0}.vds-drawer-content[data-direction=bottom][data-size-mode=adaptive],.vds-drawer-content[data-direction=top][data-size-mode=adaptive]{block-size:auto}.vds-drawer-content[data-direction=bottom][data-size-mode=full],.vds-drawer-content[data-direction=top][data-size-mode=full]{block-size:calc(var(--vds-drawer-available-size) - var(--vds-drawer-keyboard-inset,0px))}.vds-drawer-content[data-direction=bottom][data-size-mode=fixed],.vds-drawer-content[data-direction=top][data-size-mode=fixed]{block-size:min(var(--vds-drawer-fixed-size), calc(var(--vds-drawer-available-size) - var(--vds-drawer-keyboard-inset,0px)))}.vds-drawer-content[data-direction=bottom]{box-shadow:var(--vds-drawer-shadow);transform-origin:bottom;--vds-drawer-rest-transform:translate3d(0, 100%, 0);border-start-start-radius:var(--vds-drawer-radius);border-start-end-radius:var(--vds-drawer-radius);inset-block-end:calc(var(--vds-drawer-edge-offset) + var(--vds-drawer-keyboard-inset,0px))}.vds-drawer-content[data-direction=top]{box-shadow:var(--vds-drawer-shadow);transform-origin:top;--vds-drawer-rest-transform:translate3d(0, -100%, 0);border-end-end-radius:var(--vds-drawer-radius);border-end-start-radius:var(--vds-drawer-radius);inset-block-start:var(--vds-drawer-edge-offset)}.vds-drawer-content[data-direction=left],.vds-drawer-content[data-direction=right]{max-inline-size:var(--vds-drawer-available-size);max-block-size:calc(100dvh - var(--vds-drawer-keyboard-inset,0px));scrollbar-gutter:auto;touch-action:pan-x;inset-block:0}.vds-drawer-content[data-direction=left][data-size-mode=adaptive],.vds-drawer-content[data-direction=right][data-size-mode=adaptive]{inline-size:min(var(--vds-drawer-adaptive-size), var(--vds-drawer-available-size))}.vds-drawer-content[data-direction=left][data-size-mode=full],.vds-drawer-content[data-direction=right][data-size-mode=full]{inline-size:var(--vds-drawer-available-size)}.vds-drawer-content[data-direction=left][data-size-mode=fixed],.vds-drawer-content[data-direction=right][data-size-mode=fixed]{inline-size:min(var(--vds-drawer-fixed-size), var(--vds-drawer-available-size))}.vds-drawer-content[data-direction=left]{box-shadow:var(--vds-drawer-shadow);transform-origin:0;--vds-drawer-rest-transform:translate3d(-100%, 0, 0);border-start-end-radius:var(--vds-drawer-radius);border-end-end-radius:var(--vds-drawer-radius);inset-inline-start:var(--vds-drawer-edge-offset)}.vds-drawer-content[data-direction=right]{box-shadow:var(--vds-drawer-shadow);transform-origin:100%;--vds-drawer-rest-transform:translate3d(100%, 0, 0);border-start-start-radius:var(--vds-drawer-radius);border-end-start-radius:var(--vds-drawer-radius);inset-inline-end:calc(var(--vds-drawer-edge-offset) - var(--removed-body-scroll-bar-size,0px))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vds-drawer-content[data-direction=left]{transform-origin:100%;--vds-drawer-rest-transform:translate3d(100%, 0, 0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vds-drawer-content[data-direction=right]{transform-origin:0;--vds-drawer-rest-transform:translate3d(-100%, 0, 0)}.vds-drawer-content[data-floating]{border-radius:var(--vds-drawer-radius)}.vds-drawer-content[data-indicator=outside]>:is(.vds-drawer-header,.vds-drawer-body,.vds-drawer-footer):first-child{border-start-start-radius:inherit;border-start-end-radius:inherit}.vds-drawer-content[data-indicator=outside]>:is(.vds-drawer-header,.vds-drawer-body,.vds-drawer-footer):last-child{border-end-end-radius:inherit;border-end-start-radius:inherit}.vds-drawer-content[data-floating][data-direction=bottom],.vds-drawer-content[data-floating][data-direction=top]{inset-inline:var(--vds-drawer-edge-offset);max-inline-size:calc(100vw - 2 * var(--vds-drawer-edge-offset))}.vds-drawer-content[data-floating][data-direction=left],.vds-drawer-content[data-floating][data-direction=right]{inset-block:var(--vds-drawer-edge-offset);max-block-size:calc(100dvh - 2 * var(--vds-drawer-edge-offset) - var(--vds-drawer-keyboard-inset,0px))}.vds-drawer-content[data-elastic][data-direction=bottom],.vds-drawer-content[data-elastic][data-direction=top]{block-size:var(--vds-drawer-elastic-size)}.vds-drawer-content[data-elastic][data-direction=left],.vds-drawer-content[data-elastic][data-direction=right]{inline-size:var(--vds-drawer-elastic-size)}.vds-drawer-header{gap:var(--drawer-header-gap);padding-block:var(--drawer-padding-block);padding-inline:var(--drawer-padding-inline);touch-action:none;-webkit-user-select:none;user-select:none;background:var(--drawer-header-surface);flex-direction:column;flex-shrink:0;display:flex}.vds-drawer-header[data-variant=bordered]{border-block-end:var(--drawer-section-border);background:0 0}.vds-drawer-content[data-direction=top] .vds-drawer-header,.vds-drawer-content[data-direction=left] .vds-drawer-header,.vds-drawer-content[data-direction=right] .vds-drawer-header{padding-block-start:max(var(--drawer-padding-block), env(safe-area-inset-top))}.vds-drawer-header>.vds-drawer-title,.vds-drawer-header>.vds-drawer-description{padding-inline:0}.vds-drawer-header>.vds-drawer-description{margin-block-start:0}.vds-drawer-content[data-direction=bottom] .vds-drawer-header>.vds-drawer-handle[data-placement=inside],.vds-drawer-content[data-direction=bottom] .vds-drawer-header>.vds-drawer-handle[data-placement=progress]{margin-block:calc(var(--drawer-header-gap) * -1) var(--drawer-handle-padding-block)}.vds-drawer-content[data-direction=top] .vds-drawer-header>.vds-drawer-handle[data-placement=inside],.vds-drawer-content[data-direction=top] .vds-drawer-header>.vds-drawer-handle[data-placement=progress]{padding-block:var(--drawer-handle-padding-block);justify-content:center;margin:0;position:absolute;inset-block-end:0;inset-inline:0}.vds-drawer-content[data-direction=top][data-indicator=inside] .vds-drawer-body,.vds-drawer-content[data-direction=top][data-indicator=progress] .vds-drawer-body{padding-block-end:var(--drawer-handle-clearance)}.vds-drawer-content[data-direction=left][data-indicator=inside] .vds-drawer-header,.vds-drawer-content[data-direction=left][data-indicator=inside] .vds-drawer-body,.vds-drawer-content[data-direction=left][data-indicator=inside] .vds-drawer-footer,.vds-drawer-content[data-direction=left][data-indicator=progress] .vds-drawer-header,.vds-drawer-content[data-direction=left][data-indicator=progress] .vds-drawer-body,.vds-drawer-content[data-direction=left][data-indicator=progress] .vds-drawer-footer{padding-inline-end:var(--drawer-handle-clearance)}.vds-drawer-content[data-direction=right][data-indicator=inside] .vds-drawer-header,.vds-drawer-content[data-direction=right][data-indicator=inside] .vds-drawer-body,.vds-drawer-content[data-direction=right][data-indicator=inside] .vds-drawer-footer,.vds-drawer-content[data-direction=right][data-indicator=progress] .vds-drawer-header,.vds-drawer-content[data-direction=right][data-indicator=progress] .vds-drawer-body,.vds-drawer-content[data-direction=right][data-indicator=progress] .vds-drawer-footer{padding-inline-start:var(--drawer-handle-clearance)}.vds-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-user-select:auto;user-select:auto;min-block-size:0;padding-inline:var(--drawer-padding-inline);padding-block:var(--drawer-padding-block);touch-action:auto;flex:1;overflow:auto}.vds-drawer-content>:where(.vds-drawer-header,.vds-drawer-footer)+.vds-drawer-body{padding-block-start:var(--drawer-slot-gap)}.vds-drawer-content>.vds-drawer-body:has(+:where(.vds-drawer-header,.vds-drawer-footer)){padding-block-end:var(--drawer-slot-gap)}.vds-drawer-handle{padding-block:var(--drawer-handle-padding-block);-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vds-drawer-handle:active{cursor:grabbing}:is(.vds-drawer-handle[data-direction=bottom],.vds-drawer-handle[data-direction=top]) .vds-drawer-handle-bar{inline-size:var(--vds-drawer-handle-width);block-size:var(--vds-drawer-handle-thickness)}.vds-drawer-handle[data-direction=left],.vds-drawer-handle[data-direction=right]{padding-inline:var(--drawer-handle-padding-inline);block-size:100%;padding-block:0;position:absolute;inset-block:0}:is(.vds-drawer-handle[data-direction=left],.vds-drawer-handle[data-direction=right]) .vds-drawer-handle-bar{inline-size:var(--vds-drawer-handle-thickness);block-size:var(--vds-drawer-handle-width)}.vds-drawer-handle[data-direction=left]{inset-inline-end:0}.vds-drawer-handle[data-direction=right]{inset-inline-start:0}.vds-drawer-handle[data-stage=minimized] .vds-drawer-handle-bar{background-color:var(--vds-drawer-handle-color-active)}.vds-drawer-handle[data-placement=outside]{z-index:2;padding:var(--drawer-handle-offset);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;margin:0;position:absolute}.vds-drawer-handle[data-placement=outside][data-direction=bottom],.vds-drawer-handle[data-placement=outside][data-direction=top]{inset-inline-start:50%}.vds-drawer-handle[data-placement=outside][data-direction=bottom]{transform:translate(-50%, calc(-100% - var(--drawer-handle-offset)));inset-block-start:0}.vds-drawer-handle[data-placement=outside][data-direction=top]{transform:translate(-50%, calc(100% + var(--drawer-handle-offset)));inset-block-end:0}.vds-drawer-handle[data-placement=outside][data-direction=left],.vds-drawer-handle[data-placement=outside][data-direction=right]{block-size:auto;inset-block:50% auto}.vds-drawer-handle[data-placement=outside][data-direction=left]{transform:translate(calc(100% + var(--drawer-handle-offset)), -50%);inset-inline-end:0}.vds-drawer-handle[data-placement=outside][data-direction=right]{transform:translate(calc(-100% - var(--drawer-handle-offset)), -50%);inset-inline-start:0}.vds-drawer-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-placement=outside][data-direction=bottom]{transform:translate(50%, calc(-100% - var(--drawer-handle-offset)))}.vds-drawer-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-placement=outside][data-direction=top]{transform:translate(50%, calc(100% + var(--drawer-handle-offset)))}.vds-drawer-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-placement=outside][data-direction=left]{transform:translate(calc(-100% - var(--drawer-handle-offset)), -50%)}.vds-drawer-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-placement=outside][data-direction=right]{transform:translate(calc(100% + var(--drawer-handle-offset)), -50%)}.vds-drawer-handle-bar{--drawer-handle-tension:0;border-radius:var(--vds-radius-full);background-color:var(--vds-drawer-handle-color);box-shadow:0 0 0 0 var(--vds-color-primary-a3);transition:transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .28s var(--vds-ease-out), background-color .28s var(--vds-ease-out);flex-shrink:0;position:relative;overflow:hidden;transform:scale(1)}.vds-drawer-handle:hover .vds-drawer-handle-bar{background-color:var(--vds-drawer-handle-color-active)}.vds-drawer-content[data-dragging] .vds-drawer-handle-bar{--drawer-handle-tension:var(--vds-drawer-overdrag-progress,0);transform:scale(calc(1 + .32 * var(--drawer-handle-tension)), calc(1 - .14 * var(--drawer-handle-tension)));background-color:color-mix(in srgb, var(--vds-color-primary-9) calc(var(--drawer-handle-tension) * 100%), var(--vds-drawer-handle-color-active));box-shadow:0 0 0 calc(3px * var(--drawer-handle-tension)) var(--vds-color-primary-a3);transition:none}.vds-drawer-content[data-dragging][data-direction=left] .vds-drawer-handle-bar,.vds-drawer-content[data-dragging][data-direction=right] .vds-drawer-handle-bar{transform:scale(calc(1 - .14 * var(--drawer-handle-tension)), calc(1 + .32 * var(--drawer-handle-tension)))}@media (prefers-reduced-motion:reduce){.vds-drawer-content .vds-drawer-handle-bar,.vds-drawer-content[data-dragging][data-direction] .vds-drawer-handle-bar{transition:none;transform:none}}.vds-drawer-handle[data-placement=progress] .vds-drawer-handle-bar:after{content:"";border-radius:inherit;background-color:var(--drawer-handle-progress-color);transform-origin:50%;transform:scaleX(var(--vds-drawer-close-progress,0));transition:transform var(--vds-duration-fast) var(--vds-ease-out);pointer-events:none;position:absolute;inset:0}.vds-drawer-content[data-direction=left] .vds-drawer-handle[data-placement=progress] .vds-drawer-handle-bar:after,.vds-drawer-content[data-direction=right] .vds-drawer-handle[data-placement=progress] .vds-drawer-handle-bar:after{transform:scaleY(var(--vds-drawer-close-progress,0))}.vds-drawer-content[data-dragging] .vds-drawer-handle[data-placement=progress] .vds-drawer-handle-bar:after{transition:none}@media (hover:hover) and (pointer:fine){.vds-drawer-header{cursor:grab}.vds-drawer-header:active{cursor:grabbing}.vds-drawer-handle[data-direction=bottom],.vds-drawer-handle[data-direction=top]{cursor:ns-resize}.vds-drawer-handle[data-direction=left],.vds-drawer-handle[data-direction=right]{cursor:ew-resize}}.vds-drawer-title{padding-inline:var(--drawer-padding-inline);font-family:var(--drawer-title-font-family);font-size:var(--drawer-title-font-size);font-weight:var(--drawer-title-font-weight);line-height:var(--drawer-title-line-height);color:var(--drawer-title-color)}.vds-drawer-description{padding-inline:var(--drawer-padding-inline);font-size:var(--drawer-description-font-size);line-height:var(--drawer-description-line-height);color:var(--drawer-description-color);margin-block-start:var(--drawer-label-gap)}.vds-drawer-footer{gap:var(--drawer-footer-gap);padding-block:var(--drawer-padding-block);padding-inline:var(--drawer-padding-inline);border-block-start:var(--drawer-section-border);background:var(--drawer-footer-background);flex-shrink:0;margin-block-start:auto;padding-block-end:max(var(--drawer-padding-block), env(safe-area-inset-bottom));display:flex}@container (inline-size<26rem){.vds-drawer-footer{flex-direction:column-reverse}.vds-drawer-footer>*{inline-size:100%}}.vds-drawer-content[data-keyboard-open][data-direction=bottom],.vds-drawer-content[data-keyboard-open][data-direction=top]{block-size:calc(var(--vds-drawer-available-size) - var(--vds-drawer-keyboard-inset,0px));overflow-y:auto}.vds-drawer-content[data-keyboard-open][data-direction=bottom] .vds-drawer-body,.vds-drawer-content[data-keyboard-open][data-direction=top] .vds-drawer-body{flex:none;min-block-size:auto;overflow:visible}.vds-drawer-content[data-keyboard-open] .vds-drawer-footer{margin-block-start:0}[data-vds-drawer-wrapper]{--vds-drawer-duration:var(--vds-duration-slower);--vds-drawer-ease:var(--vds-ease-ios);transition:transform var(--vds-drawer-duration) var(--vds-drawer-ease), border-radius var(--vds-drawer-duration) var(--vds-drawer-ease);transform-origin:top;will-change:transform, border-radius;overflow:hidden}}