@charset "utf-8";

.app-side-nav[data-v-a1170cdb] { inset: 0px; position: fixed; z-index: 20; }

.app-side-nav .holder[data-v-a1170cdb] { background: rgb(255, 255, 255); display: flex; flex-direction: column; height: 100%; justify-content: space-between; }

.app-side-nav .holder .nav-header[data-v-a1170cdb] { align-items: center; box-shadow: rgba(154, 164, 184, 0.12) 0px 6px 18px -4px, rgba(154, 164, 184, 0.06) 0px 1px 4px -2px; display: flex; height: 64px; justify-content: space-between; padding: 0px 24px; z-index: 1; }

.app-side-nav .holder .nav-header .btn-sign-up[data-v-a1170cdb] { border: 1px solid rgb(64, 64, 64); border-radius: 999px; color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; letter-spacing: 0.56px; line-height: 18px; padding: 6px 16px; }

.app-side-nav .holder .nav-body[data-v-a1170cdb] { display: flex; flex: 1 1 0%; flex-direction: column; gap: 64px; overflow: auto; padding: 24px; }

.app-side-nav .holder .nav-body .region-selector[data-v-a1170cdb] { margin-top: auto; }

.app-side-nav .holder .nav-footer[data-v-a1170cdb] { box-shadow: rgba(154, 164, 184, 0.15) 0px -7px 22px -4px, rgba(154, 164, 184, 0.04) 0px -1px 4px -2px; padding: 16px 24px; }

.app-side-nav .holder .nav-footer button[data-v-a1170cdb] { width: 100%; }

@media screen and (min-width: 768px) {
  .app-side-nav .holder[data-v-a1170cdb] { margin-left: auto; width: 420px; }
}

@media screen and (min-width: 1024px) {
  .app-side-nav .holder .nav-header[data-v-a1170cdb] { height: 40px; }
  .app-side-nav .holder .nav-header .btn-sign-up[data-v-a1170cdb] { padding: 4px 16px; }
}

@media screen and (min-width: 1280px) {
  .app-side-nav .holder .nav-header[data-v-a1170cdb] { padding: 0px 40px; }
  .app-side-nav .holder .nav-body[data-v-a1170cdb] { padding: 20px 40px; }
  .app-side-nav .holder .nav-footer[data-v-a1170cdb] { padding: 16px 40px; }
}