.ds-drawer{--c-control-label:var(--c-drawer-text);--c-control-desc:var(--c-drawer-text);--c-radio-label:var(--c-drawer-text);top:var(--drawer-top);right:var(--drawer-offset);z-index:var(--z-popover);box-sizing:border-box;width:var(--drawer-w);max-width:calc(var(--size-full) - var(--drawer-offset) * 2);height:calc(var(--size-viewport) - var(--drawer-top) - var(--drawer-offset));padding:var(--drawer-pad);border-radius:var(--drawer-radius);background:var(--c-drawer-bg);color:var(--c-drawer-text);box-shadow:var(--sh-drawer);flex-direction:column;display:flex;position:fixed}.ds-drawer[data-state=closed]{display:none}.ds-drawer-head{padding-bottom:var(--drawer-head-pad-b);flex-shrink:0;justify-content:flex-end;display:flex}.ds-drawer-close{width:var(--drawer-close);height:var(--drawer-close);padding:var(--sp-0);border:var(--bw-0);border-radius:var(--r-full);background:var(--c-drawer-close-bg);color:var(--c-drawer-text);box-shadow:var(--sh-drawer-close);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.ds-drawer-close:before{content:"";inset:var(--sp-0);padding:var(--bw-1);border-radius:inherit;background:var(--bg-drawer-ring);pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ds-drawer-close:hover{background:var(--c-drawer-close-hover)}.ds-drawer-close:focus-visible{outline:var(--bw-2) solid var(--c-control-focus);outline-offset:var(--control-focus-offset)}.ds-drawer-close svg{width:var(--icon-m);height:var(--icon-m)}.ds-drawer-body{gap:var(--drawer-gap);min-height:var(--sp-0);padding:var(--sp-0) var(--drawer-content-pad-x);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ds-drawer-footer{gap:var(--drawer-footer-gap);padding:var(--drawer-footer-pad-t) var(--drawer-content-pad-x) var(--sp-0);flex-direction:column;flex-shrink:0;display:flex}