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