@keyframes ds-drawer-slide-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.ds-drawer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;touch-action:none;overscroll-behavior:none;background:#0000007a}.ds-drawer-spring{display:flex;flex-direction:column;width:100%;max-width:100%}.ds-drawer{display:flex;flex-direction:column;width:100%;background:rgba(var(--b),var(--fds-ref-alpha-100));border-radius:var(--fds-ref-radius-medium) var(--fds-ref-radius-medium) 0 0;overflow:hidden;transform:translate3d(0,100%,0);animation:ds-drawer-slide-up var(--default-transition-duration) var(--default-transition-delay) ease forwards}.ds-drawer--full{min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh}.ds-drawer--full .ds-drawer__content{padding:0 var(--fds-ref-spacing-large)}.ds-drawer--contained{max-height:80vh;max-height:80dvh}.ds-drawer--contained .ds-drawer__content{padding:0 var(--fds-ref-spacing-large)}.ds-drawer__header{position:sticky;top:0;z-index:30;background:rgba(var(--b),var(--fds-ref-alpha-100));flex-shrink:0;touch-action:none}.ds-drawer__drag-handle{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--fds-ref-spacing-large) 0;cursor:grab;flex-shrink:0;user-select:none;-webkit-user-select:none;touch-action:none}.ds-drawer__drag-handle:active{cursor:grabbing}.ds-drawer__drag-bar{width:var(--fds-sem-dimension-medium);height:var(--fds-sem-dimension-4xsmall);border-radius:var(--fds-ref-radius-full);background:rgba(var(--b-sc),var(--fds-ref-alpha-56))}.ds-drawer__title-bar{display:flex;align-items:center;width:100%;padding:var(--fds-ref-spacing-large) 0;flex-shrink:0}.ds-drawer__title-content{display:flex;align-items:center;gap:var(--fds-ref-spacing-xsmall);width:100%;padding:0 var(--fds-ref-spacing-large)}.ds-drawer__title-icon{width:var(--fds-sem-dimension-xsmall-nudge);height:var(--fds-sem-dimension-xsmall-nudge);flex-shrink:0;color:rgba(var(--b-sc),var(--fds-ref-alpha-90))}.ds-drawer__title-icon svg{width:100%;height:100%}.ds-drawer__title-text{flex:1 0 0;min-width:0;color:rgba(var(--b-sc),var(--fds-ref-alpha-90));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-drawer__content{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.ds-drawer__footer{display:flex;align-items:center;justify-content:center;gap:var(--fds-ref-spacing-xsmall);width:100%;max-height:var(--fds-sem-dimension-4xlarge);padding:var(--fds-ref-spacing-large);flex-shrink:0;box-sizing:border-box}