/* line 1, app/assets/stylesheets/vue.scss */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

/* line 6, app/assets/stylesheets/vue.scss */
.v-enter-from,
.v-leave-to {
  opacity: 0;
}

/* line 3, app/assets/stylesheets/procedures.scss */
.procedures-select__option {
  font-style: normal;
  font-weight: normal;
}

/* line 8, app/assets/stylesheets/procedures.scss */
.procedures-select-group {
  font-style: normal;
  font-weight: bold;
}

/* line 2, app/assets/stylesheets/reports.scss */
.muted-row td {
  color: #ccc;
}

/* line 7, app/assets/stylesheets/reports.scss */
.no-wrap {
  white-space: nowrap;
}

/* line 11, app/assets/stylesheets/reports.scss */
.max-w-300 {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 22, app/assets/stylesheets/reports.scss */
table.tiny-font-table thead tr th {
  font-size: 12px;
}

/* line 30, app/assets/stylesheets/reports.scss */
table.tiny-font-table tbody tr td {
  font-size: 12px;
}

/* line 2, app/assets/stylesheets/portfolio_items.scss */
.portfolio-items-text {
  border: 1px solid red;
}

/* line 9, app/assets/stylesheets/custom.scss */
:target {
  scroll-margin-top: 105px;
}

/* line 13, app/assets/stylesheets/custom.scss */
html {
  background-color: black;
  z-index: -100;
}

/* line 18, app/assets/stylesheets/custom.scss */
[v-cloak] {
  display: none;
}

/* line 21, app/assets/stylesheets/custom.scss */
body {
  z-index: -1;
}

/* line 24, app/assets/stylesheets/custom.scss */
body.submenu-open {
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/custom.scss */
.square {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 16px 16px;
}

/* line 35, app/assets/stylesheets/custom.scss */
.square-green {
  background-image: url(/assets/yes-877a8d202aee56e065b527a23df7eebb1d518c91cb34d79ef5e48c7f89374345.png);
}

/* line 38, app/assets/stylesheets/custom.scss */
.square-red {
  background-image: url(/assets/no-8da621cf492ccfded8adbb65d0c1201fb2c46a1b2b071de2ddab97221bb28e3d.png);
}

/* line 42, app/assets/stylesheets/custom.scss */
.consent-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.15);
  box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.15);
}

/* line 57, app/assets/stylesheets/custom.scss */
#main-menu-container {
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px) brightness(90%) saturate(140%);
  -webkit-backdrop-filter: blur(8px) brightness(90%) saturate(140%);
}

/* line 64, app/assets/stylesheets/custom.scss */
#submenu .submenu-content {
  color: white;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px) brightness(90%) saturate(140%);
  -webkit-backdrop-filter: blur(8px) brightness(90%) saturate(140%);
}

/* line 71, app/assets/stylesheets/custom.scss */
#submenu .submenu-content-line {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 76, app/assets/stylesheets/custom.scss */
header {
  --thickness: 1px;
  position: sticky;
  top: 0;
  /*
    Very opaque, for unsupported browsers.
    Overwritten in the feature queries below.
  */
  background: rgba(255, 255, 255, 0.95);
}

/*
  This code gets applied for folks using
  browsers that support backdrop-filter.
*/
@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)) {
  /* line 95, app/assets/stylesheets/custom.scss */
  header {
    background: rgba(255, 255, 255, 0.5);
    height: 96px;
    z-index: 2;
  }
  /* line 101, app/assets/stylesheets/custom.scss */
  .backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    /*
      These prefixed properties are usually
      added automatically by tooling:
    */
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: linear-gradient(to bottom, #f2f2f2, transparent 50%);
  }
  /* line 118, app/assets/stylesheets/custom.scss */
  .backdrop-edge {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--thickness);
    background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(12px) brightness(0.96);
    backdrop-filter: blur(12px) brightness(0.96);
    transform: translateY(100%);
    pointer-events: none;
  }
}

@supports (mask-image: none) or (-webkit-mask-image: none) {
  /* line 136, app/assets/stylesheets/custom.scss */
  .backdrop {
    height: 110%;
    -webkit-mask-image: linear-gradient(to bottom, black 0% 92%, transparent 92% 100%);
    mask-image: linear-gradient(to bottom, black 0% 92%, transparent 92% 100%);
  }
  /* line 149, app/assets/stylesheets/custom.scss */
  .backdrop-edge {
    height: 100%;
    inset: 0;
    -webkit-mask-image: linear-gradient(to bottom, black 0, black var(--thickness), transparent var(--thickness));
    mask-image: linear-gradient(to bottom, black 0, black var(--thickness), transparent var(--thickness));
  }
}

/* line 166, app/assets/stylesheets/custom.scss */
.button-40 {
  --glow-color: #ff2211;
  --glow-spread-color: #ff2211;
  --enhanced-glow-color: #ff2211;
  --btn-color: darkred;
  border: .15em solid #ff2211;
  font-family: "montserrat" !important;
  color: yellow;
  background-color: var(--btn-color);
  border-radius: 1em;
  outline: none;
  box-shadow: 0 0 7em 0em var(--glow-color), 0 0 8em 0.1em var(--glow-spread-color), inset 0 0 0.75em 0.005em var(--glow-color);
  text-shadow: 0 0 0.5em var(--glow-color);
  position: relative;
  transition: all 0.3s;
}

/* line 191, app/assets/stylesheets/custom.scss */
.button-40:hover {
  color: white;
  background-color: var(--glow-color);
  box-shadow: 0 0 1em 0.01em var(--glow-color), 0 0 4em 2em var(--glow-spread-color), inset 0 0 0.25em 0.05em var(--glow-color);
  transition: 0.15s;
}

/* line 200, app/assets/stylesheets/custom.scss */
.button-40:active {
  box-shadow: 0 0 0.6em 0.25em var(--glow-color), 0 0 2.5em 2em var(--glow-spread-color), inset 0 0 0.5em 0.25em var(--glow-color);
}

/* line 205, app/assets/stylesheets/custom.scss */
.blur2 {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* line 209, app/assets/stylesheets/custom.scss */
.blur4 {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* line 213, app/assets/stylesheets/custom.scss */
.glass-button {
  background: rgba(179, 179, 179, 0.75);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 221, app/assets/stylesheets/custom.scss */
.glass-plate {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-right: 0;
  border-left: 0;
  mask-image: linear-gradient(to right, black 70%, transparent 100%), linear-gradient(to left, black 70%, transparent 100%);
  mask-composite: intersect;
}

/* line 233, app/assets/stylesheets/custom.scss */
.small-glass-circle {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.33);
}

/* line 241, app/assets/stylesheets/custom.scss */
.small-glass-circle--active {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 250, app/assets/stylesheets/custom.scss */
.footer {
  position: relative;
  overflow: hidden;
}

/* line 254, app/assets/stylesheets/custom.scss */
.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/47190b7a-1297-4267-a9ef-0b720c36362d.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(6px);
  z-index: -10;
}

/* line 265, app/assets/stylesheets/custom.scss */
.footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
  z-index: -1;
}

/* line 273, app/assets/stylesheets/custom.scss */
.contacts-button {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* line 278, app/assets/stylesheets/custom.scss */
.dark-glass-hero-text {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* line 282, app/assets/stylesheets/custom.scss */
#clinic-carousel .flickity-button:focus {
  box-shadow: none;
}

/* line 285, app/assets/stylesheets/custom.scss */
.blurry-line {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: rgba(230, 230, 230, 0.1);
  backdrop-filter: blur(16px) brightness(90%) saturate(140%);
}

/* line 292, app/assets/stylesheets/custom.scss */
.clinic-address {
  box-shadow: inset 0 1px 0px rgba(230, 230, 230, 0.15), inset 0 -1px 1px rgba(26, 26, 26, 0.6), 0 1px 5px rgba(26, 26, 26, 0.3);
}

/* line 297, app/assets/stylesheets/custom.scss */
.promoted-calendar-time {
  background-color: rgba(255, 204, 204, 0);
  backdrop-filter: blur(6px);
}

/* line 301, app/assets/stylesheets/custom.scss */
.dark-pill-button {
  padding: 1px 26px;
  border-radius: 12px;
  display: inline-block;
  box-shadow: inset 0 1px 0px rgba(230, 230, 230, 0.15);
  background: linear-gradient(to bottom, #262626, #1a1a1a);
}

/* line 309, app/assets/stylesheets/custom.scss */
.v2-glassy-effect {
  box-shadow: inset 0 1px 0px rgba(230, 230, 230, 0.3), 0 1px 0px rgba(26, 26, 26, 0.3), 0 0px 3px rgba(26, 26, 26, 0.3);
  border: 0;
}

/* line 316, app/assets/stylesheets/custom.scss */
.v2-contact-box {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* line 321, app/assets/stylesheets/custom.scss */
.news-text strong {
  font-weight: 600;
}

/* line 324, app/assets/stylesheets/custom.scss */
.news-text h2 {
  margin-bottom: 0.67rem;
}

/* line 327, app/assets/stylesheets/custom.scss */
.news-text figure {
  width: fit-content;
  margin: 0 auto;
}

/* line 331, app/assets/stylesheets/custom.scss */
.news-text figcaption {
  color: #666;
  font-size: 14px;
  text-align: center;
}