.drawer{border:1px solid var(--color-darkred);margin:0 auto 1rem;width:100vw}.drawer-header{display:flex;justify-content:space-between;background-color:var(--color-darkred)}.drawer-header-content{flex-grow:1;padding:0 10px;color:var(--color-off-white)!important;min-height:3.5rem}.drawer-header-button,.drawer-header-content h1,.drawer-header-content h2,.drawer-header-content h3{align-self:center;color:var(--color-off-white)!important;cursor:pointer}.drawer-header-button{padding:.5rem;margin-right:.5rem;border:1px solid var(--color-off-white);border-radius:5px;font-weight:500;font-size:1.5rem}.drawer-header-toggle{flex-basis:48px;padding:5px}.drawer-body{background-color:rgba(var(--color-darkred-rgb),.05);max-height:0;overflow:hidden;transition:height .25s ease}.drawer-body,.drawer-body.open{transition:max-height .25s ease}.drawer-body.open{max-height:100%;padding:1rem}.drawer-body.open.resizable{max-height:50vh;resize:vertical;overflow:auto;transition:max-height .25s ease}.nopadding{padding:0!important}@media screen and (min-width:700px){.drawer{margin:0;width:unset}.drawer-header-content{flex-direction:column;align-items:end}.drawer-body{background-color:rgba(var(--color-darkred-rgb),.05);overflow:hidden}.drawer-body.open{max-height:var(--v006d8df6);overflow:var(--v635e6f68);padding:1rem}.drawer-body.open.resizable{max-height:50vh;resize:vertical;overflow:var(--v635e6f68)}}