.drawer{background-color:var(--spexoBlue);z-index:10;width:0;height:100%;transition:all .4s ease-in-out;position:fixed;top:0;right:0;box-shadow:0 0 10px #00000080}.open{width:auto;transform:translate(0)}.titleBar{background-color:var(--spexoOrange);justify-content:space-between;display:flex}.drawerTitle{color:var(--spexoBlue);text-align:center;padding:.5em;font-size:1em;font-weight:700}.drawerCloseButton{color:var(--spexoBlue);cursor:pointer;background-color:#0000;border:none;padding:.5em;font-size:1em;font-weight:700;right:0}.drawerCloseButton:hover{background-color:var(--spexoBlue);color:var(--spexoOrange);border:var(--spexoDark)solid 1px}.backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9;background-color:#0000001a;width:100%;height:100%;position:fixed;top:0;left:0}