.ds-drawer{z-index:100;visibility:hidden;pointer-events:none;transition:visibility .24s;display:flex;position:fixed;inset:0}.ds-drawer--open{visibility:visible;pointer-events:auto}.ds-drawer--left{justify-content:flex-start;align-items:stretch}.ds-drawer--right{justify-content:flex-end;align-items:stretch}.ds-drawer--top{justify-content:stretch;align-items:flex-start}.ds-drawer--bottom{justify-content:stretch;align-items:flex-end}.ds-drawer__scrim{background-color:var(--color-scrim);opacity:0;transition:opacity .24s;position:absolute;inset:0}.ds-drawer--open .ds-drawer__scrim{opacity:1}.ds-drawer__panel{z-index:1;gap:var(--gap-md);padding:var(--padding-lg);background-color:var(--color-bg-page-primary);box-shadow:var(--shadow-modal);outline:none;flex-direction:column;transition:transform .24s;display:flex;position:relative;overflow:hidden}.ds-drawer--left .ds-drawer__panel{border-right:var(--border-xs) solid var(--color-bg-container-border);height:100%;transform:translate(-100%)}.ds-drawer--right .ds-drawer__panel{border-left:var(--border-xs) solid var(--color-bg-container-border);height:100%;transform:translate(100%)}.ds-drawer--top .ds-drawer__panel{border-bottom:var(--border-xs) solid var(--color-bg-container-border);width:100%;transform:translateY(-100%)}.ds-drawer--bottom .ds-drawer__panel{border-top:var(--border-xs) solid var(--color-bg-container-border);width:100%;transform:translateY(100%)}.ds-drawer--open .ds-drawer__panel{transform:translate(0)}.ds-drawer--left.ds-drawer--sm .ds-drawer__panel,.ds-drawer--right.ds-drawer--sm .ds-drawer__panel{width:320px;max-width:100vw}.ds-drawer--left.ds-drawer--md .ds-drawer__panel,.ds-drawer--right.ds-drawer--md .ds-drawer__panel{width:420px;max-width:100vw}.ds-drawer--left.ds-drawer--lg .ds-drawer__panel,.ds-drawer--right.ds-drawer--lg .ds-drawer__panel{width:560px;max-width:100vw}.ds-drawer--top.ds-drawer--sm .ds-drawer__panel,.ds-drawer--bottom.ds-drawer--sm .ds-drawer__panel{max-height:30vh}.ds-drawer--top.ds-drawer--md .ds-drawer__panel,.ds-drawer--bottom.ds-drawer--md .ds-drawer__panel{max-height:50vh}.ds-drawer--top.ds-drawer--lg .ds-drawer__panel,.ds-drawer--bottom.ds-drawer--lg .ds-drawer__panel{max-height:75vh}.ds-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--gap-md);flex-shrink:0;display:flex}.ds-drawer__heading{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.ds-drawer__title{font-family:var(--font-heading-3-family);font-size:var(--font-heading-3-size);font-weight:var(--font-heading-3-weight);line-height:var(--font-heading-3-line-height);letter-spacing:var(--font-heading-3-letter-spacing);color:var(--color-text-primary);margin:0}.ds-drawer__description{font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing);color:var(--color-text-tertiary);margin:0}.ds-drawer__close{border-radius:var(--radius-full);cursor:pointer;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .2s;display:inline-flex}.ds-drawer__close:hover{background-color:var(--color-action-passive-bg-hover)}.ds-drawer__close:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}.ds-drawer__close-icon{--icon-size:var(--icon-size-sm);color:var(--color-icon-primary);line-height:1}.ds-drawer__body{min-height:0;font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);letter-spacing:var(--font-paragraph-letter-spacing);color:var(--color-text-secondary);flex:1;overflow-y:auto}.ds-drawer__footer{justify-content:flex-end;gap:var(--gap-sm);padding-top:var(--padding-xs);flex-shrink:0;display:flex}@media (max-width:480px){.ds-drawer--left .ds-drawer__panel,.ds-drawer--right .ds-drawer__panel{width:100vw}}@media (prefers-reduced-motion:reduce){.ds-drawer,.ds-drawer__panel,.ds-drawer__scrim{transition:none}}