@font-face {
  font-family: Eudoxus Sans;
  src: url('../fonts/EudoxusSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxus Sans;
  src: url('../fonts/EudoxusSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxus Sans;
  src: url('../fonts/EudoxusSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxus Sans;
  src: url('../fonts/EudoxusSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxus Sans;
  src: url('../fonts/EudoxusSans-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxus Sans;
  src: url('../fonts/EudoxusSans-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Galleco Script;
  src: url('../fonts/Galleco-Script.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --callout-color: #ad7b2d;
  --callout-color-rgb: 173, 123, 45;
  --green: #84b801;
  --admin-border: #f0f2ef;
  --dark: #051f0e;
  --red: #ff5a1d;
  --white: #fff;
  --black: #000;
  --evergreen: #154e28;
  --evergreen-hover: #24703e;
  --navy: #0a182c;
}

body {
  color: #000;
  background-color: #f0f1ee;
  font-family: Figtree, sans-serif;
  font-size: 15.55px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.5em;
}

a {
  color: var(--callout-color);
  text-decoration: none;
  transition: all .24s;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

.page-wrapper {
  background-image: url('../images/nnnoise-1.svg');
  background-position: 0 0;
  background-size: 160px;
  min-height: 100vh;
}

.container {
  z-index: 3;
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.full-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--green);
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .23s;
  display: flex;
}

.button:hover {
  filter: brightness(110%);
  color: #fff;
}

.button.tall {
  height: 60px;
}

.button.delete {
  background-color: var(--admin-border);
  color: var(--dark);
  text-shadow: none;
}

.button.delete:hover {
  background-color: var(--red);
  filter: brightness();
  color: var(--white);
}

.hero-slide {
  aspect-ratio: 3 / 4;
  vertical-align: bottom;
  width: 360px;
  position: relative;
}

.align-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.example-hover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: #fff;
  cursor: pointer;
  background-color: #ffffff0d;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px 30px 20px 20px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.example-hover:hover {
  border-color: var(--green);
  opacity: 100;
  background-color: #6aff0012;
}

.example-hover:active {
  border-color: var(--green);
  background-color: #b0ff6f1a;
}

.admin-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.admin-wrapper.tall {
  background-color: #f8fcf9;
  background-image: url('../images/nnnoise-1.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: stretch;
}

.admin-nav {
  z-index: 9999;
  flex: none;
  width: 310px;
  height: 100vh;
  padding: 15px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.admin-content-wrapper {
  border-right: 1px solid var(--admin-border);
  border-left: 1px solid var(--admin-border);
  flex: 1;
  max-width: 1400px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: clip;
}

.admin-nav-card {
  background-color: var(--dark);
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding: 50px 30px 30px;
  display: flex;
}

.nav-down {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.admin-logo {
  width: 160px;
  margin-bottom: 20px;
  position: relative;
}

.nav-link-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.nav-link-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding: 4px;
  font-size: 14.6px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-link-row:hover {
  background-color: #ffffff0d;
}

.nav-link-row.w--current {
  background-color: #99ff0026;
}

.nav-link-icon {
  aspect-ratio: 1;
  background-color: #ffffff1a;
  background-image: url('../images/Nnnoise-2.svg');
  background-position: 0 0;
  background-size: 200px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.navicon {
  opacity: .89;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.navicon.large {
  width: 23px;
  height: 23px;
}

.navicon.med {
  width: 19px;
  height: 19px;
}

.adminpage-wrapper {
  color: #00300c;
  background-color: #f4f6f4;
  min-height: 100vh;
  margin-left: 0;
  margin-right: auto;
}

.adminpage-wrapper.nopadding {
  padding-left: 0;
}

.main-content-card {
  background-color: #ffffff2e;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: clip;
}

.main-content-card.container {
  border-right: 1px solid var(--admin-border);
  border-left: 1px solid var(--admin-border);
  background-color: #fff;
  border-radius: 0;
  min-height: 100vh;
  padding-top: 80px;
  overflow: clip;
}

.main-content-card.h4n {
  display: none;
}

.main-content-block {
  border-bottom: 1.5px solid var(--admin-border);
  padding: 40px;
}

.main-content-block.hero {
  background-color: #f0f1ee;
  padding-top: 72px;
  padding-bottom: 0;
  padding-left: 40px;
}

.main-content-block.hero.withspace {
  padding-bottom: 30px;
}

.main-content-block.spacing {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main-content-block.rightcard {
  border-left: 1px solid var(--admin-border);
  flex: none;
  width: 440px;
}

.admin-page-heading {
  margin-top: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3em;
}

.admin-page-subheading {
  opacity: .8;
  max-width: 480px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
}

.admin-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--admin-border);
  background-color: #eff5f040;
  border-radius: 5px;
  flex-flow: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.admin-card-heading {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 700;
}

.admin-card-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  display: flex;
}

.admin-card-stat {
  font-size: 42px;
  font-weight: 500;
  line-height: 1em;
}

.admin-stat-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.admin-stat-pill {
  background-color: #6ec92221;
  border: 1px solid #6ec92233;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-19 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.text-block-7 {
  opacity: .7;
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
}

.admin-section-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3em;
}

.section-icon {
  opacity: 1;
  color: var(--green);
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.admin-header-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.pagesection {
  background-color: var(--admin-border);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.pagesection.withnav {
  padding-top: 80px;
}

.birdiebotwrapper {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: auto;
  max-height: 80vh;
  padding: 80px 15px 15px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  /* CSS Isolation: Prevent inheritance from parent page */
  font-family: 'Eudoxus Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
}

/* Ensure all child elements don't inherit parent page styles */
.birdiebotwrapper *,
.birdiebotwrapper *::before,
.birdiebotwrapper *::after {
  box-sizing: border-box;
}

.birdiebotwrapper.center {
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  bottom: auto;
}

.birdiebotbutton-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.birdiebotbutton-row.hide {
  display: none;
}

.birdiebotbutton-row.right {
  margin-left: auto;
  margin-right: 30px;
}

.birdiebotbutton {
  opacity: .9;
  color: #fff;
  text-shadow: 0 1px 1px #0003;
  background-color: #a76e12;
  border: 1.5px solid #00000026;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding-left: 23px;
  padding-right: 23px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.birdiebotbutton:hover {
  opacity: 100;
}

.birdiebotbutton.square {
  background-color: var(--white);
  color: var(--dark);
  width: 55px;
  height: 55px;
  padding: 0;
}

.birdiebotbutton.square:hover {
  color: #a16c1a;
  border-color: #a16c1a;
}

.birdiebotwidget {
  color: #fff;
  background-color: #0a182a;
  border: 1px solid #fff3;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 390px;
  height: 80vh;
  max-height: 770px;
  display: none;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.birdiebotwidget[data-widget-hidden="false"] {
  display: flex;
}

.birdiebotwidget.auto {
  flex: none;
  height: 589px;
}

.birdiebotwidget.autosize {
  height: 450px;
  max-height: none;
  display: flex;
}

.birdiebotcontent {
  z-index: 9;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  padding: 10px;
  display: flex;
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.birdiebotcontent.time, .birdiebotcontent.date, .birdiebotcontent.players, .birdiebotcontent.confirm, .birdiebotcontent.complete, .birdiebotcontent.type {
  display: none;
}

.birdiebotcontent.days {
  display: flex;
}

.birdiebotnav {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff1a;
  border-radius: 10px;
  flex: none;
  display: flex;
  overflow: hidden;
}

.navlink {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  opacity: .4;
  color: #fff;
  cursor: pointer;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 2px;
  text-decoration: none;
  display: flex;
}

.navlink:hover {
  opacity: .8;
  background-color: #ffffff08;
}

.navlink.activelink {
  opacity: 100;
  color: #ad7b2d;
  background-color: #ffffff0d;
}

.navlink-icon {
  width: 22px;
  height: 22px;
}

.navlink-icon.hourglass {
  padding-top: 2px;
  padding-bottom: 2px;
}

.navlink-text {
  opacity: .8;
  color: #fff;
  font-size: 12.34px;
}

.birdiebotwidget-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 770px;
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.birdiebotwidget-row.styles-loaded {
  opacity: 1;
}

.birdiebotwidget-row.hide {
  display: none;
}

.birdiebotwidget-row.alt-center {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  max-width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.birdiebotcallout {
  color: #fff;
  background-color: #0a172a;
  border-radius: 10px;
  width: 360px;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* Hide waitlist callout by default, only show when waitlist tab is active */
/* Note: Visibility is controlled via JavaScript in widget-navigation.js */
.birdiebotcallout.waitlist-callout {
  display: none;
}

.birdiebotcallout.invis {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0a172a33;
  border: 1.5px solid #ffffff0d;
  flex: none;
}

.birdiebothero {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.birdiebothero.left {
  padding-left: 0;
}

.birdiebothero-heading {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3em;
}

.birdiebothero-heading.large {
  font-size: 23px;
}

.birdiebothero-subheading {
  opacity: .8;
  font-size: 15px;
  line-height: 1.5em;
}

.birdiebotchat-wrapper {
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: hidden;
  min-height: 0;
}

.birdiebotchat-window {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
  overflow-y: auto;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

.birdiebotwidget-background {
  position: absolute;
  inset: 0%;
}

.birdiebotwidget-background.none {
  display: none;
}

.backgroundoverlay {
  background-image: linear-gradient(#0a172ab3, #0a172a 30%);
  position: absolute;
  inset: 0%;
}

.birdiebotchat-field {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 10px 15px 15px;
  display: flex;
}

.birdiebotchat-pills {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  display: flex;
}

.birdiebotpills {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.birdiebotpills:hover {
  background-color: #ffffff1a;
  border-color: #ad7b2d;
}

.birdiebot-form {
  margin-bottom: 0;
}

.birdiebotchat-block {
  z-index: 999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #0a172a;
  border-top: 1px solid #ffffff1a;
  flex-flow: column;
  flex: none;
  padding: 10px 10px 0;
  display: flex;
  position: sticky;
  bottom: 0px;
}

.birdiebotchat-block.bottom {
  padding-bottom: 10px;
  bottom: 0;
}

.backgroundimage {
  width: 100%;
}

.form {
  height: 90px;
}

.form-2 {
  flex-flow: column;
  display: flex;
}

.birdiebotchat-send {
  opacity: .8;
  background-color: #ae7b2d;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  padding-left: 2px;
  display: flex;
  position: absolute;
  inset: auto 15px 5px auto;
}

.birdiebotchat-send:hover {
  opacity: 100;
}

.birdiebotchat-send._10bott {
  margin-bottom: 10px;
}

.sendchat-icon {
  color: #fff;
  width: 15px;
  height: 15px;
}

.birdiebotmessage-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-left: 25px;
  display: flex;
}

.birdiebotmessage-wrapper.received {
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 25px;
}

.birdiebotmessage-bubble {
  background-color: #ffffff1a;
  border-radius: 10px 10px 10px 0;
  padding: 15px;
  font-size: 15px;
  line-height: 1.5em;
}

.birdiebotmessage-bubble p {
  font-size: 15px;
  line-height: 1.5em;
  margin: 0;
}

.birdiebotmessage-bubble.sent {
  color: #000;
  background-color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}

.birdiebotmessage-info {
  opacity: .4;
  font-size: 13px;
}

.poweredbirdiebot {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .5;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.poweredbirdiebot.rel {
  position: relative;
}

.poweredbirdiebot.moved {
  inset: auto auto -33px 0%;
}

.poweredbirdiebot-logo {
  width: 80px;
}

.birdiebotwaitlist-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.birdiebotwaitlist-hero {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.birdiebotwaitlist-hero.stacked {
  flex-flow: column;
  padding-bottom: 0;
}

.birdiebotwaitlist-hero.more-top {
  padding-top: 60px;
}

.birdiebotwaitlist-hero.more-left {
  padding-top: 9px;
  padding-bottom: 18px;
  padding-left: 10px;
}

.birdiebotlogo-icon {
  border-radius: 10px;
  flex: none;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
}

.birdiebotwaitlist-step {
  opacity: .7;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border-radius: 10px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.birdiebotwaitlist-step.active {
  opacity: 1;
  color: #0a172a;
  background-color: #fff;
}

.birdiebotwaitlist-step.success {
  opacity: 100;
  background-color: #ad7b2d;
}

.birdiebotwaitlist-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1.5px solid #0a172a1a;
  justify-content: flex-start;
  align-items: center;
  height: 45px;
  padding-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  position: relative;
}

.waitlistnumber {
  opacity: .5;
  margin-top: -2px;
  font-family: Galleco Script, Arial, sans-serif;
  font-size: 18px;
}

.waitliststep-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  padding: 15px;
  display: flex;
}

.waitlistselect-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .8;
  color: #000;
  background-color: #0a172a0d;
  border: 1.5px solid #09162b0d;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  padding: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.waitlistselect-row:hover {
  opacity: 1;
  border-color: #091629;
  text-decoration: none;
}

.waitlistselect-row.selected {
  opacity: 100;
  color: #fff;
  background-color: #091629;
}

.waitlistselect-row.selected:hover {
  border-color: transparent;
}

.waitlistselect-row.short {
  opacity: .6;
  background-color: #0a172a1a;
  border-radius: 7px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 38px;
  font-size: 13px;
}

.waitlistselect-row.short:hover {
  opacity: 100;
}

.waitlistselect-row.form {
  background-color: #0a172a00;
  border-color: #09162b1a;
  align-items: stretch;
  margin-bottom: 5px;
}

.waitlistselect-row.wide {
  padding-left: 13px;
  padding-right: 14px;
}

.waitlistrow-iconblock {
  background-color: #ffffff1a;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 39px;
  display: flex;
}

.waitlistrow-icon {
  width: 20px;
  height: 20px;
}

.waitlistlabel {
  opacity: .5;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11.22px;
  font-weight: 500;
  overflow: visible;
}

.waitlistbutton {
  color: #fff;
  background-color: #ad7b2d;
  border: 1.5px solid #ad7b2d;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  margin-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.waitlistbutton:hover {
  filter: brightness(110%);
  background-color: #ad7b2d;
  border-color: #ad7b2d;
  text-decoration: none;
}

.waitlistbutton.dark {
  background-color: #091629;
  border-color: #ffffff4d;
}

.buttonicon {
  width: 18px;
  height: 18px;
}

.buttonicon.large {
  width: 24px;
  height: 24px;
}

.waitliststep-check {
  color: #fff;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  position: absolute;
  inset: auto 15px auto auto;
}

.waitlistcalendar-block {
  border: 1.5px solid #0a172a1a;
  border-radius: 10px;
  flex-flow: column;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.waitlistcalendar-month {
  background-color: #0916290d;
  border-bottom: 1px solid #0a172a1a;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  display: flex;
}

.waitlistcalendar-days {
  flex-flow: wrap;
  flex: 1;
  margin-bottom: -1px;
  margin-right: -1px;
  display: flex;
  overflow: hidden;
}

.waitlistcalendar-day {
  aspect-ratio: 1;
  color: #0a172a;
  border-bottom: 1px solid #0a172a1a;
  border-right: 1px solid #0a172a1a;
  justify-content: center;
  align-items: center;
  width: 14.28%;
  height: 36px;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.waitlistcalendar-day:hover {
  background-color: #0916290d;
}

.waitlistcalendar-day.selected {
  color: #fff;
  background-color: #0a172a;
}

.waitlistcalendar-day.empty {
  background-color: #0916290d;
}

.waitlistcalendar-dotw {
  background-color: #0916290d;
  border-bottom: 1px solid #0a172a1a;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  display: flex;
}

.calendarday {
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  display: flex;
}

.alignrow {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.alignrow.aligncenter {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
}

.alignrow.aligncenter._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.alignrow.aligncenter.fill {
  flex: 1;
}

.alignrow.alignbottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.alignrow._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.alignrow._25 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  text-align: right;
}

.waitlistselect-player {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .8;
  color: #000;
  background-color: #0a172a0d;
  border: 1.5px solid #09162b0d;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.waitlistselect-player:hover {
  opacity: 1;
  border-color: #091629;
}

.waitlistselect-player.selected {
  opacity: 100;
  color: #fff;
  background-color: #091629;
}

.waitlistcopy {
  font-weight: 500;
  line-height: 1.4em;
}

.textcallout {
  color: #ad7b2d;
}

.invisifield {
  color: #000;
  border: 1px #000;
  margin-bottom: 0;
  padding-left: 0;
}

.invisifield.padded {
  padding-left: 10px;
}

.form-block {
  margin-bottom: 0;
}

.birdiebotwaitlist-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.stepstab {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #fff3;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.stepstab.active {
  color: #000;
  background-color: #fff;
}

.stepstab.success {
  background-color: #ae7b2d;
  justify-content: center;
  align-items: center;
}

.connectline {
  background-color: #fff3;
  flex: 1;
  height: 1.5px;
  margin-bottom: 20px;
}

.connectline.success {
  background-color: #ae7b2d;
}

.stepicon {
  width: 21px;
  height: 21px;
}

.stepicon.date {
  width: 20px;
  height: 20px;
}

.stepicon.check {
  width: 23px;
  height: 23px;
}

.stepblock {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .5;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 64px;
  display: flex;
}

.stepblock.active {
  opacity: 100;
}

.tabsteplabels {
  letter-spacing: 1.23px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 1rem;
}

.tabsteplabels.success {
  color: #ae7b2d;
}

.calloutcards {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.calloutcard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  padding: 14px;
  display: flex;
}

.calloutcards-heading {
  font-size: 14.6px;
  font-weight: 500;
  line-height: 1.4em;
}

.calloutcards-subheading {
  opacity: .6;
  margin-top: 4px;
  font-size: 13.7px;
  line-height: 1.4em;
}

.numbertext {
  padding-right: 5px;
  font-family: Galleco Script, Arial, sans-serif;
}

.bg-image-overlay {
  background-image: linear-gradient(74deg, #0a172a 40%, #09162a66);
  position: absolute;
  inset: 0%;
}

.birdiebotnavbar {
  z-index: 99;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #ddd0;
  border-bottom: 1.5px solid #ffffff1a;
  height: 100px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.birdiebotnavbar.admin {
  background-color: var(--black);
}

.birdiebotnavbar.mockview {
  height: 90px;
  padding-left: 10px;
  position: absolute;
  inset: 0% 0% auto;
}

.birdiebotcontainer {
  width: 1200px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.birdiebotcontainer.navbarcontainer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbarlink {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .7;
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 5px 15px;
  font-size: 15px;
  line-height: 1rem;
  text-decoration: none;
  display: flex;
}

.navbarlink:hover {
  opacity: 1;
}

.navbarlink.w--current {
  opacity: 100;
  color: #fff;
}

.navbarlink.profilelink {
  background-color: #ffffff0d;
  margin-left: 10px;
  padding-left: 7px;
}

.navbarlogo {
  width: 80px;
  border-radius: 10px;
}

.navbarlogo.birdiebot {
  width: 135px;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.profilecircle {
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.profileicon {
  width: 15px;
  height: 15px;
}

.chatwidget-icon {
  width: 27px;
  height: 27px;
}

.birdiebotbuttons-col {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.birdiebotbutton-question {
  opacity: 0;
  color: #000;
  background-color: #fff;
  border: 1.5px solid #00000026;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 23px;
  padding-right: 23px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateX(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.birdiebotbutton-question.animate-in {
  opacity: .9;
  transform: translateX(0);
}

.birdiebotbutton-question:hover {
  opacity: 100;
  border-color: #c2821b;
}

.birdiebotlabel {
  opacity: .7;
  line-height: 1em;
}

.contentcard {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.contentrow {
  border-bottom: 1px solid #ffffff0d;
  margin-bottom: -1px;
  display: flex;
}

.contentrow.rowheader {
  background-color: #ffffff0d;
  border-bottom: 1px solid #ffffff0d;
}

.contentitem {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  font-size: 14.6px;
  line-height: 1rem;
  display: flex;
}

.linkblock {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #a76e12;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.linkblock:hover {
  filter: brightness(110%);
}

.birdiebotcourse-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.linedivider {
  background-color: #0000001a;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.columnsflex {
  flex: 1;
  display: flex;
  overflow: scroll;
}

.tabscolumn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid var(--admin-border);
  background-color: #fafdfa;
  flex-flow: column;
  width: 300px;
  height: 100%;
  padding: 15px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.tabscontent {
  flex: 1;
  padding: 40px;
  overflow: scroll;
}

.tabscontent.flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
  overflow: scroll;
}

.tabscontent.flex.top {
  justify-content: flex-start;
  align-items: flex-start;
  overflow: clip;
}

.tabslink {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  color: #051f0d;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tabslink:hover {
  background-color: #f5f6f5;
  border-color: #051f0e36;
}

.tabslink.new {
  z-index: 99;
  background-color: var(--admin-border);
  height: 45px;
  position: sticky;
  top: 0;
}

.tabslink.new:hover {
  background-color: #d4dacc;
  border-color: #d4dacc;
}

.tabslink.active {
  border-color: var(--green);
  opacity: 100;
  background-color: #84b8041a;
}

.tablink-icon {
  aspect-ratio: 1;
  border: 1px solid var(--admin-border);
  background-color: var(--admin-border);
  color: #051f0d;
  background-image: url('../images/Nnnoise-2.svg');
  background-position: 0 0;
  background-size: 200px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 42px;
  display: flex;
  overflow: hidden;
}

.tablink-icon.active {
  background-color: var(--green);
  color: #fff;
}

.tablink-icon.empty {
  background-color: #e5e9df00;
  border-style: none;
}

.tabslink-subtext {
  opacity: .4;
  font-size: 13px;
  font-weight: 500;
}

.tabslink-label {
  font-size: 15px;
  font-weight: 500;
}

.fieldlabel {
  opacity: .5;
  color: var(--dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 7px;
  padding-left: 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3em;
}

.fieldlabel.dividelabel {
  opacity: .2;
  margin-bottom: 0;
}

.fieldlabel.dividelabel.dark {
  opacity: .5;
}

.textfield {
  border: 1.5px solid var(--admin-border);
  color: #001305;
  border-radius: 10px;
  height: 55px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: 15.55px;
  font-weight: 500;
  transition: all .24s;
}

.textfield:focus {
  border-color: var(--dark);
}

.textfield::placeholder {
  color: #001305;
}

.textfield.message {
  height: 180px;
  padding: 18px;
  font-size: 15.55px;
  line-height: 1.8em;
}

.textfield.notes {
  height: 150px;
  padding: 18px 24px 24px 18px;
}

.textfield.tablefield {
  width: 240px;
  height: 44px;
  font-size: 15px;
}

.contentmain {
  flex: 1;
  max-width: 660px;
  padding: 0;
}

.contentmain.fullwidth {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.contentside {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  background-color: #e5e9df33;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  width: 321px;
  padding: 24px;
  display: flex;
}

.contentside.sticky {
  position: sticky;
  top: 100px;
}

.contentheading {
  margin-top: 0;
  font-size: 30px;
  line-height: 1.3em;
}

.contentside-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3em;
}

.contentsubheading {
  opacity: .7;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6em;
}

.contentside-subheading {
  opacity: .7;
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.5em;
}

.contentheading-block {
  margin-bottom: 30px;
}

.fieldblock {
  flex: 1;
}

.fieldblock.spacing {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.formwrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.formblock {
  margin-bottom: 0;
}

.buttonrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.buttonrow.sides {
  justify-content: space-between;
  align-items: center;
}

.buttonrow.aligncenter {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  bottom: 0;
}

.buttonrow.sticky {
  border-top: 1.5px solid var(--admin-border);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  position: sticky;
  bottom: -50px;
}

.buttonlink {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--green);
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .23s;
  display: flex;
}

.buttonlink:hover {
  filter: brightness(110%);
  color: #fff;
}

.buttonlink.delete {
  background-color: var(--admin-border);
  color: #000;
  text-shadow: none;
}

.buttonlink.delete:hover {
  background-color: var(--red);
  color: #fff;
}

.selectbutton {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  opacity: .7;
  color: #000;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.selectbutton:hover {
  opacity: 100;
  background-color: #e5e9df33;
}

.selectbutton.selected {
  border-color: var(--green);
  opacity: 100;
  background-color: #84b8041a;
}

.statcard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--admin-border);
  background-color: #fff;
  border-radius: 5px;
  flex-flow: column;
  flex: 0 auto;
  padding: 18px;
  display: flex;
}

.cardstat {
  font-size: 36px;
  font-weight: 500;
  line-height: 1em;
}

.statlabel {
  opacity: .5;
  color: var(--dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3em;
}

.statlabel.lite {
  color: var(--white);
  font-weight: 600;
}

.logincontent {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 640px;
  padding: 60px 3%;
  display: flex;
}

.loginimage-side {
  flex-flow: column;
  flex: 1;
  width: 50%;
  height: 100vh;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.loginimage {
  border-radius: 10px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.loginlogo {
  width: 160px;
  margin-top: 20px;
  margin-bottom: 60px;
  margin-left: -3px;
}

.loginblock {
  width: 100%;
  max-width: 480px;
}

.loginform-wrapper {
  background-color: #fff0;
  border-radius: 10px;
  padding: 0;
}

.loginform {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.loginheader {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2em;
}

.loginsubheader {
  color: #00300c80;
  margin-top: 10px;
  font-size: 17px;
  line-height: 1.3em;
}

.fieldrow {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.fieldrow.switchfield {
  background-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 55px;
  padding: 12px;
}

.formborder-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 9px;
  display: flex;
}

.formborder {
  background-color: var(--admin-border);
  flex: 1;
  height: 1.5px;
}

.inlinelink {
  color: #00300c99;
  font-weight: 500;
}

.inlinelink:hover {
  color: #00300c;
}

.inlinelink.red {
  color: #ff5a1d;
}

.inlinelink.red:hover {
  filter: brightness(110%);
}

.fieldtab {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--admin-border);
  opacity: .5;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding-left: 13px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.fieldtab:hover {
  opacity: 100;
}

.fieldtab.w--current {
  opacity: 100;
  color: var(--white);
  background-color: #193d23;
}

.fieldtabs-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #ffffff4a;
  border-radius: 10px;
  padding: 5px;
  display: flex;
}

.fieldtabs {
  background-color: #f2f3ef;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.fieldtab-pane {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding: 20px 0 8px;
  display: flex;
}

.tabicon {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.checkboxtext {
  margin-left: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
}

.switchwrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 93px;
  display: flex;
}

.switchblock {
  border: 1.5px solid var(--admin-border);
  opacity: .8;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 30px;
  padding: 3px;
  transition: all .23s;
  display: flex;
}

.switchblock:hover {
  opacity: 100;
  border-color: #d7dfcc;
}

.switchblock.on {
  border-color: var(--green);
  background-color: #ddf0c2;
  justify-content: flex-end;
  align-items: center;
}

.switchtext {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.switchtext.green {
  color: var(--green);
}

.switchcircle {
  background-color: var(--green);
  border-radius: 100px;
  width: 26px;
  height: 20px;
}

.switchcircle.off {
  background-color: var(--admin-border);
}

.uploadblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #00310c;
  background-color: #0000000d;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 123px;
  padding-top: 5px;
  text-decoration: none;
  display: flex;
}

.uploadblock:hover {
  background-color: #00000012;
}

.uploadicon {
  width: 33px;
  height: 33px;
}

.documentcard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  color: #051f0d;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 13px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.documentcard:hover {
  background-color: #f5f6f5;
  border-color: #051f0e36;
}

.syncedtext {
  margin-top: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2em;
}

.syncedtext.green {
  color: var(--green);
}

.widgetnav-wrapper {
  z-index: 9;
  background-color: #0a172a;
  height: 80px;
  padding: 10px;
  position: sticky;
  bottom: 0;
}

.widgetchat {
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.widgetchat::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.widgetcourse {
  flex: 1;
  display: none;
}

.widgetwaitlist {
  flex: 1;
  display: flex;
}

.tablefilters {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  width: 300px;
  padding: 18px;
  display: flex;
  position: sticky;
  top: 20px;
  box-shadow: 0 2px 6px -6px #000;
}

.tablewrapper {
  border-style: solid;
  border-width: 1.5px 1.5px 2px;
  border-color: var(--admin-border);
  border-radius: 10px;
  flex: 1;
  overflow: clip;
}

.tablerow {
  border-bottom: 1.5px solid var(--admin-border);
  background-color: #fff;
  transition: all .23s;
  display: flex;
}

.tablerow:hover {
  background-color: #fbfcfa;
}

.tablerow.header {
  z-index: 99;
  background-color: #fff;
  border-bottom-style: none;
  min-height: 60px;
  padding-right: 10px;
  position: sticky;
  top: 0;
}

.tablerow.addnew {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--evergreen);
  color: #f6fff8;
  cursor: pointer;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-weight: 500;
  text-decoration: none;
  position: sticky;
  bottom: 0;
}

.tablerow.addnew:hover {
  background-color: var(--evergreen-hover);
  color: #fafffc;
}

.tablerow.selectedrow {
  background-color: rgba(var(--callout-color-rgb), 0.10);
}

.tableblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: 250px;
  padding: 10px 40px 10px 10px;
  font-weight: 500;
  display: flex;
}

.tableblock.right {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  min-width: auto;
  padding-left: 42px;
  padding-right: 10px;
}

.tableblock.right.nopadding {
  padding-right: 0;
}

.tableblock.med {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 210px;
  min-width: auto;
}

.tableblock.less {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.tableimage {
  border: 1.5px solid var(--admin-border);
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-weight: 600;
  display: flex;
}

.tableimage.small {
  width: 40px;
  height: 40px;
}

.tableimage.pulledback {
  margin-right: -15px;
}

.tableimage.sent {
  border-color: var(--callout-color);
  color: var(--callout-color);
}

.tableimage.confirmed {
  border-color: var(--green);
  background-color: var(--green);
  color: var(--white);
  width: 40px;
  height: 40px;
}

.tableimage.cancelled {
  border-color: var(--red);
  background-color: var(--red);
  color: var(--white);
  width: 40px;
  height: 40px;
}

.tablename {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2rem;
}

.tablename.green {
  color: var(--green);
}

.tablesublabel {
  opacity: .5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2rem;
}

.tablesublabel.sent {
  opacity: 100;
  color: var(--callout-color);
}

.tablerows {
  flex-flow: column;
  margin-bottom: -1px;
  display: flex;
}

.tablerow-left {
  flex: 1;
  display: flex;
}

.tablerow-left.centeralign {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  font-weight: 500;
}

.tablerow-right {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
  display: flex;
  position: relative;
}

.tablerow-right.padding {
  padding-right: 10px;
}

.tablebutton {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--admin-border);
  color: #000;
  -webkit-text-stroke-width: .3px;
  cursor: pointer;
  background-color: #e5e9df57;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-top: 1px;
  padding-left: 9px;
  padding-right: 10px;
  font-size: 13.33px;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
  display: flex;
}

.tablebutton:hover {
  border-color: var(--black);
  background-color: var(--black);
  color: #fff;
}

/* Hide View/Edit button by default, show on row hover */
.tablerow .tablebutton {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.tablerow:hover .tablebutton {
  opacity: 1;
}

.tablebutton.save {
  border-color: var(--green);
  background-color: var(--green);
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  height: 44px;
  padding-top: 0;
  font-size: 14px;
}

.tablebutton.addnew {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  height: 44px;
  padding-top: 0;
  font-size: 14px;
}

.tablebutton.addnew:hover {
  filter: brightness(110%);
}

.statuscircle {
  background-color: var(--green);
  border-radius: 100px;
  flex: none;
  width: 7px;
  height: 7px;
}

.statuscircle.inactive {
  background-color: var(--dim-text, #888);
}

.sidecard-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3rem;
}

.sidecardsubheading {
  opacity: .7;
  margin-top: 3px;
  line-height: 1.2rem;
}

.filterfield {
  border: 1.5px solid var(--admin-border);
  color: #001305;
  border-radius: 10px;
  height: 44px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 500;
}

.filterfield:focus {
  border-color: var(--evergreen);
}

.filterfield::placeholder {
  color: #0013054d;
}

.filterfield.message {
  height: 180px;
  padding: 18px;
  font-size: 15.55px;
  line-height: 1.8em;
}

.filterfield.notes {
  height: 200px;
  padding: 20px 24px 24px 20px;
}

.filterlabel {
  opacity: .5;
  color: var(--dark);
  letter-spacing: 1px;
  -webkit-text-stroke-color: #000;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-left: 3px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3em;
}

.filterlabel.dividelabel {
  opacity: .2;
  margin-bottom: 0;
}

.filterblock, .filterform-block {
  margin-bottom: 0;
}

.filterform {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.pillsrow {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  display: flex;
}

.filterpill {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-style: solid;
  border-width: 1.5px 1.5px 2px;
  border-color: var(--admin-border);
  color: #00300c;
  cursor: pointer;
  border-radius: 7px;
  justify-content: flex-start;
  align-items: center;
  height: 35px;
  padding-top: 1px;
  padding-left: 7px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
  display: flex;
}

.filterpill:hover {
  background-color: #f7f7f7;
}

.filterpill.isactive {
  border-width: 1px;
  border-color: var(--evergreen);
  background-color: var(--evergreen);
  color: #f6fff8;
}

.filterpill-icon {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.filterpill-icon.large {
  width: 23px;
  height: 23px;
}

.maincontent-column {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.checkboxwrapper {
  display: flex;
}

.checkboxelement {
  border: 1.5px solid var(--admin-border);
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  transition: all .23s;
}

.checkboxelement:hover {
  border-color: #c6cac0;
}

.checkboxelement.checked {
  border-color: var(--dark);
  background-color: var(--dark);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkboxelement.checked::after {
  content: '';
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-bottom: 2px;
}

.ikonik-q7evz {
  color: #fff;
}

.checkboxicon {
  width: 14px;
  height: 14px;
}

.inlinedivider {
  background-color: var(--admin-border);
  width: 1.5px;
  height: 30px;
}

.addicon {
  width: 20px;
  height: 20px;
}

.heronav-links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 40px;
  margin-bottom: -1.5px;
  display: flex;
}

.heronav-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .4;
  color: #00310c;
  cursor: pointer;
  border-bottom: 1.5px solid #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.heronav-link:hover {
  opacity: 100;
}

.heronav-link.w--current {
  border-bottom-color: var(--green);
  opacity: 100;
}

.pagemodal {
  z-index: 9999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #051f0e66;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.modalcard {
  background-color: #fff;
  border-radius: 10px;
  width: 550px;
  overflow: clip;
}

.modalcard.wide {
  width: 730px;
  max-width: 95%;
}

.modalhero {
  background-color: var(--dark);
  color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  height: 170px;
  padding: 24px 40px 24px 24px;
  display: flex;
}

.modalheading {
  font-size: 24px;
  line-height: 1.3em;
}

.modalsubheading {
  opacity: .8;
  margin-top: 3px;
  margin-bottom: 2px;
  line-height: 1.4em;
}

.modalcontent {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.fieldtab-2 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  opacity: .5;
  background-color: #e5e9df;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.fieldtab-2:hover {
  opacity: 100;
}

.fieldtab-2.w--current {
  opacity: 100;
  color: #fff;
  background-color: #051f0e;
}

.tablink-icon-2 {
  aspect-ratio: 1;
  color: #051f0d;
  background-color: #e5e9df;
  background-image: url('../images/Nnnoise-2.svg');
  background-position: 0 0;
  background-size: 200px;
  border: 1px solid #e5e9df;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 42px;
  display: flex;
  overflow: hidden;
}

.documentcard-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #051f0d;
  border: 1.5px solid #e5e9df;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 13px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.documentcard-2:hover {
  background-color: #f5f6f5;
  border-color: #051f0e36;
}

.switchcircle-2 {
  background-color: #84b801;
  border-radius: 100px;
  width: 33px;
  height: 23px;
}

.switchcircle-2.off {
  background-color: #e5e9df;
}

.formborder-2 {
  background-color: #e5e9df;
  flex: 1;
  height: 1.5px;
}

.switchblock-2 {
  opacity: .8;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #e5e9df;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 64px;
  height: 33px;
  padding: 3px;
  transition: all .23s;
  display: flex;
}

.switchblock-2:hover {
  opacity: 100;
  border-color: #d7dfcc;
}

.switchblock-2.on {
  background-color: #eff5e6;
  border-color: #84b801;
  justify-content: flex-end;
  align-items: center;
}

.textfield-2 {
  color: #001305;
  border: 1.5px solid #e5e9df;
  border-radius: 10px;
  height: 55px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: 15.5516px;
  font-weight: 500;
}

.textfield-2:focus {
  border-color: #051f0e;
}

.textfield-2::placeholder {
  color: #001305;
}

.textfield-2.notes {
  height: 200px;
  padding: 20px 24px 24px 20px;
}

.button-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  background-color: #84b801;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .23s;
  display: flex;
}

.button-2:hover {
  filter: brightness(110%);
  color: #fff;
}

.modalicon-block {
  background-color: #ffffff0d;
  border: 1.5px solid #ffffff26;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  display: flex;
}

.modalicon {
  width: 30px;
  height: 30px;
}

.closemodal-button {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #051f0e99;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.closemodal-button:hover {
  background-color: #051f0e;
}

.pagemodal-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.closeicon {
  width: 30px;
  height: 30px;
}

.tabs-content {
  width: 100%;
}

.formheading {
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2em;
}

.formsubheading {
  opacity: .7;
  margin-top: 3px;
  font-size: 15.55px;
  font-weight: 500;
  line-height: 1.3em;
}

.tooltip-icon {
  opacity: .4;
  cursor: help;
  width: 15px;
  height: 15px;
  margin-left: 3px;
}

.tooltip-icon:hover {
  opacity: 100;
}

.ikonik-3cla {
  color: #fff;
}

.fieldsubtext {
  opacity: .8;
  margin-bottom: 10px;
  margin-left: 5px;
  padding-right: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4em;
}

.tiptapwrapper {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  height: 550px;
}

.dim {
  opacity: .5;
}

.urltext {
  font-size: 15px;
}

.urltext.green {
  color: var(--green);
}

.urltext.red {
  color: var(--red);
}

.bulkactions-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.bulkaction-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1.5px solid var(--admin-border);
  color: #000000ab;
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .23s;
  display: flex;
}

.bulkaction-button:hover {
  border-color: var(--black);
  background-color: var(--black);
  color: #f8fffa;
}

.bulkaction-button.delete:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: #fff0eb;
}

.bulkaction-button.callout {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
  color: #fff;
}

.bulkaction-button.callout:hover {
  filter: brightness(110%);
}

.bulkaction-button.dimbutton {
  border-style: none;
  border-color: var(--black);
  background-color: var(--black);
  opacity: .4;
  color: #fff;
}

.bulkaction-button.active {
  border-color: var(--black);
  color: #fff;
  background-color: #181818;
}

.bulkaction-button.active:hover {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
}

.bulkaction-button.disabled,
.bulkaction-button.disabled:hover {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  border-color: var(--admin-border);
  background-color: transparent;
  color: #000000ab;
}

.actionicon {
  flex: none;
  width: 15px;
  height: 15px;
}

.actionicon.large {
  width: 20px;
  height: 20px;
}

.ikonik-qfnpq, .ikonik-unngd {
  color: #fff;
}

.dropdownbutton-wrapper {
  position: relative;
}

.dropdownbutton-dropdown {
  border: 1.5px solid var(--admin-border);
  background-color: #fff;
  border-radius: 10px;
  width: 200px;
  margin-top: 0;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.dropdownlink {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1.5px solid var(--admin-border);
  color: #00300c;
  justify-content: flex-start;
  align-items: center;
  height: 45px;
  margin-bottom: -1.5px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.dropdownlink:hover {
  background-color: var(--evergreen-hover);
  color: #f3fff6;
}

.selectionrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  color: var(--dark);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.selectionrow:hover {
  border-color: var(--evergreen-hover);
  background-color: #24703e14;
}

.selectionheading {
  font-size: 19px;
  font-weight: 500;
}

.selectionsubheading {
  opacity: .7;
  margin-top: 6px;
  font-size: 15.55px;
  line-height: 1.4em;
}

.selectionicon-block {
  border: 1.5px solid var(--admin-border);
  background-color: #24703e0d;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  display: flex;
}

.selectioncolumn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.statscolumn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.pagewrapper {
  min-height: 100vh;
}

.pagecontent {
  max-width: 1333px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pagecontent.topnavbar {
  padding-top: 80px;
}

.navwrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 230px;
  height: 100vh;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.navwrapper.soloblock {
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-left: 0;
}

.mainwrapper {
  flex: 1;
  padding: 10px;
  display: flex;
}

.maincontent {
  background-color: #fff;
  border-radius: 10px;
  flex: 1;
  overflow: clip;
}

.maincontent.flex {
  display: flex;
}

.navbaricon {
  background-color: #000;
  border-radius: 10px;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.fullimage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.navbarblock {
  border-radius: 10px;
  flex-flow: column;
  transition: all .24s;
  display: flex;
  overflow: hidden;
}

.navbarblock:hover {
  background-color: #fff;
}

.navbarblock.hovered {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 2px 2px 3px -3px #0000001a;
}

.navbarblock.logout {
  margin-top: 30px;
}

.navbarlabel-row {
  display: flex;
}

.navbarlink-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 6px;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
  display: flex;
}

.navbarlink-row:hover {
  background-color: #ffffff54;
}

.navbarlink-row.w--current {
  background-color: #ffffff54;
  box-shadow: inset 3px 0 0 #fff;
}

.navbarlink-row.dropdownlinks {
  opacity: .5;
  justify-content: space-between;
  align-items: center;
  padding-left: 13px;
  font-size: 15px;
}

.navbarlink-row.dropdownlinks:hover {
  opacity: 100;
  background-color: #fff;
}

.navbarlink-row.dropdownlinks.w--current {
  opacity: 100;
  background-color: #fff;
  box-shadow: 1px 1px 3px -1px #0000001f;
}

.navbarlink-row.logout {
  opacity: .5;
}

.navbarlink-row.logout:hover {
  opacity: 100;
}

.navbarlink-icon {
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e7de;
  border-bottom-width: 1.5px;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  display: flex;
  box-shadow: 0 2px 2px -3px #00000026;
}

.navbarlink-icon.active {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
}

.navbarlink-icon.chat {
  background-image: linear-gradient(109deg, var(--red), #ff9d1d);
}

.navbarlink-icon.waitlist {
  background-image: linear-gradient(109deg, #9dc734, #059e7a);
}

.navbarlink-icon.reminders {
  background-image: linear-gradient(109deg, #aa34c7, #3d059e);
}

.navbarlink-icon.insights {
  background-image: linear-gradient(128deg, #ffb038, #6b5b02);
}

.navbarlink-icon.tldr {
  background-image: linear-gradient(110deg, #22bcf8, #ad76ff);
}

.activeindicator {
  background-color: var(--callout-color);
  border-radius: 10px;
  width: 4px;
  height: 20px;
  display: flex;
}

.navbartop {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.navbartop.solob {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border: 1.5px solid var(--admin-border);
  background-color: #ffffff4d;
  border-radius: 10px;
  padding: 30px 20px;
  position: sticky;
  top: 100px;
}

.navbarbottom {
  flex-flow: column;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.navblocks {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.navbardrawer {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #f7f8f6;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

/* Height is set by JavaScript for smooth transitions - see admin-nav.js */

.ikonik-5i25q, .ikonik-5nwpw, .ikonik-31a3b {
  color: #fff;
}

.ikonik-xdeem, .ikonik-28lz9 {
  color: #223828;
}

.textside {
  border-right: 1.5px solid var(--admin-border);
  flex-flow: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow: scroll;
}

.demoside {
  background-color: var(--navy);
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-width: 450px;
  margin: 10px;
  display: flex;
  position: relative;
  overflow: clip;
}

.demoside.downflex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.demoside.spacetop {
  padding-top: 80px;
}

.innerhero {
  background-color: #f0f2ef66;
  padding: 70px 30px 20px;
  position: relative;
}

.innerhero.withtabs {
  padding-bottom: 0;
}

.pageheading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.2em;
}

.pageheading.subpage {
  opacity: 1;
  color: var(--callout-color);
  padding-bottom: 3px;
  padding-left: 3px;
  font-size: 23px;
  font-weight: 500;
}

.pageicon {
  background-color: var(--navy);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 18px;
  display: flex;
}

.herorow {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 10px;
  display: flex;
}

.herorow.aligncenter {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
}

.herorow.aligncenter._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.herorow.alignbottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.herorow._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.herorow._25 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  text-align: right;
}

.pagesubheading {
  opacity: .7;
  color: var(--black);
  flex-flow: column;
  margin-top: 1px;
  margin-bottom: 2px;
  font-size: 16.4px;
  font-weight: 500;
  line-height: 1.4em;
}

.pagesubheading.status {
  opacity: 100;
  color: var(--green);
  margin-top: 0;
  margin-bottom: 20px;
  padding: 18px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.pagesubheading.status.dark {
  color: var(--black);
}

.pagesubheading.subtext {
  opacity: .3;
  font-size: .9rem;
  font-weight: 500;
}

.pagesubheading.small {
  opacity: 1;
  color: #0009;
  font-size: 15.55px;
  line-height: 1.45em;
}

.pageicon-block {
  background-color: #ffffff61;
  border: 1px solid #e2e7de;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pageicon-block.active {
  border-color: var(--navy);
  background-color: var(--navy);
}

.pageicon-block.chat {
  background-image: linear-gradient(109deg, var(--red), #ff9d1d);
}

.pageicon-block.waitlist {
  background-color: var(--callout-color);
  border-style: none;
  width: 50px;
  height: 50px;
  padding: 14px;
}

.pageicon-block.waitlist.bb {
  background-color: var(--black);
  padding: 12px;
}

.pageicon-block.reminders {
  background-image: linear-gradient(109deg, #aa34c7, #3d059e);
}

.contentblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1.5px solid var(--admin-border);
  flex-flow: column;
  margin-top: -1.5px;
  padding: 40px 30px;
  display: flex;
}

.contentblock._20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.labelrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.labelrow.large {
  margin-top: 10px;
}

.labeldivider {
  background-color: var(--admin-border);
  flex: 1;
  width: 10px;
  height: 1.5px;
}

.labeldivider.darker {
  background-color: var(--black);
  opacity: .11;
}

.labeltext {
  opacity: .8;
  color: var(--black);
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 12.34px;
  font-weight: 600;
  line-height: 1rem;
}

.labeltext.dim {
  opacity: .33;
}

.labeltext.small {
  opacity: .5;
  font-size: 11.11px;
}

.labeltext.large {
  font-size: 13.33px;
}

.labeltext.largest {
  padding-bottom: 10px;
  font-size: 20px;
}

.labeltext.labellink {
  opacity: .4;
  color: var(--black);
}

.labeltext.labellink:hover {
  opacity: 100;
}

.formfield {
  height: 50px;
}

.formlabel {
  font-size: 15px;
  font-weight: 600;
}

.formfields {
  border: 1.5px solid var(--admin-border);
  color: var(--black);
  border-radius: 10px;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: 15.55px;
  font-weight: 500;
  transition: all .24s;
}

.formfields:focus {
  border-color: var(--dark);
}

.formfields::placeholder {
  color: #00000054;
}

.formfields.message {
  height: 180px;
  padding: 18px;
  font-size: 15.55px;
  line-height: 1.8em;
}

.formfields.message._100 {
  height: 100px;
  padding-top: 14px;
  padding-left: 15px;
}

.formfields.notes {
  height: 150px;
  padding: 18px 24px 24px 18px;
}

.formfields.tablefield {
  width: 240px;
  height: 44px;
  font-size: 15px;
}

.formfields.namefield {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/text.svg');
  background-position: 0 0, 10px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 17px;
  padding-left: 40px;
}

.formfields.namefield:focus {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/text.svg');
  background-position: 0 0, 10px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 17px;
}

.formfields.invisible {
  background-color: #fff0;
  border-style: none;
  height: auto;
  font-size: 15px;
}

.formfields.invisible::placeholder {
  color: #0013054d;
}

.formfields.invisible.nopadding {
  padding-left: 0;
  padding-right: 0;
}

.formfields.urlfield {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/link-alt.svg');
  background-position: 0 0, 10px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 17px;
  padding-left: 40px;
}

.formfields.urlfield:focus {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/link-alt.svg');
  background-position: 0 0, 10px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 17px;
}

.formfields.tablesearch {
  background-image: linear-gradient(#ffffffb3, #ffffffb3), url('../images/search.svg');
  background-position: 0 0, 9px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 13px;
  border-radius: 5px;
  height: 40px;
  padding-left: 30px;
  font-size: 14.6px;
}

.formfields.tablesearch:focus {
  border-color: var(--black);
  color: #000;
  background-image: linear-gradient(#fff0, #fff0), url('../images/search.svg');
  background-position: 0 0, 9px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 13px;
}

.formfields.tablesearch::placeholder {
  color: #00070266;
}

.formfields.short {
  text-align: center;
  width: 50px;
}

.formfields.pageurl {
  background-image: linear-gradient(#fff9, #fff9), url('../images/birdie.bot.svg');
  background-position: 0 0, 12px 51%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 76px;
  padding-bottom: 9px;
  padding-left: 89px;
}

.fieldblocks {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  display: flex;
}

.fieldblocks.row {
  flex-flow: row;
}

.fieldblocks.row.aligncenter {
  justify-content: flex-start;
  align-items: center;
}

.formcontent {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-flow: column;
  display: flex;
}

.image {
  z-index: 10;
  position: relative;
}

.contenthead {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.2em;
}

.contenthead.h3 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.3em;
}

.contenthead.nospace {
  margin-bottom: 5px;
}

.contenthead-row {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.contenthead-row.flexdown {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 18px;
}

.contenthead-row.flexdown.nomargin {
  margin-bottom: 0;
}

.buttonrows {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.buttonblock {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  cursor: pointer;
  background-color: #000;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .23s;
  display: flex;
}

.buttonblock:hover {
  filter: brightness(110%);
  color: #fff;
  background-color: #3d3d3d;
}

.buttonblock.tall {
  height: 60px;
}

.buttonblock.delete:hover {
  background-color: var(--red);
  filter: brightness();
  color: var(--white);
}

.buttonblock.delete.solid {
  background-color: var(--red);
  color: var(--white);
  flex: 1;
}

.buttonblock.delete.solid:hover {
  filter: brightness(110%);
}

.buttonblock.lite {
  background-color: var(--admin-border);
  color: var(--dark);
  text-shadow: none;
}

.buttonblock.lite:hover {
  background-color: var(--black);
  color: var(--white);
}

.buttonblock.delete {
  background-color: var(--admin-border);
  color: var(--dark);
  text-shadow: none;
}

.buttonblock.callout {
  background-color: var(--callout-color);
}

.buttonblock.outline {
  color: #000;
  text-shadow: none;
  background-color: #fff;
  border: 1.5px solid #000;
}

.buttonblock.outline:hover {
  background-color: var(--black);
  color: #fff;
}

.buttonblock.gray {
  background-color: var(--admin-border);
  color: var(--black);
  text-shadow: none;
  justify-content: space-between;
  align-items: center;
  height: 44px;
}

.buttonblock.gray:hover {
  background-color: var(--black);
  color: var(--white);
}

.buttonblock.disabled {
  background-color: var(--admin-border);
  opacity: .5;
  color: var(--black);
  text-shadow: none;
  cursor: default;
}

.buttonblock.disabled:hover {
  filter: none;
}

.buttonblock.slim {
  flex: 1;
  height: 40px;
  font-size: 14.6px;
}

.buttonblock.slim.outline.lite {
  border-color: var(--admin-border);
}

.buttonblock.slim.outline.lite:hover {
  border-color: var(--black);
}

.buttonblock.green {
  background-color: var(--green);
}

.buttonblock.emailbutton {
  flex: 1;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14.6px;
}

.buttonblock.emailbutton.red {
  background-color: var(--red);
}

.drawercontent {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  padding: 5px;
  display: flex;
  width: 100%;
}

.navlabel {
  opacity: .4;
  color: var(--black);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 12.34px;
  font-weight: 600;
  line-height: 1rem;
}

.contextside {
  border-left: 10px solid var(--admin-border);
  background-color: #fff;
  flex-flow: column;
  flex: none;
  width: 420px;
  padding: 0;
  display: flex;
  overflow: scroll;
}

.contextside.wide {
  width: 543px;
}

.selectedcard {
  background-color: var(--black);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  margin: auto 10px auto auto;
  padding-left: 12px;
  padding-right: 11px;
  font-size: 14px;
  font-weight: 500;
  display: none;
  position: absolute;
  inset: 0%;
  box-shadow: 2px 2px 3px -3px #00000026;
  gap: 5px;
}

/* Show selectedcard when row is selected (via inline style or class) */
.selectedcard[style*="display: block"],
.selectedcard[style*="display:block"],
.selectedrow .selectedcard {
  display: flex !important;
}

.buttonicons {
  width: 20px;
  height: 20px;
}

.ikonik-fo8ka {
  color: #223828;
}

.sidedrawer-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
}

.drawercontent-block.tight {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  margin-bottom: 0;
}

.sidedrawer-content {
  opacity: 1;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.3em;
}

.drawercontent-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-bottom: 30px;
  display: flex;
}

.drawercontent-block.card {
  background-color: #f9faf9;
  border: 1px solid #00000012;
  border-radius: 10px;
  padding: 20px;
}

.drawercontent-block._5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.rowcard {
  border: 1px solid var(--admin-border);
  background-color: #f9faf9;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 8px 8px 8px 13px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.rowcard:hover {
  background-color: #f5f8f5;
  border-color: #dadbd8;
}

.rowcard.withdrag {
  padding-left: 5px;
}

.rowcard.withfield {
  padding-left: 5px;
  padding-right: 4px;
}

.rowcard.withswitch {
  padding: 10px;
  cursor: pointer;
}

.rowcard.withswitch.active {
  border-color: var(--callout-color);
  background-color: rgba(var(--callout-color-rgb), 0.10);
}

.rowcard.withicon {
  padding-left: 8px;
}

.rowcard.verticaldown {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 8px;
}

.rowcard.whitebg {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.rowcard-actions {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

/* Hide rowcard-action by default when inside rowcard.verticaldown */
.rowcard.verticaldown .rowcard-action {
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* Show rowcard-action on hover of rowcard.verticaldown */
.rowcard.verticaldown:hover .rowcard-action {
  opacity: 1;
}

/* Hide delete button until rowcard is hovered */
.rowcard .rowcard-action.delete {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.rowcard:hover .rowcard-action.delete {
  opacity: 1;
}

.rowcard-action {
  border: 1px solid var(--admin-border);
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 33px;
  height: 33px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.rowcard-action:hover {
  color: #fff;
  background-color: #000;
}

.rowcard-action.delete:hover {
  background-color: var(--red);
}

.ikonik-q0asm, .ikonik-f98mi, .ikonik-5f89n {
  color: #223828;
}

.rowcards, .datawrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.datarow {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  height: 60px;
  display: flex;
}

.datarow:hover {
  background-color: #f9faf9;
  border-color: #dee0dc;
}

.datarow.selected {
  background-color: rgba(var(--callout-color-rgb), 0.09);
  border-color: rgba(var(--callout-color-rgb), 0.14);
}

.datarow.headerrow {
  background-color: #f9faf900;
  border-style: none;
}

.datarow-left {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.datablock {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.datablock.right {
  justify-content: flex-end;
  align-items: center;
  padding-left: 20px;
  padding-right: 10px;
}

.datablock.action {
  justify-content: flex-end;
  align-items: center;
  padding-left: 50px;
  padding-right: 10px;
}

.datarow-right {
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.headeralign {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.headeralign.aligncenter {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
}

.headeralign.aligncenter._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.headeralign.alignbottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.headeralign._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.headeralign._25 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  text-align: right;
}

.waitlistnav-logo {
  border-radius: 10px;
  flex: none;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
}

.waitlistlogo-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.waitlistlogo-text {
  opacity: 1;
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3em;
}

.tiptap-wrapper {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
}

.textstyles-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1.5px solid var(--admin-border);
  background-color: #eaebe966;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  display: flex;
}

.textstyle-block {
  border: 1.5px solid var(--admin-border);
  background-color: #fff9;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  display: flex;
}

.textstyle-block:hover {
  border-color: var(--callout-color);
}

.textstyle-block.active {
  border-color: var(--callout-color);
  background-color: rgba(var(--callout-color-rgb), 0.19);
}

.textsyle-icon {
  width: 11px;
  height: 11px;
}

.textsyle-icon.h {
  width: 14px;
  height: 14px;
}

.textstyle-divider {
  background-color: var(--admin-border);
  width: 1.5px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}

.textdoc-content {
  height: 480px;
  padding: 15px;
}

.textdoc-content.short {
  height: 240px;
}

.stickysave-row {
  border-top: 1.5px solid var(--admin-border);
  border-bottom: 1.5px solid var(--admin-border);
  background-color: #fff;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.urlfields {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.emptystatecontent {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
}

.emptystatecontent[style*="display: block"],
.emptystatecontent[style*="display:block"] {
  display: flex !important;
}

.activecontent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.emptystate-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 77%;
  padding: 0;
  display: flex;
}

.emptystate-heading {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3em;
}

.emptystate-subheading {
  opacity: .5;
  margin-top: 7px;
  line-height: 1.3em;
}

.emptystate-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.emptycard {
  border: 1.5px solid var(--admin-border);
  background-color: #eaebe93d;
  border-radius: 10px;
  padding: 30px 10px;
  display: none;
}

.nonempty {
  flex-flow: column;
  display: flex;
}

.emptystate-image {
  opacity: .7;
}

.leftarrow {
  opacity: .2;
  width: 33px;
  margin-top: 20px;
}

.ikonik-sabqsi {
  color: #223828;
}

.draggingblock {
  opacity: .4;
  cursor: grabbing;
  justify-content: center;
  align-items: center;
  height: 30px;
  transition: all .23s;
  display: flex;
}

.draggingblock:hover {
  opacity: 100;
}

.dragicons {
  color: #223828;
  width: 20px;
  height: 20px;
}

.ikonik-b81cal {
  color: #223828;
}

.selectbuttons-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.iconselector {
  aspect-ratio: 1;
  border: 1.5px solid var(--admin-border);
  opacity: .4;
  color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.iconselector:hover {
  border-color: var(--black);
  opacity: 100;
}

.iconselector.selected {
  border-color: var(--callout-color);
  opacity: 100;
  background-color: rgba(var(--callout-color-rgb), 0.07);
}

.widgetmock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

/* Widget preview container for live widget */
#widget-preview-container {
  width: 100%;
  height: 600px;
  max-width: 400px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--birdie-bot-theme);
}

/* Preview widget styling - uses Webflow classes */
#widget-preview-container .birdiebotwidget {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  opacity: 1 !important; /* Override the default opacity: 0 */
}

#widget-preview-container .birdiebotwidget.preview-widget {
  z-index: 1;
}

/* Ensure chat section fills available space */
#widget-preview-container .widgetchat {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  z-index: 2;
  position: relative;
}

#widget-preview-container .birdiebotcontent {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#widget-preview-container .birdiebotchat-wrapper {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#widget-preview-container .birdiebotchat-window {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  padding-bottom: 80px;
}

/* Navigation at bottom */
#widget-preview-container .widgetnav-wrapper {
  flex-shrink: 0;
  z-index: 3;
  position: relative;
  background-color: rgba(10, 23, 42, 0.95);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Background behind everything */
#widget-preview-container .birdiebotwidget-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

#widget-preview-container .birdiebotwidget-background .backgroundimage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#widget-preview-container .birdiebotwidget-background .backgroundoverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(10, 23, 42, 0.85) 0%, rgba(10, 23, 42, 0.95) 100%);
  z-index: 1;
}

/* Chat block at bottom of chat section */
#widget-preview-container .birdiebotchat-block {
  flex-shrink: 0;
  padding: 12px 16px;
  background-color: rgba(10, 23, 42, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 2;
}

/* Preview error state */
#widget-preview-container .preview-error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.ikonik-3k61r, .ikonik-slm76, .ikonik-z1w5a, .ikonik-7voam, .ikonik-vx3mz, .ikonik-0zcnoi {
  color: #223828;
}

.calloutpill {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1.5px solid var(--admin-border);
  opacity: 1;
  color: #0009;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 33px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.calloutpill:hover {
  opacity: 100;
  color: var(--black);
  border-color: #000;
}

.pillicon {
  width: 13px;
}

.settingswitch-block {
  border: 1.5px solid var(--admin-border);
  color: #000;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 48px;
  height: 30px;
  padding: 4px;
  display: flex;
}

.settingswitch-block:hover {
  border-color: #d1d1d1;
}

.settingswitch-block.delete:hover {
  background-color: var(--red);
}

.settingswitch-block.active {
  border-color: var(--callout-color);
  background-color: rgba(var(--callout-color-rgb), 0.10);
  justify-content: flex-end;
  align-items: center;
}

.settingswitch-block.active:hover {
  filter: brightness(110%);
}

.switchindicator {
  background-color: #d5d6d4;
  border-radius: 20px;
  width: 18px;
  height: 18px;
}

.switchindicator.activated {
  background-color: var(--callout-color);
}

.ikonik-ydjcn {
  color: #223828;
}

.chathistory-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.chathistory-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 20px;
  display: flex;
}

.chathistory-block.left {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 20px;
}

.chathistory-chat {
  background-color: var(--admin-border);
  border-radius: 10px;
  flex-flow: column;
  padding: 15px;
  font-size: 15px;
  line-height: 1.5em;
  display: flex;
}

.chathistory-chat.visitory {
  background-color: var(--black);
  color: #fff;
}

.chathistory-chat.morespace {
  padding: 23px 23px 13px;
}

.chathistory-label {
  opacity: .5;
  padding-left: 3px;
  font-size: 14px;
  font-weight: 500;
}

.idtag {
  background-color: var(--admin-border);
  opacity: .39;
  text-transform: uppercase;
  border-bottom-left-radius: 5px;
  padding: 7px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.idtag:hover {
  opacity: 100;
}

.text-block-8 {
  font-weight: 500;
}

.smallsubtext {
  opacity: .37;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2em;
}

.loadingpercentage {
  color: var(--callout-color);
}

.alignright {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.createcontent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.createicon {
  width: 24px;
  height: 24px;
}

.selectcard {
  border: 1.5px solid var(--admin-border);
  color: #000;
  border-radius: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.selectcard:hover {
  border-color: var(--callout-color);
}

.selectcard.selected {
  border-color: var(--callout-color);
  background-color: rgba(var(--callout-color-rgb), 0.05);
}

.selectcard.sm {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 7px;
}

.selectcard-icon {
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  display: flex;
}

.selectcard-icon.sm {
  width: 18px;
  height: 18px;
}

.selectcard-heading {
  margin-top: 1px;
  font-size: 16.4px;
  font-weight: 500;
}

.selectcard-heading.sm {
  font-size: 16px;
}

.selectcard-subheading {
  opacity: .5;
  margin-top: 2px;
  font-size: 15px;
  line-height: 1.4em;
}

.selectcard-subheading.sm {
  margin-top: 3px;
  font-size: 14px;
}

.selectcard-icons {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  display: flex;
}

.selectcard-icons.selected {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
  color: #fff;
}

.selectcard-icons.sm {
  width: 40px;
  height: 40px;
}

.buttonalign {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  display: flex;
}

.paginationrow {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-top: 1.5px solid var(--admin-border);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 2px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.paginationlink {
  border: 1.5px solid var(--admin-border);
  opacity: 1;
  color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.paginationlink:hover {
  border-color: var(--black);
}

.paginationlink.active {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}

.paginationlink.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.paginationicons {
  width: 18px;
  height: 18px;
}

.ikonik-k3ay9h, .ikonik-r62lb {
  color: #223828;
}

.filterswrapper {
  position: relative;
}

.ikonik-czaes {
  color: #223828;
}

.tablecount {
  border-bottom: 1.5px solid var(--admin-border);
  color: #000000b3;
  text-transform: uppercase;
  background-color: #f0f2efb3;
  justify-content: space-between;
  align-items: center;
  height: 33px;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Figtree, sans-serif;
  font-size: 12.8px;
  font-weight: 600;
  display: flex;
}

.filtersdropdown {
  z-index: 99;
  border: 1.5px solid var(--admin-border);
  background-color: var(--white);
  opacity: 1;
  color: var(--black);
  border-radius: 5px;
  width: 230px;
  margin-top: 0;
  display: none;
  position: absolute;
  inset: 45px 0% auto auto;
  box-shadow: 3px 3px 6px -3px #0000000f;
}

.filterdropdown-block {
  flex-flow: column;
  padding: 10px 12px;
  display: flex;
}

.filterpills-row {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: wrap;
  padding-top: 7px;
  display: flex;
}

.filterpills {
  border: 1.5px solid var(--admin-border);
  color: var(--black);
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13.7px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.filterpills:hover {
  border-color: var(--black);
  color: var(--black);
}

.filterpills.selected {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
  font-weight: 600;
}

.filtersheading {
  font-weight: 600;
}

.filtersheading-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 12px 2px;
  display: flex;
}

.dropdownbutton {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1.5px solid var(--admin-border);
  color: #000000ab;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  min-width: 120px;
  height: 50px;
  padding-bottom: 1px;
  padding-left: 13px;
  padding-right: 9px;
  font-size: 15.55px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdownbutton:hover {
  border-color: var(--black);
}

.dropdownbutton.delete:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: #fff0eb;
}

.dropdownbutton.callout {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
  color: #fff;
}

.dropdownbutton.callout:hover {
  filter: brightness(110%);
}

.dropdownbutton.dimbutton {
  border-style: none;
  border-color: var(--black);
  background-color: var(--black);
  opacity: .4;
  color: #fff;
}

.dropdownbutton.active {
  border-color: var(--black);
  color: #fff;
  background-color: #181818;
}

.dropdownbutton.active:hover {
  border-color: var(--callout-color);
  background-color: var(--callout-color);
}

.dropdownwrapper {
  display: flex;
  position: relative;
}

.dropdowndrawer {
  z-index: 99;
  border: 1.5px solid var(--admin-border);
  background-color: var(--white);
  opacity: 1;
  color: var(--black);
  border-radius: 5px;
  width: 200px;
  margin-top: 55px;
  padding-top: 1.5px;
  padding-bottom: 1.5px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 3px 3px 6px -3px #0000000f;
}

.dropdowndrawer.short {
  width: 120px;
  display: none;
}

.dropdownblock {
  flex-flow: column;
  padding: 1.5px 3px;
  display: flex;
}

.toggleicon {
  width: 22px;
  height: 22px;
}

.dropdownlink-selector {
  color: var(--black);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.dropdownlink-selector:hover {
  background-color: var(--admin-border);
}

.dropdownlink-selector.active {
  border-color: var(--black);
  background-color: var(--admin-border);
  color: var(--black);
}

.checkeddropdown {
  width: 20px;
  height: 20px;
}

.c {
  color: #223828;
}

.stylefield-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 9px;
  display: flex;
}

.stylefield-block.link {
  color: var(--black);
  text-decoration: none;
}

.stylefield-block.link:hover {
  border-color: var(--black);
}

.colorpicker {
  background-color: var(--callout-color);
  border-radius: 10px;
  flex: none;
  width: 36px;
  height: 36px;
}

.colorpicker.background {
  background-color: var(--navy);
}

.thumbnailpreview {
  aspect-ratio: 3 / 2;
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumbnailpreview.square {
  width: 100px;
}

.uploadtitle {
  font-size: 16px;
  font-weight: 500;
}

.uploadsubtitle {
  opacity: .5;
  margin-top: 3px;
  font-size: 15px;
}

.uploadactions {
  margin-top: 10px;
  display: flex;
}

.deletelink {
  opacity: .5;
  color: var(--black);
  font-size: 14px;
}

.deletelink:hover {
  opacity: 100;
  color: var(--red);
  text-decoration: none;
}

.uploadcard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 123px;
  padding: 10px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.uploadcard:hover {
  background-color: var(--admin-border);
}

.uploadcard.link {
  color: var(--black);
  text-decoration: none;
}

.uploadcard.link:hover {
  border-color: var(--black);
}

.uploadicons {
  width: 36px;
  height: 36px;
}

.ikonik-m5ip9 {
  color: #223828;
}

.fieldexplainer {
  opacity: .5;
  color: #000;
  margin-top: -5px;
  padding-left: 2px;
  padding-right: 18px;
  font-size: 14px;
  line-height: 1.4em;
}

.fieldexplainer.withmarging {
  margin-top: 5px;
}

.spacer10 {
  height: 10px;
}

.spacer5 {
  height: 5px;
}

.dashboardrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.dashboardcard {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
}

.dashboardcard.widechart {
  background-color: #fff;
  position: relative;
}

.dashboardwide {
  flex: 1;
}

.dashboardside {
  width: 300px;
}

.dashboardchart-wrapper {
  height: 400px;
  display: flex;
  position: relative;
}

.chartsoptions {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--admin-border);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: 15px auto auto 15px;
  overflow: clip;
}

.chartsselector {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .5;
  color: var(--black);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14.6px;
  font-weight: 500;
  display: flex;
}

.chartsselector:hover {
  opacity: 100;
  background-color: #ffffff80;
}

.chartsselector.active {
  opacity: 100;
  background-color: #fff;
  box-shadow: 3px 3px 3px -4px #0000001a;
}

.chartwrapper {
  flex: 1;
  padding: 15px;
  display: flex;
}

.chartwrapper.withswitcher {
  padding-top: 75px;
}

.chartstats-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: none;
  width: 270px;
  padding: 15px;
  display: flex;
}

.statscard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  background-color: #f0f2ef66;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding: 20px 20px 18px;
  display: flex;
}

.statscard-heading {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
}

.statcard-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  font-size: 40px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
}

.statcard-text.callout {
  color: var(--callout-color);
}

.statcard-text.background {
  color: rgba(var(--callout-color-rgb), 0.70);
}

.statcard-text.smaller {
  font-size: 30px;
}

.statcard-text.subtext {
  opacity: .4;
  margin-top: 7px;
  font-size: 17px;
  font-weight: 500;
}

.statcard-text.red {
  color: var(--red);
}

.statcard-text.green {
  color: var(--green);
}

.admin-card-stat-copy {
  font-size: 42px;
  font-weight: 500;
  line-height: 1em;
}

.dashboardcol {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.chartaxis-y {
  flex-flow: column;
  width: 40px;
  display: flex;
}

.chartcontents {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.chartaxis-x {
  height: 40px;
}

.chartgraphs {
  border-bottom: 1.5px solid var(--admin-border);
  border-left: 1.5px solid var(--admin-border);
  flex: 1;
  display: flex;
}

.dailycol {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  flex: none;
  justify-content: flex-end;
  width: 14.28%;
  padding: 10px;
  display: flex;
}

.chartblock {
  background-color: var(--green);
  border-radius: 4px;
  height: 10%;
}

.chartblock._15 {
  height: 15%;
}

.chartblock._25 {
  height: 25%;
}

.chartblock._30 {
  height: 30%;
}

.chartblock._20 {
  height: 20%;
}

.largestat {
  color: var(--callout-color);
  font-size: 64px;
  font-weight: 300;
  line-height: 1em;
}

.largestat.green {
  color: var(--green);
}

.mainstat-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  order: -9999;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.ikonik-pya2h, .ikonik-5xxuc {
  color: #223828;
}

.reservationsrow {
  flex-flow: wrap;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.reservationsblocks {
  width: 33.33%;
  padding: 5px;
}

.reservationscards {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.reservationscards.linkcard {
  color: var(--black);
}

.reservationscards.linkcard:hover {
  border-color: var(--black);
}

.reservationsthumbnail {
  height: 123px;
  position: relative;
}

.reservationcontent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 13px;
  display: flex;
}

.reservationcourse-block {
  border: 1.5px solid var(--white);
  border-radius: 10px;
  width: 60px;
  height: 60px;
  margin-top: -48px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.reservationcard-heading {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
}

.reservationcard-subheading {
  opacity: .7;
  margin-top: 3px;
  font-size: 15px;
}

.stackdown {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  display: flex;
}

.link-block {
  color: var(--black);
}

.infotags {
  background-color: var(--admin-border);
  -webkit-text-stroke-width: .123px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 13.33px;
  font-weight: 500;
  display: flex;
}

.tagsrow {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: wrap;
  display: flex;
}

.inlinelinks {
  color: var(--black);
  font-weight: 500;
}

.inlinetab-link {
  opacity: .5;
  background-color: #ddd0;
  border-bottom: 1.5px solid #0000;
  margin-bottom: -1.5px;
  padding-top: 11px;
  padding-bottom: 12px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
}

.inlinetab-link:hover {
  opacity: 100;
}

.inlinetab-link.w--current {
  border-bottom-color: var(--black);
  opacity: 1;
  background-color: #ddd0;
}

.inlinetab-menu {
  border-bottom: 1.5px solid var(--admin-border);
}

.inlinetab-wrapper {
  padding-top: 15px;
}

.statuspill {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--white);
  text-transform: uppercase;
  background-color: #0006;
  border-radius: 5px;
  padding: 5px 7px 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1rem;
  position: absolute;
  inset: 7px 7px auto auto;
}

.statuspill.red {
  background-color: #ff5a1dba;
}

.statuspill.green {
  background-color: #84b801cc;
}

.sectionicon {
  opacity: 1;
  color: var(--green);
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-bottom: 3px;
  display: flex;
}

.secicon-block {
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 7px;
  display: flex;
}

.herotabs {
  margin-top: 30px;
  margin-left: -10px;
  display: flex;
  position: sticky;
  top: 80px;
}

.herolinks {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .5;
  color: var(--black);
  border-bottom: 1.5px solid #0000;
  justify-content: center;
  align-items: center;
  margin-bottom: -1.5px;
  padding: 10px 20px 17px 10px;
  font-size: 17px;
  font-weight: 500;
  display: flex;
}

.herolinks:hover {
  opacity: 100;
}

.herolink-icon {
  width: 20px;
}

.ikonik-mqj66, .ikonik-k4xy4 {
  color: #223828;
}

.tagpill {
  border: 1.5px solid var(--admin-border);
  background-color: var(--admin-border);
  color: var(--black);
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13.7px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.tagpill:hover {
  border-color: var(--black);
  color: var(--black);
}

.tagpill.selected {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
  font-weight: 600;
}

.alignsides {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ikonik-5yitk {
  color: #223828;
}

.selectionblock {
  border: 1.5px solid var(--admin-border);
  color: var(--black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.selectionblock:hover {
  border-color: var(--black);
}

.selectionblock.selected {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}

.imageside {
  background-color: var(--navy);
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 330px;
  margin: 10px;
  display: flex;
  position: relative;
  overflow: clip;
}

.imageside.downflex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.imageside.spacetop {
  padding-top: 80px;
}

.sequencewrapper {
  display: flex;
}

.sequencerow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--admin-border);
  border-radius: 10px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.sequencerow.selected, .sequencerow.sent {
  border-color: var(--black);
}

.sequencerow:hover:not(.selected) {
  border-color: var(--admin-border-hover, #b0b0b0);
}

.sequencerow .tablebutton {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.sequencerow:hover:not(.selected) .tablebutton {
  opacity: 1;
}

.sequencerow.future {
  opacity: .5;
}

.sequencerow.confirmed {
  border-color: var(--green);
  background-color: #84b80126;
}

.sequencerow.current {
  border-color: var(--black);
}

.sequencerow.cancelled {
  border-color: var(--red);
  background-color: #ff5a1d26;
}

.sequencecolumn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sequencecircle {
  background-color: var(--admin-border);
  border-radius: 100px;
  width: 13px;
  height: 13px;
}

.sequencescolumn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.sequencelines {
  border-left: 3.33px dotted #dcdddb;
  width: 1.5px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.sequencelines.short {
  height: 15px;
}

.sequencelines.short.sent {
  border-left-color: var(--black);
}

.buttonsrow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.emailmessage {
  font-size: 14px;
}

.emailmessage p {
  font-size: 15px;
}

.emailmessage li {
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.5em;
}

.emailmessage ul {
  margin-bottom: 5px;
  padding-left: 30px;
}

.emailicon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.codesnippet {
  border: 1.5px solid var(--admin-border);
  background-color: var(--admin-border);
  border-radius: 10px;
  padding: 10px;
}

.activeswitch {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--admin-border);
  color: var(--callout-color);
  background-color: #fff;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px 5px 5px 10px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 3px 3px 4px -6px #0000002e;
}

.activeswitch:hover {
  background-color: #f5f8f5;
  border-color: #dadbd8;
}

.activeswitch.withdrag {
  padding-left: 5px;
}

.activeswitch.withfield {
  padding-left: 5px;
  padding-right: 4px;
}

.activeswitch.withswitch {
  padding: 10px;
}

.activeswitch.withswitch.active {
  border-color: var(--callout-color);
  background-color: rgba(var(--callout-color-rgb), 0.10);
}

.activeswitch.withicon {
  padding-left: 8px;
}

.activeswitch.verticaldown {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 8px;
}

.activeswitch.whitebg {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.ikonik-x4frc, .ikonik-1ulnz {
  color: #223828;
}

.dayswrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  display: flex;
}

.ikonik-8nq9f, .ikonik-ngoh8 {
  color: #223828;
}

@media screen and (max-width: 991px) {
  .example-hover {
    padding: 18px;
  }
}


@font-face {
  font-family: 'Eudoxus Sans';
  src: url('../fonts/EudoxusSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxus Sans';
  src: url('../fonts/EudoxusSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxus Sans';
  src: url('../fonts/EudoxusSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxus Sans';
  src: url('../fonts/EudoxusSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxus Sans';
  src: url('../fonts/EudoxusSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxus Sans';
  src: url('../fonts/EudoxusSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Galleco Script';
  src: url('../fonts/Galleco-Script.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   INLINE/EMBEDDED MODE STYLES
   These styles apply when the widget is embedded inline in a container
   rather than fixed to the viewport
   ========================================================================== */

/* Inline mode wrapper - relative positioning instead of fixed */
.birdiebotwrapper[data-birdiebot-mode="inline"],
.birdiebotwrapper[data-birdiebot-mode="embedded"] {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 0;
  z-index: auto;
}

/* Inline mode widget row */
.birdiebotwrapper[data-birdiebot-mode="inline"] .birdiebotwidget-row,
.birdiebotwrapper[data-birdiebot-mode="embedded"] .birdiebotwidget-row {
  width: 100%;
  height: 100%;
  max-height: none;
  opacity: 1;
}

/* Inline mode widget container - always visible and fills space */
.birdiebotwrapper[data-birdiebot-mode="inline"] .birdiebotwidget,
.birdiebotwrapper[data-birdiebot-mode="embedded"] .birdiebotwidget {
  display: flex;
  opacity: 1;
  width: 100%;
  height: 100%;
  max-height: none;
}

/* Hide floating elements in inline mode */
.birdiebotwrapper[data-birdiebot-mode="inline"] .birdiebotbuttons-col,
.birdiebotwrapper[data-birdiebot-mode="inline"] .birdiebotbutton-row,
.birdiebotwrapper[data-birdiebot-mode="inline"] .poweredbirdiebot,
.birdiebotwrapper[data-birdiebot-mode="inline"] .birdiebotcallout,
.birdiebotwrapper[data-birdiebot-mode="embedded"] .birdiebotbuttons-col,
.birdiebotwrapper[data-birdiebot-mode="embedded"] .birdiebotbutton-row,
.birdiebotwrapper[data-birdiebot-mode="embedded"] .poweredbirdiebot,
.birdiebotwrapper[data-birdiebot-mode="embedded"] .birdiebotcallout {
  display: none;
}

/* Bottom-left positioning */
.birdiebotwrapper[data-birdiebot-position="bottom-left"] {
  align-items: flex-start;
  inset: auto auto 0% 0%;
}

.birdiebotwrapper[data-birdiebot-position="bottom-left"] .birdiebotbutton-row {
  flex-direction: row-reverse;
}

.birdiebotwrapper[data-birdiebot-position="bottom-left"] .birdiebotbuttons-col {
  align-items: flex-start;
}

/* Single feature mode - hide navigation */
.birdiebotwidget[data-single-feature="true"] .widgetnav-wrapper {
  display: none;
}