.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:450px;background-color:var(--color-white);border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);overflow-y:auto;transform:translate(0)}.drawer[data-entering]{animation:drawer-enter .25s ease-out}.drawer[data-exiting]{animation:drawer-enter .2s ease-in reverse}.drawer__dialog{display:flex;flex-direction:column;outline:none;height:100%}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing);padding-bottom:calc(var(--spacing) / 2);flex-shrink:0}.drawer__title-group{display:flex;align-items:center;gap:var(--spacing-xs)}.drawer__title{font-weight:var(--font-weight-regular);font-size:1.75rem}.drawer__badge{border-radius:var(--border-radius-full);background-color:var(--_badge-background, var(--color-text));color:var(--_badge-color, var(--color-white));width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md)}.drawer__body{flex:1;overflow-y:auto;position:relative;padding:var(--spacing);padding-top:calc(var(--spacing) / 2)}.drawer-overlay{position:fixed;inset:0;color:var(--color-text);background-color:#00000080;z-index:100}.drawer-overlay~.drawer-overlay{background-color:transparent}.drawer-overlay[data-entering]{animation:drawer-overlay-enter .2s ease-out}.drawer-overlay[data-exiting]{animation:drawer-overlay-enter .2s ease-in reverse}@keyframes drawer-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}