.np-drawer{display:flex;flex-direction:column;justify-content:space-between;width:100vw;max-width:600px;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}@media (max-width:770px){.np-drawer{max-width:none}}.np-drawer .np-drawer-header{display:flex;align-items:center;flex-wrap:nowrap;min-height:56px;min-height:var(--size-56);padding:24px 16px;padding:var(--size-24) var(--size-16)}.np-theme-personal .np-drawer .np-drawer-header{padding:24px;padding:var(--size-24)}@media (max-width:320px){.np-theme-personal .np-drawer .np-drawer-header{padding:16px;padding:var(--size-16)}}.np-theme-personal .np-drawer .np-drawer-header .np-close-button{margin-top:calc(8px * -1);margin-top:calc(var(--size-8) * -1);margin-right:calc(8px * -1);margin-right:calc(var(--size-8) * -1);margin-bottom:calc(8px * -1);margin-bottom:calc(var(--size-8) * -1)}.np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-theme-personal .np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.10196);box-shadow:inset 0 -1px 0 0 var(--color-border-neutral)}.np-drawer .np-drawer-header .np-text-title-body{margin-right:16px;margin-right:var(--size-16);font-size:1.125rem;font-size:var(--font-size-18);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-negative-xs);line-height:1.5rem;line-height:var(--line-height-24)}.np-drawer .np-drawer-header .np-close-button{margin-left:auto}.np-drawer .np-drawer-header .tw-icon{display:block;cursor:pointer;fill:#00b9ff}.np-drawer .np-drawer-content{overflow-y:auto;flex:1 1}.np-drawer .np-drawer-content .np-theme-personal{background-color:transparent}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:16px;padding:var(--size-16)}.np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #e2e6e8}.np-theme-personal .np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 rgba(0,0,0,.10196);box-shadow:inset 0 1px 0 0 var(--color-border-neutral)}@media (min-width:768px){.np-drawer .np-drawer-header{padding:32px 24px;padding:var(--size-32) var(--size-24)}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer,.np-theme-personal .np-drawer .np-drawer-header{padding:24px;padding:var(--size-24)}}