@layer components{.ds-drawer{--ds-drawer-animation:var(--ds-duration-500) var(--ds-easing-out);--ds-drawer-header-bg:var(--ds-c-grey-0);--ds-drawer-content-bg:var(--ds-c-grey-0);--ds-drawer-padding-block-start:2.375rem;--ds-drawer-padding-block-end:var(--ds-space-6);--ds-drawer-padding-inline-start:var(--ds-space-6);--ds-drawer-padding-inline-end:var(--ds-space-6);background-color:#0000;border:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0;position:fixed;inset:0;overflow:visible}.ds-drawer::backdrop{background-color:var(--ds-overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ds-drawer__inner{background-color:var(--ds-drawer-content-bg);height:100%;transition:transform var(--ds-drawer-animation);border-radius:var(--ds-border-radius) 0 0 var(--ds-border-radius);box-shadow:var(--ds-shadow-lg);width:100%;max-width:35rem;padding:var(--ds-drawer-padding-block-start) var(--ds-drawer-padding-inline-end) var(--ds-drawer-padding-block-end) var(--ds-drawer-padding-inline-start);flex-direction:column;display:flex;position:absolute;overflow:hidden}.ds-drawer__inner:focus-visible{outline:none}@media (max-width:575.98px){.ds-drawer__inner{--ds-drawer-padding-block-start:max(var(--ds-space-3), env(safe-area-inset-top,0px));--ds-drawer-padding-block-end:max(var(--ds-space-4), env(safe-area-inset-bottom,0px));--ds-drawer-padding-inline-start:max(var(--ds-space-3), env(safe-area-inset-left,0px));--ds-drawer-padding-inline-end:max(var(--ds-space-3), env(safe-area-inset-right,0px));min-width:100%;min-height:100dvh}}.ds-drawer__close.ds-button{top:var(--ds-space-5);right:var(--ds-space-5);z-index:1;position:absolute}@media (max-width:575.98px){.ds-drawer__close.ds-button{top:max(var(--ds-space-3), env(safe-area-inset-top,0px));right:max(var(--ds-space-3), env(safe-area-inset-right,0px))}}.ds-drawer__header{background-color:var(--ds-drawer-header-bg);border-radius:0 0 var(--ds-border-radius) var(--ds-border-radius);margin:0;margin-bottom:var(--ds-space-3);flex:none}.ds-drawer__header:empty{margin:0;padding:0}@media (max-width:575.98px){.ds-drawer__header:not(:empty){padding-right:calc(max(var(--ds-space-3), env(safe-area-inset-right,0px)) + 2rem + var(--ds-space-2))}}.ds-drawer__content{min-height:0;margin-inline:calc(-1 * var(--ds-drawer-padding-inline-start)) calc(-1 * var(--ds-drawer-padding-inline-end));padding-inline:var(--ds-drawer-padding-inline-start) var(--ds-drawer-padding-inline-end);overscroll-behavior:contain;color:var(--ds-c-grey-700);margin-bottom:var(--ds-space-3);flex:auto;overflow-y:auto}.ds-drawer__content:empty{margin:0;padding:0}.ds-drawer__footer{justify-content:flex-end;gap:var(--ds-space-3);flex-wrap:wrap;flex:none;display:flex}.ds-drawer__footer:empty{margin:0;padding:0}.ds-drawer--right .ds-drawer__inner{top:0;left:auto;right:0}@media (max-width:575.98px){.ds-drawer--right .ds-drawer__inner{border-radius:0;width:100%;height:100%;inset:0}}.ds-drawer--left .ds-drawer__inner{border-radius:0 var(--ds-border-radius) var(--ds-border-radius) 0;top:0;left:0;right:auto}@media (max-width:575.98px){.ds-drawer--left .ds-drawer__inner{border-radius:0;width:100%;height:100%;inset:0}}.ds-drawer--bottom .ds-drawer__inner{border-radius:var(--ds-border-radius) var(--ds-border-radius) 0 0;width:100%;height:80%;bottom:0;left:0}@media (max-width:575.98px){.ds-drawer--bottom .ds-drawer__inner{border-radius:0;height:100%;inset:0}}.ds-drawer--primary{--ds-drawer-header-bg:var(--ds-c-grey-100)}.ds-drawer--secondary{--ds-drawer-content-bg:var(--ds-c-grey-100)}.ds-drawer--secondary .ds-drawer__header{border-radius:0}.ds-drawer--secondary .ds-drawer__content{border-radius:var(--ds-border-radius) var(--ds-border-radius) 0 0}.ds-drawer--opening::backdrop{animation:fade-in var(--ds-drawer-animation) forwards}.ds-drawer--opening.ds-drawer--right .ds-drawer__inner{animation:slide-in-right var(--ds-drawer-animation)}@media (max-width:575.98px){.ds-drawer--opening.ds-drawer--right .ds-drawer__inner{animation:slide-in-bottom var(--ds-drawer-animation)}}.ds-drawer--opening.ds-drawer--left .ds-drawer__inner{animation:slide-in-left var(--ds-drawer-animation)}@media (max-width:575.98px){.ds-drawer--opening.ds-drawer--left .ds-drawer__inner{animation:slide-in-bottom var(--ds-drawer-animation)}}.ds-drawer--opening.ds-drawer--bottom .ds-drawer__inner{animation:slide-in-bottom var(--ds-drawer-animation)}.ds-drawer--closing::backdrop{animation:fade-out var(--ds-drawer-animation) forwards}.ds-drawer--closing.ds-drawer--right .ds-drawer__inner{animation:slide-out-right var(--ds-drawer-animation)}@media (max-width:575.98px){.ds-drawer--closing.ds-drawer--right .ds-drawer__inner{animation:slide-out-bottom var(--ds-drawer-animation)}}.ds-drawer--closing.ds-drawer--left .ds-drawer__inner{animation:slide-out-left var(--ds-drawer-animation)}@media (max-width:575.98px){.ds-drawer--closing.ds-drawer--left .ds-drawer__inner{animation:slide-out-bottom var(--ds-drawer-animation)}}.ds-drawer--closing.ds-drawer--bottom .ds-drawer__inner{animation:slide-out-bottom var(--ds-drawer-animation)}}