.drawer{--box-shadow-height:50px;--drawer-width:100dvw;--drawer-x-padding:24px;--drawer-z-index:130;height:100%;min-height:100dvh;overflow:auto;width:100dvw;width:var(--drawer-width);-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;-webkit-box-shadow:0 18px 88px -4px rgba(65,65,65,.2),0 8px 28px -6px rgba(65,65,65,.149);box-shadow:0 18px 88px -4px rgba(65,65,65,.2),0 8px 28px -6px rgba(65,65,65,.149);-ms-flex-direction:column;flex-direction:column;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-ms-overflow-style:none;scrollbar-width:none}.drawer::-webkit-scrollbar{display:none}@media screen and (min-width:880px)and (max-width:1199px){.drawer{--drawer-width:424px}}@media screen and (min-width:1200px){.drawer{--drawer-x-padding:40px;--drawer-width:448px}}.drawer__header{display:-webkit-box;display:-ms-flexbox;display:flex;position:sticky;top:0;z-index:11;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;gap:24px;padding:16px var(--drawer-x-padding);-webkit-transition:-webkit-box-shadow .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-box-shadow .3s cubic-bezier(.645,.045,.355,1);transition:box-shadow .3s cubic-bezier(.645,.045,.355,1);transition:box-shadow .3s cubic-bezier(.645,.045,.355,1),-webkit-box-shadow .3s cubic-bezier(.645,.045,.355,1)}.drawer__title{-webkit-box-flex:1;color:#202020;-ms-flex:1;flex:1;font-family:BrownBold,sans-serif;font-size:2rem;font-weight:700;line-height:135%}.drawer__title:first-letter{text-transform:capitalize}.drawer__container{padding:0 var(--drawer-x-padding) 16px}.drawer__overlay{--drawer-z-index:130;background-color:#323232;bottom:0;display:block;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1);transition:opacity .5s cubic-bezier(.645,.045,.355,1);width:100vw;z-index:129;z-index:calc(var(--drawer-z-index) - 1)}.drawer__overlay--visible{opacity:.25;pointer-events:auto}.drawer--display{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;z-index:var(--drawer-z-index)}@media screen and (max-width:879px){.drawer--display{left:0;top:calc(100dvh + var(--box-shadow-height))}}@media(min-width:880px){.drawer--display{right:calc((var(--drawer-width) + var(--box-shadow-height))*-1);top:0}}@media screen and (max-width:879px){.drawer--visible{-webkit-transform:translateY(calc((100dvh + var(--box-shadow-height))*-1));transform:translateY(calc((100dvh + var(--box-shadow-height))*-1))}}@media(min-width:880px){.drawer--visible{-webkit-transform:translateX(calc((var(--drawer-width) + var(--box-shadow-height))*-1));transform:translateX(calc((var(--drawer-width) + var(--box-shadow-height))*-1))}}.drawer--scrolled .drawer__header{-webkit-box-shadow:0 2px 8px -6px rgba(65,65,65,.149),0 6px 16px 6px rgba(65,65,65,.102);box-shadow:0 2px 8px -6px rgba(65,65,65,.149),0 6px 16px 6px rgba(65,65,65,.102)}html.scrollbar-gutter-stable{scrollbar-gutter:stable}