.bg-brand{background:var(--brand-600)}.drawer-backdrop{background:#0000003d}.drawer{background:var(--bgLayer1);height:100%;box-shadow:none;border-radius:24px 0 0 24px;padding:16px;width:40vw!important;max-width:40vw!important}.drawer.bg-brand{background:var(--brand-600)}.drawer.bg-reverse{background:linear-gradient(153deg,#faf7e8 0%,#f5f5f5 48%,#e6f3f7 100%)}.drawer-header{padding-top:16px}.drawer-close{color:var(--textInactive);background:0 0;justify-content:center;align-items:center;display:inline-flex}.drawer-close:hover{color:var(--textBody)}