@charset "utf-8";

._aside_labcc_6 { --height: 100vh; position: fixed; z-index: var(--z-index-aside); top: 0px; display: grid; grid-template-rows: auto 1fr; width: 100%; max-width: 355px; height: var(--height); visibility: visible; opacity: 1; background: var(--color-light); }

._aside_labcc_6[data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running slide-right-in; }

._aside_labcc_6[data-state="closed"] { animation: 0.2s ease-in 0s 1 normal none running slide-left-out; }

@media screen and (min-width: 768px) {
  ._aside_labcc_6 { top: 30px; right: 30px; overflow: hidden; max-width: 500px; height: calc(-60px + 100vh); border-radius: 8px; }
  ._aside_labcc_6[data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running slide-left-in; }
  ._aside_labcc_6[data-state="closed"] { animation: 0.2s ease-in 0s 1 normal none running slide-right-out; }
}

._header_labcc_53 { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 8px 20px; }

._title-wrapper_labcc_62 { display: flex; gap: 8px; align-items: center; }

._heading_labcc_68 { font: 500 16px / 100% bryant, "bryant Fallback", sans-serif; text-transform: uppercase; letter-spacing: 4px; }

._subheading_labcc_74 { font: 400 12px / 140% "Open Sans", "Open Sans Fallback", sans-serif; color: rgb(96, 101, 98); text-transform: uppercase; }

._close_labcc_80 { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0px; padding: 0px; color: rgb(0, 0, 0); text-decoration: none; background: none; border: 0px; }

._main_labcc_99 { overflow: hidden; display: flex; flex-direction: column; height: 100%; }

._overlay_labcc_106 { position: fixed; z-index: var(--z-index-aside); inset: 0px; background-color: rgba(0, 0, 0, 0.5); }

._overlay_labcc_106[data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running fade-in; }

._overlay_labcc_106[data-state="closed"] { animation: 0.2s ease-in 0s 1 normal none running fade-out; }