@charset "UTF-8";
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* line 24, node_modules/swiper/swiper.scss */
:root {
  --swiper-theme-color: #007aff;
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */
}

/* line 32, node_modules/swiper/swiper.scss */
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

/* line 39, node_modules/swiper/swiper.scss */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

/* line 51, node_modules/swiper/swiper.scss */
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 54, node_modules/swiper/swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

/* line 64, node_modules/swiper/swiper.scss */
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 69, node_modules/swiper/swiper.scss */
.swiper-horizontal {
  touch-action: pan-y;
}

/* line 72, node_modules/swiper/swiper.scss */
.swiper-vertical {
  touch-action: pan-x;
}

/* line 75, node_modules/swiper/swiper.scss */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

/* line 83, node_modules/swiper/swiper.scss */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
/* line 87, node_modules/swiper/swiper.scss */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

/* line 91, node_modules/swiper/swiper.scss */
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* line 95, node_modules/swiper/swiper.scss */
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
/* line 100, node_modules/swiper/swiper.scss */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

/* line 103, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

/* line 106, node_modules/swiper/swiper.scss */
.swiper-3d {
  perspective: 1200px;
}

/* line 108, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
/* line 116, node_modules/swiper/swiper.scss */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

/* line 120, node_modules/swiper/swiper.scss */
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 124, node_modules/swiper/swiper.scss */
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 128, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

/* line 133, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* line 138, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

/* line 141, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

/* line 146, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

/* line 151, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* line 157, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

/* line 160, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

/* line 167, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

/* line 170, node_modules/swiper/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
/* line 181, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 199, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

/* line 202, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 205, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 208, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 211, node_modules/swiper/swiper.scss */
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 215, node_modules/swiper/swiper.scss */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

/* line 232, node_modules/swiper/swiper.scss */
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

/* line 236, node_modules/swiper/swiper.scss */
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

/* line 239, node_modules/swiper/swiper.scss */
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */
/* line 3, node_modules/swiper/modules/navigation.scss */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

/* line 12, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

/* line 25, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* line 30, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

/* line 35, node_modules/swiper/modules/navigation.scss */
.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

/* line 38, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

/* line 44, node_modules/swiper/modules/navigation.scss */
.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

/* line 48, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

/* line 53, node_modules/swiper/modules/navigation.scss */
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 58, node_modules/swiper/modules/navigation.scss */
.swiper-button-lock {
  display: none;
}

/* Navigation font start */
/* line 64, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

/* line 75, node_modules/swiper/modules/navigation.scss */
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

/* line 79, node_modules/swiper/modules/navigation.scss */
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 81, node_modules/swiper/modules/navigation.scss */
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* Navigation font end */
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}

/* line 26, node_modules/modal-video/scss/modal-video.scss */
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* line 46, node_modules/modal-video/scss/modal-video.scss */
.modal-video-close {
  opacity: 0;
}

/* line 49, node_modules/modal-video/scss/modal-video.scss */
.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

/* line 58, node_modules/modal-video/scss/modal-video.scss */
.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

/* line 69, node_modules/modal-video/scss/modal-video.scss */
.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  /* line 69, node_modules/modal-video/scss/modal-video.scss */
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

/* line 82, node_modules/modal-video/scss/modal-video.scss */
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

/* line 102, node_modules/modal-video/scss/modal-video.scss */
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 111, node_modules/modal-video/scss/modal-video.scss */
.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  /* line 111, node_modules/modal-video/scss/modal-video.scss */
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}

/* line 128, node_modules/modal-video/scss/modal-video.scss */
.modal-video-close-btn:before {
  transform: rotate(45deg);
}

/* line 132, node_modules/modal-video/scss/modal-video.scss */
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

/* line 136, node_modules/modal-video/scss/modal-video.scss */
.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

/* Box sizing rules */
/* line 3, app/assets/stylesheets/scss/abstracts/_reset.scss */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove default margin */
/* line 13, app/assets/stylesheets/scss/abstracts/_reset.scss */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
/* line 31, app/assets/stylesheets/scss/abstracts/_reset.scss */
ul[role="list"],
ol[role="list"],
li {
  list-style: none;
}

/* line 37, app/assets/stylesheets/scss/abstracts/_reset.scss */
dl,
ol,
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 46, app/assets/stylesheets/scss/abstracts/_reset.scss */
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

/* Set core root defaults */
/* line 53, app/assets/stylesheets/scss/abstracts/_reset.scss */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
/* line 59, app/assets/stylesheets/scss/abstracts/_reset.scss */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.3;
  overflow-x: hidden;
}

/* A elements that don't have a class get default styles */
/* line 68, app/assets/stylesheets/scss/abstracts/_reset.scss */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* line 71, app/assets/stylesheets/scss/abstracts/_reset.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 76, app/assets/stylesheets/scss/abstracts/_reset.scss */
hr {
  border: 1px solid rgba(220, 220, 220, 0.44);
}

/* Make images easier to work with */
/* line 82, app/assets/stylesheets/scss/abstracts/_reset.scss */
img,
picture {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
/* line 91, app/assets/stylesheets/scss/abstracts/_reset.scss */
input,
button,
textarea,
select {
  font: inherit;
  -webkit-appearance: none;
  border-radius: 0;
}

/* line 100, app/assets/stylesheets/scss/abstracts/_reset.scss */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  /* line 109, app/assets/stylesheets/scss/abstracts/_reset.scss */
  html:focus-within {
    scroll-behavior: auto;
  }
  /* line 112, app/assets/stylesheets/scss/abstracts/_reset.scss */
  *,
*::before,
*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* line 122, app/assets/stylesheets/scss/abstracts/_reset.scss */
h1,
h2 {
  font-weight: 400;
}

/* line 127, app/assets/stylesheets/scss/abstracts/_reset.scss */
h5 {
  font-weight: 500;
}

/* line 131, app/assets/stylesheets/scss/abstracts/_reset.scss */
strong {
  font-family: var(--ff-bold);
}

/* line 43, app/assets/stylesheets/scss/abstracts/variables/_color.scss */
:root {
  --clr-body: #323232;
  --clr-body-500: #666666;
  --clr-body-400: #dedede;
  --clr-body-300: #a6a6a6;
  --clr-body-200: #b4b4b4;
  --clr-body-100: #f1f1f1;
  --clr-body-light: #a8a8a8;
  --clr-gray-light: #d9d9d9;
  --clr-blue: #b6cae3;
  --clr-blue-900: #abc1dd;
  --clr-blue-700: #397AD4;
  --clr-blue-600: #5988c2;
  --clr-blue-500: #e5eaf0;
  --clr-blue-light: #dee6ee;
  --clr-blue-dark: #99b4d7;
  --clr-blue-400: #d6e0ed;
  --clr-purple: #e8dbe7;
  --clr-purple-dark: #a870a4;
  --clr-purple-light: #d7bcd7;
  --clr-green: #8cd1c8;
  --clr-green-light: #9bcfc8;
  --clr-green-400: #d3e4e2;
  --clr-cream: #f8f3ea;
  --clr-cream-light: #fef8ee;
  --clr-pink: #eaadca;
  --clr-pink-500: #fbccc5;
  --clr-peach: #f4cdc6;
  --clr-peach-400: #fce5e2;
  --clr-peach-light: #f8f4ed;
  --clr-yellow: #fdbe67;
  --clr-white: #fff;
  --clr-brown: #bf4a5c;
  --clr-red: #f00;
  --clr-bg: #fcfcfa;
  --clr-bg-600: #f8f8f8;
  --clr-border: #dddddd;
  --clr-link: #397ad4;
  --transition-speed: 0.3s;
}

@font-face {
  font-family: "Bigola Display";
  src: url(/assets/BigolaDisplay-Regular-8e257a952b69835cdc9459d045f9e7ea5c3c59ae0d22a81e77fcef439650ebbd.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigola Display Italic";
  src: url(/assets/BigolaDisplay-Italic-fb7e6c8176759913e011e2e2029b3e3fdb800a928b18b07a64a6a47538ad1114.otf);
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Cerco Regular";
  src: url(/assets/Cerco-Regular-911fe5c40a5b7800a5c97e224ea81b946f469ee080428f662d8d37667cb3e1f5.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerco Regular Italic";
  src: url(/assets/Cerco-Italic-ca48ed80ab68f2cf1bdaf711b471aa02f99bf887eeacd45e50cd786a527fa44b.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Cerco Medium";
  src: url(/assets/Cerco-Medium-57426c1910df03ec3ac09c72353fb2e42971244c4d5eac259062cb917f13166f.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerco Medium Italic";
  src: url(/assets/Cerco-MediumItalic-757c7bf962bab644edf1aaae1425133c9658f9cf7b0b41950a8ffa019c39ed4e.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Cerco Black";
  src: url(/assets/Cerco-Black-41e4da70e55129abc0425c9ff792ce6d21bb8f5e7affe9f71a1c2a5a12957ba3.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cerco Bold";
  src: url(/assets/Cerco-Bold-0b4e794fdeecdea0470b3d47b62cc0c2c526c79273b1f7cdf827daa4d67e4a6b.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham Medium";
  src: url(/assets/Gotham-Medium-b17d195c8825c6c7727f7bedea2438885d809c8d49cf397d309878028d2e4b69.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* line 74, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
html {
  font-size: 16px;
}

/* line 79, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
:root {
  --base-fs: 16;
  --ff-body: "Cerco Regular", sans-serif;
  --ff-body_italic: "Cerco Regular Italic", sans-serif;
  --ff-medium: "Cerco Medium", sans-serif;
  --ff-medium_italic: "Cerco Medium Italic", sans-serif;
  --ff-heading: "Bigola Display", sans-serif;
  --ff-heading_italic: "Bigola Display Italic", sans-serif;
  --ff-heading-2: "Gotham Medium", sans-serif;
  --ff-bold: "Cerco Bold", sans-serif;
  --ff-extra-bold: "Cerco Black", sans-serif;
  --fs-sm: calc((12 / var(--base-fs) * 1rem));
  --fs-body: calc((14 / var(--base-fs) * 1rem));
  --fs-lg: calc((16 / var(--base-fs) * 1rem));
  --fs-h5: calc((13 / var(--base-fs) * 1rem));
  --fs-h4: calc((18 / var(--base-fs) * 1rem));
  --fs-h3: calc((22 / var(--base-fs) * 1rem));
  --fs-h2: calc((38 / var(--base-fs) * 1rem));
  --fs-h1: calc((55 / var(--base-fs) * 1rem));
}

/* line 104, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
body {
  font-family: var(--ff-body);
  position: relative;
  font-size: var(--fs-body);
  line-height: 1.714;
  font-weight: normal;
  color: var(--clr-body);
}

/* line 112, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
h5,
.fs-h5 {
  font-size: var(--fs-h5);
  line-height: 1.15;
  text-transform: uppercase;
  font-family: var(--ff-medium);
}

/* line 119, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
h4,
.fs-h4 {
  font-size: var(--fs-h4);
  line-height: 1.5;
}

/* line 124, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
h3,
.fs-h3 {
  font-size: var(--fs-h3);
  line-height: 1.3125;
}

/* line 129, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.fs-h2,
h2 {
  font-size: calc(var(--fs-h2) * 0.8423);
  font-family: var(--ff-heading);
  line-height: 1.3125;
}

@media (min-width: 991px) {
  /* line 129, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
  .fs-h2,
h2 {
    font-size: var(--fs-h2);
  }
}

/* line 137, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.fs-h2 em,
h2 em {
  font-family: var(--ff-heading_italic);
}

/* line 141, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
h1,
.fs-h1 {
  font-size: calc(var(--fs-h2) * 0.8423);
  font-family: var(--ff-heading);
  line-height: 1.1;
}

@media (min-width: 991px) {
  /* line 141, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
  h1,
.fs-h1 {
    font-size: var(--fs-h1);
  }
}

/* line 151, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.ff-body {
  font-family: var(--ff-body);
}

/* line 154, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.ff-medium {
  font-family: var(--ff-medium);
}

/* line 157, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.ff-heading {
  font-family: var(--ff-heading);
}

/* line 160, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.ff-bold {
  font-family: var(--ff-bold);
}

/* line 163, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.ff-extra-bold {
  font-family: var(--ff-extra-bold);
}

/* line 167, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.fs-sm {
  font-size: var(--fs-sm);
  line-height: 1.2;
}

/* line 171, app/assets/stylesheets/scss/abstracts/variables/_typescale.scss */
.fs-lg {
  font-size: var(--fs-lg);
}

/* Mixin
--------------------------------------------- */
/**
 * DARK MODE MIXIN
 * 
 * A little wrapper that lets you define your dark mode custom 
 * properties in a way that supports the theme toggle web component
 */
/* Keyframes
--------------------------------------------- */
@keyframes writing-effect {
  to {
    stroke-dashoffset: 0;
    fill: var(--clr-body);
    stroke: none;
  }
}

@-webkit-keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-ms-keyframes rotated {
  /* line 10, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    transform: rotate(0);
  }
  /* line 13, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes scale-up {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@-moz-keyframes scale-up {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@-ms-keyframes scale-up {
  /* line 19, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    transform: scale(1);
  }
  /* line 22, app/assets/stylesheets/scss/keyframes/index.scss */
  40% {
    transform: scale(0.5);
  }
  /* line 25, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    transform: scale(1);
  }
}

@-o-keyframes scale-up {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes scale-up {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes scrollup {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0.2;
  }
}

@-moz-keyframes scrollup {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0.2;
  }
}

@-ms-keyframes scrollup {
  /* line 31, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  /* line 35, app/assets/stylesheets/scss/keyframes/index.scss */
  50% {
    opacity: 1;
  }
  /* line 38, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    transform: translateY(-200px);
    opacity: 0.2;
  }
}

@-o-keyframes scrollup {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0.2;
  }
}

@keyframes scrollup {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0.2;
  }
}

@-webkit-keyframes scrolldown {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(200px);
    opacity: 0.2;
  }
}

@-moz-keyframes scrolldown {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(200px);
    opacity: 0.2;
  }
}

@-ms-keyframes scrolldown {
  /* line 44, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  /* line 48, app/assets/stylesheets/scss/keyframes/index.scss */
  50% {
    opacity: 1;
  }
  /* line 51, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    transform: translateY(200px);
    opacity: 0.2;
  }
}

@-o-keyframes scrolldown {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(200px);
    opacity: 0.2;
  }
}

@keyframes scrolldown {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(200px);
    opacity: 0.2;
  }
}

@-webkit-keyframes moving {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(23vh, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(30vh, 15vh) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(15vh, 26vh) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(0, 23vh) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@-moz-keyframes moving {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(23vh, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(30vh, 15vh) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(15vh, 26vh) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(0, 23vh) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@-ms-keyframes moving {
  /* line 58, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  /* line 61, app/assets/stylesheets/scss/keyframes/index.scss */
  20% {
    transform: translate(23vh, -1px) rotate(36deg) scale(0.9);
  }
  /* line 64, app/assets/stylesheets/scss/keyframes/index.scss */
  40% {
    transform: translate(30vh, 15vh) rotate(72deg) scale(1);
  }
  /* line 67, app/assets/stylesheets/scss/keyframes/index.scss */
  60% {
    transform: translate(15vh, 26vh) rotate(108deg) scale(1.2);
  }
  /* line 70, app/assets/stylesheets/scss/keyframes/index.scss */
  80% {
    transform: translate(0, 23vh) rotate(144deg) scale(1.1);
  }
  /* line 73, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@-o-keyframes moving {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(23vh, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(30vh, 15vh) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(15vh, 26vh) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(0, 23vh) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes moving {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(23vh, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(30vh, 15vh) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(15vh, 26vh) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(0, 23vh) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes gradient {
  0% {
    filter: saturate(1);
    background-position: 0% 50%;
  }
  50% {
    filter: saturate(1.75);
    background-position: 100% 50%;
  }
  100% {
    filter: saturate(2);
    background-position: 0% 50%;
  }
}

@-webkit-keyframes rotateHalf {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}

@-moz-keyframes rotateHalf {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}

@-ms-keyframes rotateHalf {
  /* line 94, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    transform: rotate(0);
  }
  /* line 97, app/assets/stylesheets/scss/keyframes/index.scss */
  50% {
    transform: rotate(90deg);
  }
  /* line 100, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    transform: rotate(0);
  }
}

@-o-keyframes rotateHalf {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes rotateHalf {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}

@-webkit-keyframes showHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes showHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes showHide {
  /* line 106, app/assets/stylesheets/scss/keyframes/index.scss */
  0% {
    opacity: 0;
  }
  /* line 109, app/assets/stylesheets/scss/keyframes/index.scss */
  50% {
    opacity: 0.5;
  }
  /* line 112, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    opacity: 1;
  }
}

@-o-keyframes showHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showHide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes bg-scrolling {
  100% {
    background-position-x: -377px;
    /* The image width */
  }
}

@-moz-keyframes bg-scrolling {
  100% {
    background-position-x: -377px;
    /* The image width */
  }
}

@-ms-keyframes bg-scrolling {
  /* line 118, app/assets/stylesheets/scss/keyframes/index.scss */
  100% {
    background-position-x: -377px;
    /* The image width */
  }
}

@-o-keyframes bg-scrolling {
  100% {
    background-position-x: -377px;
    /* The image width */
  }
}

@keyframes bg-scrolling {
  100% {
    background-position-x: -377px;
    /* The image width */
  }
}

/* Accessibility
--------------------------------------------- */
/* line 3, app/assets/stylesheets/scss/utilities/index.scss */
.is-flex, .is-chips li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/* line 6, app/assets/stylesheets/scss/utilities/index.scss */
.inline-flex {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* line 9, app/assets/stylesheets/scss/utilities/index.scss */
.is-start, .is-chips li {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

/* line 12, app/assets/stylesheets/scss/utilities/index.scss */
.is-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* line 15, app/assets/stylesheets/scss/utilities/index.scss */
.is-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 18, app/assets/stylesheets/scss/utilities/index.scss */
.is-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* line 21, app/assets/stylesheets/scss/utilities/index.scss */
.is-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

/* line 24, app/assets/stylesheets/scss/utilities/index.scss */
.is-evenly {
  justify-content: space-evenly;
}

/* line 27, app/assets/stylesheets/scss/utilities/index.scss */
.is-align-start {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

/* line 30, app/assets/stylesheets/scss/utilities/index.scss */
.is-align-end {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/* line 33, app/assets/stylesheets/scss/utilities/index.scss */
.is-align-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* line 37, app/assets/stylesheets/scss/utilities/index.scss */
.dir-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 40, app/assets/stylesheets/scss/utilities/index.scss */
.dir-column-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-box-direction: reverse;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/* line 43, app/assets/stylesheets/scss/utilities/index.scss */
.dir-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 47, app/assets/stylesheets/scss/utilities/index.scss */
.dir-row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-direction: reverse;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* line 51, app/assets/stylesheets/scss/utilities/index.scss */
.flex-grow {
  flex-grow: 1;
}

/* line 54, app/assets/stylesheets/scss/utilities/index.scss */
.is-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 57, app/assets/stylesheets/scss/utilities/index.scss */
.is-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

/* line 61, app/assets/stylesheets/scss/utilities/index.scss */
.is-align-baseline {
  align-items: baseline;
}

/* line 65, app/assets/stylesheets/scss/utilities/index.scss */
.is-break {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* line 68, app/assets/stylesheets/scss/utilities/index.scss */
.is-elipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 72, app/assets/stylesheets/scss/utilities/index.scss */
.trim-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 75, app/assets/stylesheets/scss/utilities/index.scss */
.trim-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 78, app/assets/stylesheets/scss/utilities/index.scss */
.trim-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 81, app/assets/stylesheets/scss/utilities/index.scss */
.is-grow {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}

/* line 84, app/assets/stylesheets/scss/utilities/index.scss */
.is-grow-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex: 2;
  flex-grow: 2;
}

/* line 87, app/assets/stylesheets/scss/utilities/index.scss */
.flex-1 {
  flex: 1;
}

/* line 91, app/assets/stylesheets/scss/utilities/index.scss */
.line-height-1, .is-chips li i {
  line-height: 1;
}

/* line 96, app/assets/stylesheets/scss/utilities/index.scss */
.is-chips li {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: var(--clr-primary-100);
  color: var(--clr-primary-600);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  padding: 0 0.5rem;
  margin-left: 0.6125rem;
  margin-bottom: 0.6125rem;
}

/* line 106, app/assets/stylesheets/scss/utilities/index.scss */
.is-chips li i {
  font-size: 0.875rem;
}

/* line 110, app/assets/stylesheets/scss/utilities/index.scss */
.is-chips li span {
  padding: 0 0.25rem;
}

/* line 113, app/assets/stylesheets/scss/utilities/index.scss */
.is-chips li.mb-0 {
  margin-bottom: 0;
}

/* line 118, app/assets/stylesheets/scss/utilities/index.scss */
.is-chips.is-border li {
  border: 1px solid var(--clr-primary-600);
}

/* line 122, app/assets/stylesheets/scss/utilities/index.scss */
.is-chips.is-bg {
  background-color: var(--clr-body-400);
  padding-top: 10px;
}

/* line 128, app/assets/stylesheets/scss/utilities/index.scss */
.text-center {
  text-align: center;
}

/* line 131, app/assets/stylesheets/scss/utilities/index.scss */
.is-hide {
  display: none;
}

/* line 134, app/assets/stylesheets/scss/utilities/index.scss */
.is-show {
  display: block;
}

/* line 137, app/assets/stylesheets/scss/utilities/index.scss */
.clr-body-500 {
  color: var(--clr-body-500);
}

/* line 140, app/assets/stylesheets/scss/utilities/index.scss */
.clr-blue {
  color: var(--clr-blue);
}

/* line 143, app/assets/stylesheets/scss/utilities/index.scss */
.clr-blue-light {
  color: var(--clr-blue-light);
}

/* line 146, app/assets/stylesheets/scss/utilities/index.scss */
.clr-blue_bg {
  background-color: var(--clr-blue);
}

/* line 149, app/assets/stylesheets/scss/utilities/index.scss */
.clr-blue-400_bg {
  background-color: var(--clr-blue-400);
}

/* line 152, app/assets/stylesheets/scss/utilities/index.scss */
.clr-blue-light_bg {
  background-color: var(--clr-blue-light);
}

/* line 155, app/assets/stylesheets/scss/utilities/index.scss */
.clr-blue-700 {
  color: var(--clr-bg-700);
}

/* line 158, app/assets/stylesheets/scss/utilities/index.scss */
.clr-cream-light_bg {
  background-color: var(--clr-cream-light);
}

/* line 161, app/assets/stylesheets/scss/utilities/index.scss */
.clr-green {
  color: var(--clr-green);
}

/* line 164, app/assets/stylesheets/scss/utilities/index.scss */
.clr-green-400_bg {
  background-color: var(--clr-green-400);
}

/* line 167, app/assets/stylesheets/scss/utilities/index.scss */
.clr-green-light_bg {
  background-color: var(--clr-green-light);
}

/* line 170, app/assets/stylesheets/scss/utilities/index.scss */
.clr-green_bg {
  background-color: var(--clr-green);
}

/* line 173, app/assets/stylesheets/scss/utilities/index.scss */
.clr-purple {
  color: var(--clr-purple);
}

/* line 176, app/assets/stylesheets/scss/utilities/index.scss */
.clr-purple_bg {
  background-color: var(--clr-purple);
}

/* line 179, app/assets/stylesheets/scss/utilities/index.scss */
.clr-peach {
  color: var(--clr-peach);
}

/* line 182, app/assets/stylesheets/scss/utilities/index.scss */
.clr-peach_bg {
  background-color: var(--clr-peach);
}

/* line 185, app/assets/stylesheets/scss/utilities/index.scss */
.clr-peach-light_bg {
  background-color: var(--clr-peach-light);
}

/* line 189, app/assets/stylesheets/scss/utilities/index.scss */
.clr-peach-400_bg {
  background-color: var(--clr-peach-400);
}

/* line 192, app/assets/stylesheets/scss/utilities/index.scss */
.clr-white {
  color: var(--clr-white);
}

/* line 195, app/assets/stylesheets/scss/utilities/index.scss */
.clr-white_bg {
  background-color: var(--clr-white);
}

/* line 198, app/assets/stylesheets/scss/utilities/index.scss */
.clr-bg {
  background-color: var(--clr-bg);
}

/* line 201, app/assets/stylesheets/scss/utilities/index.scss */
.clr-bg-600 {
  background-color: var(--clr-bg-600);
}

/* line 204, app/assets/stylesheets/scss/utilities/index.scss */
.clr-body-200 {
  color: var(--clr-body-200);
}

/* line 207, app/assets/stylesheets/scss/utilities/index.scss */
.clr-pink {
  color: var(--clr-pink);
}

/* line 211, app/assets/stylesheets/scss/utilities/index.scss */
.clr-yellow {
  color: var(--clr-yellow);
}

/* line 214, app/assets/stylesheets/scss/utilities/index.scss */
.clr-yellow_bg {
  background-color: var(--clr-yellow);
}

/* line 217, app/assets/stylesheets/scss/utilities/index.scss */
.clr-link {
  color: var(--clr-link);
}

/* line 220, app/assets/stylesheets/scss/utilities/index.scss */
.clr-body-light {
  color: var(--clr-body-light);
}

/* line 223, app/assets/stylesheets/scss/utilities/index.scss */
.is-link {
  color: var(--clr-link);
  text-decoration: underline;
}

/* line 229, app/assets/stylesheets/scss/utilities/index.scss */
.emoji-icon_peach {
  fill: var(--clr-peach);
}

/* line 232, app/assets/stylesheets/scss/utilities/index.scss */
.emoji-icon_green {
  fill: var(--clr-green);
}

/* line 235, app/assets/stylesheets/scss/utilities/index.scss */
.emoji-icon_pink {
  fill: var(--clr-pink);
}

/* line 238, app/assets/stylesheets/scss/utilities/index.scss */
.emoji-icon_blue {
  fill: var(--clr-blue);
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-4 {
  row-gap: 0.25rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-8 {
  row-gap: 0.5rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-12 {
  row-gap: 0.75rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-14 {
  row-gap: 0.875rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-16 {
  row-gap: 1rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-20 {
  row-gap: 1.25rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-24 {
  row-gap: 1.5rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-28 {
  row-gap: 1.75rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-30 {
  row-gap: 1.875rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-32 {
  row-gap: 2rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-36 {
  row-gap: 2.25rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-40 {
  row-gap: 2.5rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-44 {
  row-gap: 2.75rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-48 {
  row-gap: 3rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-52 {
  row-gap: 3.25rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-56 {
  row-gap: 3.5rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-60 {
  row-gap: 3.75rem;
}

/* line 249, app/assets/stylesheets/scss/utilities/index.scss */
.row-gap-64 {
  row-gap: 4rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-4 {
  column-gap: 0.25rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-8 {
  column-gap: 0.5rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-12 {
  column-gap: 0.75rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-14 {
  column-gap: 0.875rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-16 {
  column-gap: 1rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-20 {
  column-gap: 1.25rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-24 {
  column-gap: 1.5rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-28 {
  column-gap: 1.75rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-30 {
  column-gap: 1.875rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-32 {
  column-gap: 2rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-36 {
  column-gap: 2.25rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-40 {
  column-gap: 2.5rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-44 {
  column-gap: 2.75rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-48 {
  column-gap: 3rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-52 {
  column-gap: 3.25rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-56 {
  column-gap: 3.5rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-60 {
  column-gap: 3.75rem;
}

/* line 257, app/assets/stylesheets/scss/utilities/index.scss */
.col-gap-64 {
  column-gap: 4rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-4 {
  gap: 0.25rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-8 {
  gap: 0.5rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-12 {
  gap: 0.75rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-14 {
  gap: 0.875rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-16 {
  gap: 1rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-20 {
  gap: 1.25rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-24 {
  gap: 1.5rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-28 {
  gap: 1.75rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-30 {
  gap: 1.875rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-32 {
  gap: 2rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-36 {
  gap: 2.25rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-40 {
  gap: 2.5rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-44 {
  gap: 2.75rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-48 {
  gap: 3rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-52 {
  gap: 3.25rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-56 {
  gap: 3.5rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-60 {
  gap: 3.75rem;
}

/* line 265, app/assets/stylesheets/scss/utilities/index.scss */
.gap-64 {
  gap: 4rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-4 {
  margin: 0.25rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-8 {
  margin: 0.5rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-12 {
  margin: 0.75rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-14 {
  margin: 0.875rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-16 {
  margin: 1rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-20 {
  margin: 1.25rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-24 {
  margin: 1.5rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-28 {
  margin: 1.75rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-30 {
  margin: 1.875rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-32 {
  margin: 2rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-36 {
  margin: 2.25rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-40 {
  margin: 2.5rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-44 {
  margin: 2.75rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-48 {
  margin: 3rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-52 {
  margin: 3.25rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-56 {
  margin: 3.5rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-60 {
  margin: 3.75rem;
}

/* line 271, app/assets/stylesheets/scss/utilities/index.scss */
.m-64 {
  margin: 4rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-4 {
  margin-bottom: 0.25rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-8 {
  margin-bottom: 0.5rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-12 {
  margin-bottom: 0.75rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-14 {
  margin-bottom: 0.875rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-16 {
  margin-bottom: 1rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-20 {
  margin-bottom: 1.25rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-24 {
  margin-bottom: 1.5rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-28 {
  margin-bottom: 1.75rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-30 {
  margin-bottom: 1.875rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-32 {
  margin-bottom: 2rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-36 {
  margin-bottom: 2.25rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-40 {
  margin-bottom: 2.5rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-44 {
  margin-bottom: 2.75rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-48 {
  margin-bottom: 3rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-52 {
  margin-bottom: 3.25rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-56 {
  margin-bottom: 3.5rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-60 {
  margin-bottom: 3.75rem;
}

/* line 279, app/assets/stylesheets/scss/utilities/index.scss */
.mb-64 {
  margin-bottom: 4rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-4 {
  margin-top: 0.25rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-8 {
  margin-top: 0.5rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-12 {
  margin-top: 0.75rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-14 {
  margin-top: 0.875rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-16 {
  margin-top: 1rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-20 {
  margin-top: 1.25rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-24 {
  margin-top: 1.5rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-28 {
  margin-top: 1.75rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-30 {
  margin-top: 1.875rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-32 {
  margin-top: 2rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-36 {
  margin-top: 2.25rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-40 {
  margin-top: 2.5rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-44 {
  margin-top: 2.75rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-48 {
  margin-top: 3rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-52 {
  margin-top: 3.25rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-56 {
  margin-top: 3.5rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-60 {
  margin-top: 3.75rem;
}

/* line 286, app/assets/stylesheets/scss/utilities/index.scss */
.mt-64 {
  margin-top: 4rem;
}

/* line 292, app/assets/stylesheets/scss/utilities/index.scss */
.mt--2 {
  margin-top: -0.125rem;
}

/* line 292, app/assets/stylesheets/scss/utilities/index.scss */
.mt--4 {
  margin-top: -0.25rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-4 {
  margin-right: 0.25rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-8 {
  margin-right: 0.5rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-12 {
  margin-right: 0.75rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-14 {
  margin-right: 0.875rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-16 {
  margin-right: 1rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-20 {
  margin-right: 1.25rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-24 {
  margin-right: 1.5rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-28 {
  margin-right: 1.75rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-30 {
  margin-right: 1.875rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-32 {
  margin-right: 2rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-36 {
  margin-right: 2.25rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-40 {
  margin-right: 2.5rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-44 {
  margin-right: 2.75rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-48 {
  margin-right: 3rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-52 {
  margin-right: 3.25rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-56 {
  margin-right: 3.5rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-60 {
  margin-right: 3.75rem;
}

/* line 299, app/assets/stylesheets/scss/utilities/index.scss */
.mr-64 {
  margin-right: 4rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-4 {
  margin-left: 0.25rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-8 {
  margin-left: 0.5rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-12 {
  margin-left: 0.75rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-14 {
  margin-left: 0.875rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-16 {
  margin-left: 1rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-20 {
  margin-left: 1.25rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-24 {
  margin-left: 1.5rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-28 {
  margin-left: 1.75rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-30 {
  margin-left: 1.875rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-32 {
  margin-left: 2rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-36 {
  margin-left: 2.25rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-40 {
  margin-left: 2.5rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-44 {
  margin-left: 2.75rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-48 {
  margin-left: 3rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-52 {
  margin-left: 3.25rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-56 {
  margin-left: 3.5rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-60 {
  margin-left: 3.75rem;
}

/* line 306, app/assets/stylesheets/scss/utilities/index.scss */
.ml-64 {
  margin-left: 4rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-14 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-28 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-44 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-52 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

/* line 313, app/assets/stylesheets/scss/utilities/index.scss */
.my-64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-14 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-16 {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-28 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-30 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-32 {
  margin-left: 2rem;
  margin-right: 2rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-36 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-44 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-48 {
  margin-left: 3rem;
  margin-right: 3rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-52 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-60 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

/* line 321, app/assets/stylesheets/scss/utilities/index.scss */
.mx-64 {
  margin-left: 4rem;
  margin-right: 4rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-4 {
  padding: 0.25rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-8 {
  padding: 0.5rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-12 {
  padding: 0.75rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-14 {
  padding: 0.875rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-16 {
  padding: 1rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-20 {
  padding: 1.25rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-24 {
  padding: 1.5rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-28 {
  padding: 1.75rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-30 {
  padding: 1.875rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-32 {
  padding: 2rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-36 {
  padding: 2.25rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-40 {
  padding: 2.5rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-44 {
  padding: 2.75rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-48 {
  padding: 3rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-52 {
  padding: 3.25rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-56 {
  padding: 3.5rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-60 {
  padding: 3.75rem;
}

/* line 329, app/assets/stylesheets/scss/utilities/index.scss */
.pd-64 {
  padding: 4rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-4 {
  padding-bottom: 0.25rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-8 {
  padding-bottom: 0.5rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-12 {
  padding-bottom: 0.75rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-14 {
  padding-bottom: 0.875rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-16 {
  padding-bottom: 1rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-20 {
  padding-bottom: 1.25rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-24 {
  padding-bottom: 1.5rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-28 {
  padding-bottom: 1.75rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-30 {
  padding-bottom: 1.875rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-32 {
  padding-bottom: 2rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-36 {
  padding-bottom: 2.25rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-40 {
  padding-bottom: 2.5rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-44 {
  padding-bottom: 2.75rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-48 {
  padding-bottom: 3rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-52 {
  padding-bottom: 3.25rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-56 {
  padding-bottom: 3.5rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-60 {
  padding-bottom: 3.75rem;
}

/* line 337, app/assets/stylesheets/scss/utilities/index.scss */
.pb-64 {
  padding-bottom: 4rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-4 {
  padding-top: 0.25rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-8 {
  padding-top: 0.5rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-12 {
  padding-top: 0.75rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-14 {
  padding-top: 0.875rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-16 {
  padding-top: 1rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-20 {
  padding-top: 1.25rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-24 {
  padding-top: 1.5rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-28 {
  padding-top: 1.75rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-30 {
  padding-top: 1.875rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-32 {
  padding-top: 2rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-36 {
  padding-top: 2.25rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-40 {
  padding-top: 2.5rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-44 {
  padding-top: 2.75rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-48 {
  padding-top: 3rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-52 {
  padding-top: 3.25rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-56 {
  padding-top: 3.5rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-60 {
  padding-top: 3.75rem;
}

/* line 345, app/assets/stylesheets/scss/utilities/index.scss */
.pt-64 {
  padding-top: 4rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-4 {
  padding-left: 0.25rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-8 {
  padding-left: 0.5rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-12 {
  padding-left: 0.75rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-14 {
  padding-left: 0.875rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-16 {
  padding-left: 1rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-20 {
  padding-left: 1.25rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-24 {
  padding-left: 1.5rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-28 {
  padding-left: 1.75rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-30 {
  padding-left: 1.875rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-32 {
  padding-left: 2rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-36 {
  padding-left: 2.25rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-40 {
  padding-left: 2.5rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-44 {
  padding-left: 2.75rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-48 {
  padding-left: 3rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-52 {
  padding-left: 3.25rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-56 {
  padding-left: 3.5rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-60 {
  padding-left: 3.75rem;
}

/* line 353, app/assets/stylesheets/scss/utilities/index.scss */
.pl-64 {
  padding-left: 4rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-4 {
  padding-right: 0.25rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-8 {
  padding-right: 0.5rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-12 {
  padding-right: 0.75rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-14 {
  padding-right: 0.875rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-16 {
  padding-right: 1rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-20 {
  padding-right: 1.25rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-24 {
  padding-right: 1.5rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-28 {
  padding-right: 1.75rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-30 {
  padding-right: 1.875rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-32 {
  padding-right: 2rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-36 {
  padding-right: 2.25rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-40 {
  padding-right: 2.5rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-44 {
  padding-right: 2.75rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-48 {
  padding-right: 3rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-52 {
  padding-right: 3.25rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-56 {
  padding-right: 3.5rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-60 {
  padding-right: 3.75rem;
}

/* line 361, app/assets/stylesheets/scss/utilities/index.scss */
.pr-64 {
  padding-right: 4rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-14 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-28 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-36 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-44 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-52 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

/* line 368, app/assets/stylesheets/scss/utilities/index.scss */
.px-64 {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-14 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-28 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-44 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-52 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

/* line 376, app/assets/stylesheets/scss/utilities/index.scss */
.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-4 {
  border-radius: 0.25rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-8 {
  border-radius: 0.5rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-12 {
  border-radius: 0.75rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-14 {
  border-radius: 0.875rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-16 {
  border-radius: 1rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-20 {
  border-radius: 1.25rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-24 {
  border-radius: 1.5rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-28 {
  border-radius: 1.75rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-30 {
  border-radius: 1.875rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-32 {
  border-radius: 2rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-36 {
  border-radius: 2.25rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-40 {
  border-radius: 2.5rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-44 {
  border-radius: 2.75rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-48 {
  border-radius: 3rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-52 {
  border-radius: 3.25rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-56 {
  border-radius: 3.5rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-60 {
  border-radius: 3.75rem;
}

/* line 384, app/assets/stylesheets/scss/utilities/index.scss */
.radius-64 {
  border-radius: 4rem;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-200 {
  font-weight: 200;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-300 {
  font-weight: 300;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-400 {
  font-weight: 400;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-500 {
  font-weight: 500;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-600 {
  font-weight: 600;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-700 {
  font-weight: 700;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-800 {
  font-weight: 800;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-900 {
  font-weight: 900;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-bold {
  font-weight: bold;
}

/* line 393, app/assets/stylesheets/scss/utilities/index.scss */
.fw-normal {
  font-weight: normal;
}

/* line 397, app/assets/stylesheets/scss/utilities/index.scss */
.is-relative {
  position: relative;
}

/* line 401, app/assets/stylesheets/scss/utilities/index.scss */
.is-underline {
  text-decoration: underline;
}

/* line 405, app/assets/stylesheets/scss/utilities/index.scss */
.flex-1 {
  flex-grow: 1;
}

/* line 409, app/assets/stylesheets/scss/utilities/index.scss */
.z-index-1 {
  z-index: 1;
}

/* line 413, app/assets/stylesheets/scss/utilities/index.scss */
.z-index-2 {
  z-index: 2;
  position: relative;
}

/* line 418, app/assets/stylesheets/scss/utilities/index.scss */
.is-hidden {
  overflow: hidden;
}

/* line 422, app/assets/stylesheets/scss/utilities/index.scss */
.is-uppercase {
  text-transform: uppercase;
}

/* line 426, app/assets/stylesheets/scss/utilities/index.scss */
.is-capitalize {
  text-transform: capitalize;
}

/* line 430, app/assets/stylesheets/scss/utilities/index.scss */
.is-align-right {
  text-align: right;
}

/* line 434, app/assets/stylesheets/scss/utilities/index.scss */
.scrollbar {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* line 6, app/assets/stylesheets/scss/mixins/_scrollbar.scss */
.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 100vw;
}

/* line 12, app/assets/stylesheets/scss/mixins/_scrollbar.scss */
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--clr-bg-light);
  border-radius: 100vw;
  margin-block: 1em;
  margin-inline: 1em;
}

/* line 19, app/assets/stylesheets/scss/mixins/_scrollbar.scss */
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 100vw;
  background: var(--clr-blue);
}

@supports (scrollbar-color: var(--clr-bg-light) var(--clr-bg)) {
  /* line 434, app/assets/stylesheets/scss/utilities/index.scss */
  .scrollbar {
    scrollbar-color: var(--clr-bg-light) var(--clr-bg);
    scrollbar-width: auto;
  }
}

/* line 438, app/assets/stylesheets/scss/utilities/index.scss */
.is-square {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  overflow: hidden;
}

/* line 445, app/assets/stylesheets/scss/utilities/index.scss */
.is-square img {
  object-fit: cover;
}

/* line 449, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_sm {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 38px;
  width: 38px;
  height: 38px;
}

/* line 454, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_sm img {
  max-height: 24px;
}

/* line 458, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_xs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 32px;
  width: 32px;
  height: 32px;
}

/* line 463, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_xs img {
  max-height: 18px;
}

/* line 466, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_xs svg {
  max-height: 24px;
}

/* line 469, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_xs i {
  font-size: var(--fs-h5);
}

/* line 473, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_md {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 70px;
  width: 70px;
  height: 70px;
}

/* line 478, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_md img {
  max-width: 50px;
}

/* line 482, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_lg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 108px;
  width: 108px;
  height: 108px;
}

/* line 487, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_lg img {
  max-width: 60px;
}

/* line 491, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_circle {
  border-radius: 100%;
}

/* line 493, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_circle img {
  border-radius: 100%;
}

/* line 497, app/assets/stylesheets/scss/utilities/index.scss */
.is-square-drag {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

/* line 503, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_icon {
  background-color: var(--clr-blue);
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  -ms-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

/* line 507, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_icon svg {
  fill: var(--clr-white);
}

/* line 510, app/assets/stylesheets/scss/utilities/index.scss */
.is-square_icon:hover {
  background-color: var(--clr-blue-light);
}

/* line 516, app/assets/stylesheets/scss/utilities/index.scss */
.is-status {
  padding: 0.125rem 0.6125rem;
  font-size: var(--fs-md);
  text-align: center;
  position: relative;
}

/* line 521, app/assets/stylesheets/scss/utilities/index.scss */
.is-status.is-before {
  display: inline-block;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* line 525, app/assets/stylesheets/scss/utilities/index.scss */
.is-status.is-before::before {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 0.5rem;
  display: inline-flex;
}

/* line 534, app/assets/stylesheets/scss/utilities/index.scss */
.is-status_pd {
  padding: 0.5px 10px;
  text-transform: capitalize;
}

/* line 538, app/assets/stylesheets/scss/utilities/index.scss */
.is-status_border {
  border: 1px solid;
}

/* line 542, app/assets/stylesheets/scss/utilities/index.scss */
.is-status_radius {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}

/* line 545, app/assets/stylesheets/scss/utilities/index.scss */
.is-status_yellow {
  background-color: var(--clr-yellow);
}

/* line 552, app/assets/stylesheets/scss/utilities/index.scss */
.social-icons a {
  display: inline-flex;
}

/* line 556, app/assets/stylesheets/scss/utilities/index.scss */
.social-icons svg path {
  transition: fill linear var(--transition-speed);
}

/* line 561, app/assets/stylesheets/scss/utilities/index.scss */
.social-icons svg:hover path, .social-icons svg:focus path {
  fill: var(--clr-blue);
}

/* line 569, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown {
  position: relative;
  min-width: 100px;
  max-width: 200px;
}

/* line 573, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-selected {
  padding: 0.5rem 1rem;
  text-transform: capitalize;
  height: 48px;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  width: 100%;
  cursor: pointer;
}

/* line 582, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-selected_text {
  width: 100%;
}

/* line 585, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-selected span.flex-grow {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 590, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-icon svg {
  fill: var(--clr-body);
}

/* line 593, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-icon_plus {
  display: block;
}

/* line 596, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-icon_minus {
  display: none;
}

/* line 601, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-list {
  padding: 0.5rem 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 150px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  max-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* line 6, app/assets/stylesheets/scss/mixins/_scrollbar.scss */
.dropdown-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 100vw;
}

/* line 12, app/assets/stylesheets/scss/mixins/_scrollbar.scss */
.dropdown-list::-webkit-scrollbar-track {
  background-color: var(--clr-blue-light);
  border-radius: 100vw;
  margin-block: 1em;
  margin-inline: 1em;
}

/* line 19, app/assets/stylesheets/scss/mixins/_scrollbar.scss */
.dropdown-list::-webkit-scrollbar-thumb {
  border-radius: 100vw;
  background: var(--clr-blue-600);
}

@supports (scrollbar-color: var(--clr-blue-light) var(--clr-bg)) {
  /* line 601, app/assets/stylesheets/scss/utilities/index.scss */
  .dropdown-list {
    scrollbar-color: var(--clr-blue-light) var(--clr-bg);
    scrollbar-width: auto;
  }
}

/* line 619, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-list li {
  padding: 0.5rem 1rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* line 623, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-list li:hover {
  background-color: var(--clr-blue-light);
}

/* line 630, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-active .dropdown-icon_plus {
  display: none;
}

/* line 633, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-active .dropdown-icon_minus {
  display: block;
}

/* line 637, app/assets/stylesheets/scss/utilities/index.scss */
.dropdown-active .dropdown-list {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  z-index: 99999;
}

/* line 646, app/assets/stylesheets/scss/utilities/index.scss */
.text-right {
  text-align: right;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* button
--------------------------------------------- */
/* line 1, app/assets/stylesheets/scss/components/_button.scss */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 0.5rem 1rem;
  min-width: 100px;
  text-align: center;
  font-size: var(--ff-body);
}

/* line 10, app/assets/stylesheets/scss/components/_button.scss */
.btn-lg {
  padding: 0.75rem 1.5rem;
}

/* line 13, app/assets/stylesheets/scss/components/_button.scss */
.btn-primary {
  border-color: transparent;
  background-color: var(--clr-blue-900);
  color: var(--clr-white);
}

/* line 17, app/assets/stylesheets/scss/components/_button.scss */
.btn-primary:hover {
  background-color: var(--clr-blue-600);
  border-color: transparent;
}

/* line 22, app/assets/stylesheets/scss/components/_button.scss */
.btn-secondary {
  color: var(--clr-white);
  border-color: var(--clr-body-200);
  background-color: var(--clr-body-200);
}

/* line 27, app/assets/stylesheets/scss/components/_button.scss */
.btn-dark {
  color: var(--clr-white);
  background-color: var(--clr-body);
}

/* line 32, app/assets/stylesheets/scss/components/_button.scss */
.btn-outline-secondary {
  border-color: var(--clr-body-200);
}

/* line 34, app/assets/stylesheets/scss/components/_button.scss */
.btn-outline-secondary .icon {
  transition: filter 0.1s linear;
}

/* line 38, app/assets/stylesheets/scss/components/_button.scss */
.btn-outline-secondary:hover .icon {
  filter: invert(1);
}

/* line 44, app/assets/stylesheets/scss/components/_button.scss */
.btn:focus {
  outline: none;
  box-shadow: none;
}

/* button
--------------------------------------------- */
/* line 3, app/assets/stylesheets/scss/components/_field.scss */
input.form-control,
textarea.form-control {
  padding: 0.575rem 1rem;
  border: 1px solid var(--clr-border);
  font-size: var(--ff-body);
}

/* line 7, app/assets/stylesheets/scss/components/_field.scss */
input.form-control.no-border,
textarea.form-control.no-border {
  border: none;
}

/* line 10, app/assets/stylesheets/scss/components/_field.scss */
input.form-control:focus,
textarea.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--clr-border);
}

/* line 16, app/assets/stylesheets/scss/components/_field.scss */
input .form-control[value],
textarea .form-control[value] {
  color: var(--clr-body-500);
}

/* line 2, app/assets/stylesheets/scss/mixins/_placeholder.scss */
input.placeholder,
textarea.placeholder {
  font-size: var(--fs-body);
}

/* line 21, app/assets/stylesheets/scss/components/_field.scss */
input.placeholder::first-letter,
textarea.placeholder::first-letter {
  text-transform: capitalize;
}

/* line 5, app/assets/stylesheets/scss/mixins/_placeholder.scss */
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-size: var(--fs-body);
}

/* line 21, app/assets/stylesheets/scss/components/_field.scss */
input::-moz-placeholder::first-letter,
textarea::-moz-placeholder::first-letter {
  text-transform: capitalize;
}

/* line 8, app/assets/stylesheets/scss/mixins/_placeholder.scss */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: var(--fs-body);
}

/* line 21, app/assets/stylesheets/scss/components/_field.scss */
input:-ms-input-placeholder::first-letter,
textarea:-ms-input-placeholder::first-letter {
  text-transform: capitalize;
}

/* line 11, app/assets/stylesheets/scss/mixins/_placeholder.scss */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: var(--fs-body);
}

/* line 21, app/assets/stylesheets/scss/components/_field.scss */
input::-webkit-input-placeholder::first-letter,
textarea::-webkit-input-placeholder::first-letter {
  text-transform: capitalize;
}

/* line 27, app/assets/stylesheets/scss/components/_field.scss */
.form-check {
  min-height: 1.75rem;
  padding-left: 1.75rem;
  margin: 0;
}

/* line 31, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-label {
  line-height: 1rem;
  margin-left: 0.25rem;
}

/* line 35, app/assets/stylesheets/scss/components/_field.scss */
.form-check.form-check-inline {
  margin-right: 1.75rem;
}

/* line 39, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-input[type="radio"]::after {
  position: absolute;
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: var(--clr-yellow);
  top: 0;
  left: 0;
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* line 54, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-input {
  margin-left: -1.75rem;
  height: 1.25rem;
  width: 1.25rem;
  position: relative;
}

/* line 59, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-input:checked {
  background-color: var(--clr-yellow);
  border-color: var(--clr-yellow);
}

/* line 63, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-input:focus {
  box-shadow: none;
  outline: none;
  border-color: var(--clr-yellow);
}

/* line 68, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-input[type="radio"]:checked {
  box-shadow: none;
  background-color: transparent;
  border-color: var(--clr-border);
}

/* line 72, app/assets/stylesheets/scss/components/_field.scss */
.form-check .form-check-input[type="radio"]:checked::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}

/* line 84, app/assets/stylesheets/scss/components/_field.scss */
.input-group_right .form-control {
  border-right: none;
}

/* line 88, app/assets/stylesheets/scss/components/_field.scss */
.input-group .input-group-text {
  background-color: var(--clr-white);
}

/* line 92, app/assets/stylesheets/scss/components/_field.scss */
.form-select {
  font-size: var(--fs-body);
  line-height: 2.1;
  color: var(--clr-body);
  border-color: var(--clr-border);
}

/* line 98, app/assets/stylesheets/scss/components/_field.scss */
.form-select:focus {
  box-shadow: none;
  border-color: var(--clr-border);
}

/* line 104, app/assets/stylesheets/scss/components/_field.scss */
.form-label,
.form-check-label {
  color: var(--clr-body-500);
}

/* line 108, app/assets/stylesheets/scss/components/_field.scss */
.form-label {
  text-transform: capitalize;
}

/* line 112, app/assets/stylesheets/scss/components/_field.scss */
.hybrid-select {
  min-width: 100%;
}

/* line 116, app/assets/stylesheets/scss/components/_field.scss */
.select2-selection--single {
  min-height: 100%;
  height: 2.5rem !important;
}

/* line 119, app/assets/stylesheets/scss/components/_field.scss */
.select2-selection--single .select2-selection__rendered {
  line-height: 2.5rem !important;
}

/* line 122, app/assets/stylesheets/scss/components/_field.scss */
.select2-selection--single .select2-selection__arrow {
  height: 2.5rem !important;
}

/* Accordion
--------------------------------------------- */
/* line 1, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item {
  border-radius: 12px;
  font-size: var(--fs-lg);
}

/* line 5, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item_header {
  padding: 1rem 2rem;
}

/* line 7, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item_header .acc-icon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* line 12, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item_body {
  padding: 0 2rem;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.25s ease-out;
  opacity: 0;
}

/* line 22, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item_active .acc-item_header .acc-icon {
  transform: rotate(90deg);
}

/* line 26, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item_active .acc-item_body {
  opacity: 1;
  overflow: unset;
  padding-bottom: 2rem;
}

/* line 32, app/assets/stylesheets/scss/components/_accordion.scss */
.acc-item:not(:last-child) {
  margin-bottom: 0.875rem;
}

/* tab
--------------------------------------------- */
/* Card
--------------------------------------------- */
/* Modal
--------------------------------------------- */
/* line 5, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100vw;
  height: 100vh;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* line 22, app/assets/stylesheets/scss/components/_modal.scss */
.modal-show {
  z-index: 999 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 26, app/assets/stylesheets/scss/components/_modal.scss */
.modal-show .modal-cntr {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  filter: alpha(opacity=100);
}

/* line 33, app/assets/stylesheets/scss/components/_modal.scss */
.modal-cntr {
  min-width: 280px;
  max-width: 95vw;
  max-height: 95vh;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--clr-white);
  flex-grow: 0;
  flex-shrink: 0;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  position: relative;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 480px) {
  /* line 33, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr {
    max-width: 98vw;
    width: 98vw;
  }
}

@media (min-width: 768px) {
  /* line 33, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr {
    max-width: 650px;
  }
}

/* line 56, app/assets/stylesheets/scss/components/_modal.scss */
.modal-cntr_radius {
  border-radius: 30px;
}

@media (min-width: 768px) {
  /* line 59, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr_sm {
    max-width: 480px;
    min-width: 480px;
  }
}

@media (min-width: 768px) {
  /* line 65, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr_md {
    max-width: 590px;
    min-width: 590px;
  }
}

@media (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr_lg {
    max-width: 768px;
    min-width: 768px;
  }
}

@media (min-width: 1280px) {
  /* line 71, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr_lg {
    max-width: 800px;
    min-width: 800px;
  }
}

@media (min-width: 768px) {
  /* line 81, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr_xl {
    max-width: 95vw;
    width: 95vw;
  }
}

@media (min-width: 480px) {
  /* line 87, app/assets/stylesheets/scss/components/_modal.scss */
  .modal-cntr_xxl {
    max-width: 100vw;
    width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
  }
}

/* line 99, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) .modal-header,
.modal-cntr .modal-header {
  flex-shrink: 0;
  padding: 2rem 2rem 0 2rem;
  padding-top: 2rem;
}

/* line 104, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) .modal-header.is-border,
.modal-cntr .modal-header.is-border {
  border-bottom: 1px solid var(--clr-body);
}

/* line 110, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) .modal-footer,
.modal-cntr .modal-footer {
  flex-shrink: 0;
  padding: 0 2rem 2rem 2rem;
}

/* line 114, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) .modal-footer.is-border,
.modal-cntr .modal-footer.is-border {
  border-top: 1px solid var(--clr-body-body);
}

/* line 120, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) .modal-body,
.modal-cntr .modal-body {
  padding: 2rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  overflow: hidden;
}

/* line 125, app/assets/stylesheets/scss/components/_modal.scss */
.modal:has(.modal-cntr) .modal-body:hover,
.modal-cntr .modal-body:hover {
  overflow: auto;
}

/* line 131, app/assets/stylesheets/scss/components/_modal.scss */
.modal-close {
  top: 1rem;
  right: 2rem;
  z-index: 99;
  position: absolute;
  cursor: pointer;
}

/* line 139, app/assets/stylesheets/scss/components/_modal.scss */
.modal-close svg:hover path {
  fill: var(--clr-body);
}

/* line 149, app/assets/stylesheets/scss/components/_modal.scss */
#addtoCart-modal .buttons .btn {
  padding: 0.75rem 1.5rem;
}

/* line 153, app/assets/stylesheets/scss/components/_modal.scss */
#addtoCart-modal .addtoCart-modal_figure {
  margin: auto;
}

/* Pagination
--------------------------------------------- */
/* line 3, app/assets/stylesheets/scss/components/_pagination.scss */
.pagination-next img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 7, app/assets/stylesheets/scss/components/_pagination.scss */
.pagination-prev, .pagination-next {
  background-color: transparent;
}

/* line 11, app/assets/stylesheets/scss/components/_pagination.scss */
.pagination-nav_item {
  background-color: var(--clr-white);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 15, app/assets/stylesheets/scss/components/_pagination.scss */
.pagination-nav_active {
  background-color: var(--clr-yellow);
  color: var(--clr-white);
}

/* line 21, app/assets/stylesheets/scss/components/_pagination.scss */
.pagination .is-square:hover {
  color: var(--clr-white);
  background-color: var(--clr-yellow);
}

/* line 24, app/assets/stylesheets/scss/components/_pagination.scss */
.pagination .is-square:hover img {
  filter: brightness(5);
}

/* line 1, app/assets/stylesheets/scss/admin/_global.scss */
:root {
  --clr-body-500: #949494;
  --clr-blue-900: #007AFE;
  --bs-light-rgb: 241,241,241;
  --bs-alert-bg: var(--clr-red);
  --bs-tertiary-bg-rgb: 248,248,248;
  --fs-26: calc((26 / var(--base-fs) * 1rem));
}

/* line 10, app/assets/stylesheets/scss/admin/_global.scss */
hr {
  border-top-color: var(--clr-body-300);
  border-bottom-color: transparent;
}

/* line 15, app/assets/stylesheets/scss/admin/_global.scss */
.clr-body-500 {
  color: var(--clr-body-500);
}

/* line 19, app/assets/stylesheets/scss/admin/_global.scss */
.clr-blue-900 {
  color: var(--clr-blue-900);
}

/* line 23, app/assets/stylesheets/scss/admin/_global.scss */
.fs-26 {
  font-size: var(--fs-26);
}

/* line 26, app/assets/stylesheets/scss/admin/_global.scss */
.form-control.filter-search {
  width: 280px;
  padding-left: 44px;
}

/* line 32, app/assets/stylesheets/scss/admin/_global.scss */
.dropdown-menu {
  border: 0;
  box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.11);
}

/* line 39, app/assets/stylesheets/scss/admin/_global.scss */
.table th, .table td {
  vertical-align: middle;
  padding-block: 16px;
  border-color: #EBEBEB !important;
}

/* line 46, app/assets/stylesheets/scss/admin/_global.scss */
.min-w-0 {
  min-width: 0;
}

/* line 50, app/assets/stylesheets/scss/admin/_global.scss */
.status {
  padding: 5px;
  width: 117px;
  height: 22px;
  background: #DDD;
  margin: 0 auto;
}

/* line 56, app/assets/stylesheets/scss/admin/_global.scss */
.status.new {
  background-color: var(--clr-yellow);
}

/* line 59, app/assets/stylesheets/scss/admin/_global.scss */
.status.pa-review {
  background-color: var(--clr-yellow);
}

/* line 62, app/assets/stylesheets/scss/admin/_global.scss */
.status.more-info {
  color: var(--clr-white);
  background-color: var(--clr-brown);
}

/* line 66, app/assets/stylesheets/scss/admin/_global.scss */
.status.in-progress {
  background-color: var(--clr-green-light);
}

/* line 69, app/assets/stylesheets/scss/admin/_global.scss */
.status.ca-review {
  background-color: var(--clr-green-light);
}

/* line 72, app/assets/stylesheets/scss/admin/_global.scss */
.status.txp-review {
  background-color: var(--clr-purple-light);
}

/* line 75, app/assets/stylesheets/scss/admin/_global.scss */
.status.final-review {
  background-color: var(--clr-yellow);
}

/* line 78, app/assets/stylesheets/scss/admin/_global.scss */
.status.in-review {
  background-color: var(--clr-yellow);
}

/* line 81, app/assets/stylesheets/scss/admin/_global.scss */
.status.info-updated {
  background-color: var(--clr-yellow);
}

/* line 84, app/assets/stylesheets/scss/admin/_global.scss */
.status.answering {
  background-color: var(--clr-green-light);
}

/* line 87, app/assets/stylesheets/scss/admin/_global.scss */
.status.closed-lost {
  background-color: var(--clr-purple-light);
}

/* line 90, app/assets/stylesheets/scss/admin/_global.scss */
.status.enrolled {
  background-color: var(--clr-green-light);
}

/* line 93, app/assets/stylesheets/scss/admin/_global.scss */
.status.referred {
  background-color: var(--clr-yellow);
}

/* line 98, app/assets/stylesheets/scss/admin/_global.scss */
.table-responsive-xxl {
  overflow-y: hidden;
  min-height: 390px;
}

/* line 101, app/assets/stylesheets/scss/admin/_global.scss */
.table-responsive-xxl .table {
  min-width: 750px;
}

/* line 106, app/assets/stylesheets/scss/admin/_global.scss */
.dots.dropdown-toggle {
  width: 20px;
  height: 16px;
  margin: 0 auto;
  object-fit: contain;
}

@media (min-width: 1200px) {
  /* line 114, app/assets/stylesheets/scss/admin/_global.scss */
  .grid-xl-5-col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

/* line 121, app/assets/stylesheets/scss/admin/_global.scss */
.link {
  text-decoration: underline;
  color: var(--clr-blue-700);
}

/* line 126, app/assets/stylesheets/scss/admin/_global.scss */
.table {
  --bs-table-striped-bg: #f8f8f8;
}

/* line 130, app/assets/stylesheets/scss/admin/_global.scss */
label {
  color: var(--clr-black-500, #666);
}

/* line 134, app/assets/stylesheets/scss/admin/_global.scss */
textarea::placeholder {
  color: var(--clr-body-300) !important;
}

/* line 138, app/assets/stylesheets/scss/admin/_global.scss */
.sidebar-grid {
  gap: 30px 52px;
  display: grid;
}

/* line 141, app/assets/stylesheets/scss/admin/_global.scss */
.sidebar-grid > * {
  min-width: 0;
}

@media (min-width: 991px) {
  /* line 138, app/assets/stylesheets/scss/admin/_global.scss */
  .sidebar-grid {
    grid-template-columns: 250px 1fr;
  }
}

@media (min-width: 1024px) {
  /* line 138, app/assets/stylesheets/scss/admin/_global.scss */
  .sidebar-grid {
    grid-template-columns: 276px 1fr;
  }
}

/* line 153, app/assets/stylesheets/scss/admin/_global.scss */
.select2-container .select2-selection--single {
  height: 48px;
}

/* line 156, app/assets/stylesheets/scss/admin/_global.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 18px;
  line-height: 48px;
}

/* line 160, app/assets/stylesheets/scss/admin/_global.scss */
.select2-container .select2-selection--single .select2-selection__arrow {
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/icon-chevron-down-8517b5541a4e506fd5d89745fb2f953bb324b5bf146e614878992f3633f7b63b.svg);
}

/* line 166, app/assets/stylesheets/scss/admin/_global.scss */
.select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}

/* line 173, app/assets/stylesheets/scss/admin/_global.scss */
.select2-search--dropdown .select2-search__field {
  padding-left: 8px;
}

/* line 176, app/assets/stylesheets/scss/admin/_global.scss */
.cursor-pointer, select,
.dropdown, .form-check-input, label[for] {
  cursor: pointer;
}

/* line 190, app/assets/stylesheets/scss/admin/_global.scss */
.rounded-circle {
  aspect-ratio: 1;
  object-fit: cover;
}

/* line 195, app/assets/stylesheets/scss/admin/_global.scss */
.patient-link:hover {
  text-decoration: underline;
  color: var(--clr-blue-900);
}

/* line 200, app/assets/stylesheets/scss/admin/_global.scss */
.patient-assessment-table_container, .top-scrollbar {
  overflow: auto;
}

/* line 202, app/assets/stylesheets/scss/admin/_global.scss */
.patient-assessment-table_container .table, .top-scrollbar .table {
  min-width: 900px;
}

/* line 205, app/assets/stylesheets/scss/admin/_global.scss */
.patient-assessment-table_container th, .top-scrollbar th {
  line-height: 1;
}

/* line 209, app/assets/stylesheets/scss/admin/_global.scss */
.top-scrollbar {
  z-index: 2;
  position: relative;
  margin-bottom: -7px;
}

/* line 216, app/assets/stylesheets/scss/admin/_global.scss */
.img-add-photo {
  border: 1px dashed #ddd;
  background: white;
  border-radius: 8px;
}

/* line 223, app/assets/stylesheets/scss/admin/_global.scss */
.sortable {
  position: relative;
  padding-right: 16px;
}

/* line 226, app/assets/stylesheets/scss/admin/_global.scss */
.sortable::before, .sortable::after {
  content: '';
  position: absolute;
  top: calc(50% + 4px);
  right: 0;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  opacity: 0.8;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent var(--clr-body) transparent;
}

/* line 240, app/assets/stylesheets/scss/admin/_global.scss */
.sortable::after {
  top: calc(50% - 4px);
  border-width: 5px 5px 0 5px;
  border-color: var(--clr-body) transparent transparent transparent;
}

/* line 246, app/assets/stylesheets/scss/admin/_global.scss */
.sortable.desc:before {
  top: 50%;
  opacity: 1;
}

/* line 250, app/assets/stylesheets/scss/admin/_global.scss */
.sortable.desc::after {
  display: none;
}

/* line 255, app/assets/stylesheets/scss/admin/_global.scss */
.sortable.asc::before {
  display: none;
}

/* line 258, app/assets/stylesheets/scss/admin/_global.scss */
.sortable.asc:after {
  top: 50%;
  opacity: 1;
}

/* line 264, app/assets/stylesheets/scss/admin/_global.scss */
.modal-show {
  z-index: 1030;
}

/* line 268, app/assets/stylesheets/scss/admin/_global.scss */
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

/* line 285, app/assets/stylesheets/scss/admin/_global.scss */
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

/* line 302, app/assets/stylesheets/scss/admin/_global.scss */
.loader-div {
  display: flex;
  position: fixed;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* line 315, app/assets/stylesheets/scss/admin/_global.scss */
.hide-loader {
  display: none !important;
}

/* line 318, app/assets/stylesheets/scss/admin/_global.scss */
.loader-div.active {
  display: flex;
}

/* line 1, app/assets/stylesheets/scss/admin/_header.scss */
:root {
  --header-nav-height: 113px;
  --sidebar-nav-width: 274px;
}

@media (max-width: 991px) {
  /* line 1, app/assets/stylesheets/scss/admin/_header.scss */
  :root {
    --header-nav-height: 76px;
  }
}

/* line 8, app/assets/stylesheets/scss/admin/_header.scss */
.header-nav {
  padding: 17px;
  border: 1px solid #E3E3E3;
}

@media (max-width: 991px) {
  /* line 8, app/assets/stylesheets/scss/admin/_header.scss */
  .header-nav {
    padding: 12px;
  }
}

@media (max-width: 991px) {
  /* line 16, app/assets/stylesheets/scss/admin/_header.scss */
  .header-logo {
    width: 50px;
  }
}

@media (max-width: 991px) {
  /* line 21, app/assets/stylesheets/scss/admin/_header.scss */
  .navbar-brand {
    padding: 0;
  }
}

@media (max-width: 991px) {
  /* line 27, app/assets/stylesheets/scss/admin/_header.scss */
  .navbar-right {
    margin-right: 0;
  }
}

/* line 33, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav {
  left: 0;
  top: var(--header-nav-height);
  z-index: 99;
  padding: 34px 33px;
  position: fixed;
  width: var(--sidebar-nav-width);
  height: calc(100vh - var(--header-nav-height)) !important;
  transition: left 0.3s linear;
  background-color: var(--clr-white);
}

@media (max-width: 991px) {
  /* line 33, app/assets/stylesheets/scss/admin/_header.scss */
  .sidebar-nav {
    opacity: 0;
    left: -100%;
  }
  /* line 46, app/assets/stylesheets/scss/admin/_header.scss */
  .sidebar-nav.collapsing {
    opacity: 1;
    left: -50%;
  }
  /* line 50, app/assets/stylesheets/scss/admin/_header.scss */
  .sidebar-nav.show {
    left: 0;
    opacity: 1;
  }
}

/* line 55, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .nav-item {
  padding: 8px 12px;
  border-radius: 4px;
}

/* line 58, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .nav-item.active {
  background: var(--clr-bg-600);
}

/* line 60, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .nav-item.active .nav-link {
  color: var(--clr-blue-700);
}

/* line 65, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .nav-link {
  width: 100%;
  font-size: 16px;
  color: var(--clr-body);
}

/* line 72, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .has-sub-menu.show-menu .dropdown-icon {
  transform: rotate(0);
}

/* line 76, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .has-sub-menu .sub-menu {
  display: none;
}

/* line 79, app/assets/stylesheets/scss/admin/_header.scss */
.sidebar-nav .has-sub-menu .dropdown-icon {
  transform: rotate(-90deg);
  transition: transform 0.3s linear;
}

/* line 85, app/assets/stylesheets/scss/admin/_header.scss */
.main-content-wrapper {
  margin-top: var(--header-nav-height);
  padding: 40px 65px 40px 25px;
}

@media (max-width: 991px) {
  /* line 85, app/assets/stylesheets/scss/admin/_header.scss */
  .main-content-wrapper {
    width: 100%;
    padding: 40px 30px;
  }
}

@media (max-width: 576px) {
  /* line 85, app/assets/stylesheets/scss/admin/_header.scss */
  .main-content-wrapper {
    padding: 40px 20px;
  }
}

/* line 97, app/assets/stylesheets/scss/admin/_header.scss */
.main-content-wrapper-patient {
  margin-top: 0;
}

/* line 101, app/assets/stylesheets/scss/admin/_header.scss */
.profile-dropdown {
  min-width: unset;
  cursor: default;
}

/* line 104, app/assets/stylesheets/scss/admin/_header.scss */
.profile-dropdown .dropdown-menu {
  right: -40px;
  left: unset;
  width: 300px;
  min-width: max-content;
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.29);
}

/* line 113, app/assets/stylesheets/scss/admin/_header.scss */
.change-profile-image {
  width: 27px;
  height: 27px;
  padding: 6px 4px;
  border-radius: 30px;
  opacity: 0.5;
  border: 0;
  transition: opacity linear 0.3s;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--clr-white);
  background-image: url(/assets/icon-camera-9558f4c931989c9c4f5a19b40f8da7ac4c0593f75f1211acb441bdcb2a867867.svg);
}

/* line 126, app/assets/stylesheets/scss/admin/_header.scss */
.change-profile-image:hover, .profile-dropdown-image:hover .change-profile-image {
  opacity: 1;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}

/* line 134, app/assets/stylesheets/scss/admin/_header.scss */
.notification__count {
  top: -6px;
  left: 10px;
  color: white;
  padding: 4px;
  font-size: 10px;
  line-height: 1;
  background: #b93e42;
}

/* line 146, app/assets/stylesheets/scss/admin/_header.scss */
.admin-layout .main-content-wrapper {
  left: var(--sidebar-nav-width);
  width: calc(100vw - var(--sidebar-nav-width));
}

@media (max-width: 991px) {
  /* line 146, app/assets/stylesheets/scss/admin/_header.scss */
  .admin-layout .main-content-wrapper {
    left: unset;
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 2, app/assets/stylesheets/scss/admin/_patient.scss */
  .patient-details .segment {
    padding-inline: 20px;
  }
}

/* line 9, app/assets/stylesheets/scss/admin/_patient.scss */
.show-never .is-never {
  display: table-row !important;
}

/* line 12, app/assets/stylesheets/scss/admin/_patient.scss */
.show-never #expand-never img {
  transform: rotate(180deg);
}

/* line 18, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review td:first-of-type {
  padding-left: 30px;
}

/* line 21, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review td .often,
.patient-assessment-review td .always {
  position: relative;
  padding-left: 20px;
}

/* line 25, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review td .often:before,
.patient-assessment-review td .always:before {
  content: '';
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--clr-red);
}

/* line 37, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review td .often {
  padding-right: 6px;
}

/* line 39, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review td .often:before {
  background-color: var(--clr-yellow);
}

/* line 45, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review .is-never {
  display: none;
}

/* line 48, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review .question-col {
  width: 40%;
}

/* line 51, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-assessment-review .answer-col {
  width: 60%;
  text-align: start;
}

/* line 57, app/assets/stylesheets/scss/admin/_patient.scss */
#expand-never {
  left: 0;
}

/* line 59, app/assets/stylesheets/scss/admin/_patient.scss */
#expand-never img {
  height: 14px;
}

/* line 66, app/assets/stylesheets/scss/admin/_patient.scss */
tr:hover .icon-zoom, tr:hover .patient-image_wrapper .icon-retouch, .patient-image_wrapper tr:hover .icon-retouch {
  opacity: 1;
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.8));
}

/* line 74, app/assets/stylesheets/scss/admin/_patient.scss */
td.w-124 {
  width: 124px;
  border-left: 1px solid #E3E3E3;
}

/* line 80, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-image {
  width: 78px;
  height: 78px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 4px;
}

/* line 87, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-image_wrapper .icon-zoom, .patient-image_wrapper .icon-retouch {
  right: 0.5rem;
  bottom: 0.3rem;
  opacity: 0;
  padding: 0;
  min-width: unset;
  transition: opacity 0.3s ease-out;
}

/* line 94, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-image_wrapper .icon-zoom:active, .patient-image_wrapper .icon-retouch:active {
  border: transparent;
}

/* line 98, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-image_wrapper .icon-retouch {
  right: 2.5rem;
  bottom: 0;
}

/* line 106, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .swiper-button-next,
.image-preview-modal .swiper-button-prev {
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url(/assets/icon-chevron-left-82a6ea31b19ae912ad7b77c69b9e4b3e9e7b53d40961585390d4f01e73050b84.svg);
}

/* line 112, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .swiper-button-next {
  background-image: url(/assets/icon-chevron-right-3423c2fadeb3e52851d64134a3de4d773c777a37b0f6e5011fcf911451d4b6a9.svg);
}

/* line 115, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .modal-close {
  background-size: 54px;
  background-repeat: no-repeat;
  background-image: url(/assets/icon-close-6ef78b19a1b99f0a0fff3c7324dc4780ce708fd10140e2dcf6d2a58b00019a90.svg);
}

/* line 120, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .modal-cntr {
  margin-top: 80px;
}

/* line 123, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .swiper-slide {
  user-select: none;
  max-height: 500px;
}

/* line 126, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .swiper-slide img {
  max-width: 500px;
  object-fit: contain;
}

/* line 131, app/assets/stylesheets/scss/admin/_patient.scss */
.image-preview-modal .modal-close {
  top: -45px;
  right: -45px;
  width: 60px;
  height: 60px;
}

/* line 138, app/assets/stylesheets/scss/admin/_patient.scss */
.btn-submit {
  min-width: 255px;
  font-family: var(--ff-medium);
}

/* line 144, app/assets/stylesheets/scss/admin/_patient.scss */
#personal-information-modal .modal-cntr {
  max-width: 90%;
}

@media (min-width: 991px) {
  /* line 144, app/assets/stylesheets/scss/admin/_patient.scss */
  #personal-information-modal .modal-cntr {
    max-width: 1080px;
  }
}

/* line 152, app/assets/stylesheets/scss/admin/_patient.scss */
#edit-assessment-modal {
  z-index: 1030;
}

/* line 154, app/assets/stylesheets/scss/admin/_patient.scss */
#edit-assessment-modal .modal-cntr {
  width: 90%;
  max-width: 1139px;
}

@media (max-width: 768px) {
  /* line 158, app/assets/stylesheets/scss/admin/_patient.scss */
  #edit-assessment-modal .modal-body {
    padding-inline: 20px;
  }
}

@media (max-width: 768px) {
  /* line 163, app/assets/stylesheets/scss/admin/_patient.scss */
  #edit-assessment-modal .segment {
    padding-inline: 20px;
  }
}

/* line 170, app/assets/stylesheets/scss/admin/_patient.scss */
.add-photo {
  width: 138px;
  aspect-ratio: 1;
  display: inline-block;
}

/* line 176, app/assets/stylesheets/scss/admin/_patient.scss */
.asmnt-img-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
}

/* line 179, app/assets/stylesheets/scss/admin/_patient.scss */
.asmnt-img-container img {
  width: 138px;
  height: 138px;
  aspect-ratio: 1;
  object-fit: cover;
}

/* line 184, app/assets/stylesheets/scss/admin/_patient.scss */
.asmnt-img-container img.img-add-photo {
  object-fit: contain;
}

/* line 189, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-wrapper {
  overflow: auto;
  max-height: 375px;
}

/* line 193, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table {
  position: relative;
}

/* line 195, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table th {
  top: 0;
  border: 0;
  z-index: 9;
  position: sticky;
  font-family: var(--ff-body);
  background-color: var(--clr-bg-600);
}

/* line 203, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table td {
  padding-block: 7px;
  border-right: 2px solid var(--clr-bg-600) !important;
  border-bottom: 2px solid var(--clr-bg-600) !important;
  background: white;
}

/* line 208, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table td:first-of-type {
  padding-left: 32px;
}

/* line 213, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table td:last-of-type {
  border-right: 0;
}

/* line 220, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table tr:first-of-type td:first-of-type {
  border-top-left-radius: 20px;
}

/* line 223, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table tr:first-of-type td:last-of-type {
  border-right: 0;
  border-top-right-radius: 20px;
}

/* line 230, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table tr:last-of-type td {
  border-bottom: 0;
}

/* line 232, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 20px;
}

/* line 235, app/assets/stylesheets/scss/admin/_patient.scss */
.edit-asmnt-sym-table tr:last-of-type td:last-of-type {
  border-right: 0;
  border-bottom-right-radius: 20px;
}

/* line 244, app/assets/stylesheets/scss/admin/_patient.scss */
.video video.object-contain {
  max-height: 70vh;
  object-fit: contain;
}

@media (max-width: 768px) {
  /* line 250, app/assets/stylesheets/scss/admin/_patient.scss */
  .patient-assessment .table-responsive {
    max-width: 75vw;
  }
}

/* line 259, app/assets/stylesheets/scss/admin/_patient.scss */
.final_preview .patient-assessment-segment,
.provider_assessment .patient-assessment-segment {
  max-height: 315px;
  overflow: hidden;
}

/* line 262, app/assets/stylesheets/scss/admin/_patient.scss */
.final_preview .patient-assessment-segment.show-all,
.provider_assessment .patient-assessment-segment.show-all {
  max-height: unset;
}

/* line 264, app/assets/stylesheets/scss/admin/_patient.scss */
.final_preview .patient-assessment-segment.show-all #expand-patient-assessment,
.provider_assessment .patient-assessment-segment.show-all #expand-patient-assessment {
  display: inline-block;
  transform: rotate(180deg);
}

/* line 272, app/assets/stylesheets/scss/admin/_patient.scss */
.status-progress-steps {
  padding: 20px 23.5px;
}

@media (min-width: 576px) {
  /* line 275, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps {
    row-gap: 14px;
  }
}

/* line 280, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item {
  padding: 8px 40px;
  position: relative;
  background-color: #ededed;
  border-radius: 50px;
}

@media (max-width: 768px) {
  /* line 280, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps .step-item {
    padding: 8px 30px;
  }
}

@media (min-width: 576px) {
  /* line 280, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps .step-item {
    margin: -3.5px;
    border-radius: unset;
    clip-path: polygon(calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%, 0% 0%);
  }
}

@media (min-width: 576px) {
  /* line 293, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps .step-item:first-of-type {
    border-radius: 50px 0 0 50px;
    clip-path: polygon(calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 0% 0%);
  }
}

@media (min-width: 576px) {
  /* line 299, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps .step-item:last-of-type {
    border-radius: 0 50px 50px 0;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 10px 50%, 0% 0%);
  }
}

/* line 305, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.done {
  color: var(--clr-white);
  background-color: var(--clr-blue);
}

/* line 308, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.done:before {
  content: '';
  left: 25px;
  top: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
}

@media (min-width: 576px) {
  /* line 308, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps .step-item.done:before {
    background-image: url(/assets/icon-checkmark-white-317c3330e7713359b64f5a1b7318cf104dc785063d0ae919c82fb8ce73aa8578.svg);
  }
}

@media (max-width: 768px) {
  /* line 308, app/assets/stylesheets/scss/admin/_patient.scss */
  .arrow-steps .step-item.done:before {
    left: 15px;
  }
}

/* line 324, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.current {
  color: var(--clr-white);
}

/* line 326, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.current.pa-review {
  background-color: var(--clr-yellow);
}

/* line 329, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.current.ca-review {
  background-color: var(--clr-green);
}

/* line 332, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.current.txp-review {
  background-color: var(--clr-purple-light);
}

/* line 335, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.current.pa2-review {
  background-color: var(--clr-yellow);
}

/* line 338, app/assets/stylesheets/scss/admin/_patient.scss */
.arrow-steps .step-item.current.video-consult {
  background-color: var(--clr-purple-light);
}

/* line 347, app/assets/stylesheets/scss/admin/_patient.scss */
.search-bar {
  box-sizing: border-box;
  padding: 9px 4px 9px 50px;
  background: #FFFFFF url(/assets/search-icon-293ff77bfef76d61a3d292f8d87477e591600d4dcc7bcb83f1a380fa943f084f.svg) no-repeat 13px center;
  border: 1px solid #DDDDDD;
  border-radius: 400px;
  height: 45px;
  position: relative;
}

/* line 357, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader {
  margin-block: 40px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 363, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .patients-number {
  color: #323232;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  gap: 6px;
  text-transform: uppercase;
}

/* line 371, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: end;
  margin-left: auto;
}

/* line 378, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right details {
  display: inline-flex;
}

/* line 381, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right details:not(:first-child) {
  margin-inline-start: 34px;
}

/* line 384, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right details summary {
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}

/* line 392, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right details summary::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #C3C3C3;
}

/* line 400, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right details .dropDown {
  position: absolute;
  padding: 32px;
  background: #fff;
  border-radius: 16px;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.18));
  min-width: 220px;
  top: auto;
  margin-top: 20px;
}

/* line 410, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right details .dropDown > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 415, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right .search {
  width: clamp(200px, 50%, 298px);
  border: 1px solid #ddd;
  height: 45px;
  border-radius: 400px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 5px;
  margin-inline-start: 20px;
}

/* line 426, app/assets/stylesheets/scss/admin/_patient.scss */
.filterHeader .tootheader-right .search input {
  flex: 1;
  padding: 0;
  width: 100%;
  padding-inline: 0;
}

/* line 432, app/assets/stylesheets/scss/admin/_patient.scss */
.action-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

/* line 442, app/assets/stylesheets/scss/admin/_patient.scss */
body .nice-select {
  margin-left: 0;
  float: none;
  display: inline-block;
  height: auto;
  line-height: unset;
  border: none;
  padding: 0;
}

/* line 451, app/assets/stylesheets/scss/admin/_patient.scss */
body .nice-select .current {
  display: none;
}

/* line 454, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

/* line 482, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select:hover {
  border-color: #dbdbdb;
}

/* line 484, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

/* line 486, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select:after {
  content: "";
  background-image: url("");
  width: 20px;
  height: 20px;
  display: none !important;
  position: relative;
  top: 8px;
  background-size: 16px;
  background-repeat: no-repeat;
  margin-left: 6px;
}

/* line 499, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  overflow-y: scroll;
  max-height: 385px;
}

/* line 509, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

/* line 513, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.disabled:after {
  border-color: #cccccc;
}

/* line 515, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.wide {
  width: 100%;
}

/* line 517, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

/* line 520, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.right {
  float: right;
}

/* line 522, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.right .list {
  left: auto;
  right: 0;
}

/* line 525, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

/* line 529, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.small:after {
  height: 4px;
  width: 4px;
}

/* line 532, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

/* line 535, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select .list {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: -120px;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  letter-spacing: 1px;
}

/* line 560, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* line 572, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected {
  background: var(--clr-blue-700) !important;
  color: #fff;
}

/* line 574, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select .option.selected {
  font-weight: bold;
}

/* line 576, app/assets/stylesheets/scss/admin/_patient.scss */
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

/* line 581, app/assets/stylesheets/scss/admin/_patient.scss */
.no-csspointerevents .nice-select .list {
  display: none;
}

/* line 584, app/assets/stylesheets/scss/admin/_patient.scss */
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* line 587, app/assets/stylesheets/scss/admin/_patient.scss */
.no-csspointerevents .nice-select .list {
  display: none;
}

/* line 590, app/assets/stylesheets/scss/admin/_patient.scss */
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* line 593, app/assets/stylesheets/scss/admin/_patient.scss */
#filterrific_results table td,
#filterrific_results table th {
  white-space: nowrap;
}

/* line 601, app/assets/stylesheets/scss/admin/_patient.scss */
.all-patients .desc #arrow-up {
  display: none;
}

/* line 607, app/assets/stylesheets/scss/admin/_patient.scss */
.all-patients .asc #arrow-down {
  display: none;
}

/* line 613, app/assets/stylesheets/scss/admin/_patient.scss */
.active path {
  fill: #fdbe67;
}

/* line 618, app/assets/stylesheets/scss/admin/_patient.scss */
.bg-row-warning td {
  background-color: #F9DDD7;
}

/* line 622, app/assets/stylesheets/scss/admin/_patient.scss */
.all-patients thead th svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

/* line 628, app/assets/stylesheets/scss/admin/_patient.scss */
.HeaderIcon {
  display: flex;
  gap: 10px;
}

/* line 633, app/assets/stylesheets/scss/admin/_patient.scss */
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

/* line 652, app/assets/stylesheets/scss/admin/_patient.scss */
#filterrific_results table td:first-child, #filterrific_results table th:first-child {
  white-space: unset;
  /*! overflow: hidden; */
  word-break: keep-all;
  word-wrap: initial;
}

/* line 658, app/assets/stylesheets/scss/admin/_patient.scss */
#filterrific_results table td:first-child > div, #filterrific_results table th:first-child > div {
  width: 100%;
  /*! display: block !important; */
  /*! word-break: break-word; */
  justify-content: flex-start;
  display: grid !important;
  grid-template-columns: 37px 1fr;
}

/* line 666, app/assets/stylesheets/scss/admin/_patient.scss */
#filterrific_results table td:first-child p, #filterrific_results table th:first-child p {
  width: 100%;
  display: inline-block;
  white-space: unset;
  word-wrap: revert;
}

/* line 672, app/assets/stylesheets/scss/admin/_patient.scss */
#filterrific_results table td:first-child a, #filterrific_results table th:first-child a {
  display: flex;
  word-wrap: unset;
}

/* line 681, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-details details:not(:last-child) {
  margin-bottom: 20px;
}

/* line 684, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-details details summary {
  list-style: none;
  background: #E8E8E8;
  height: 55px;
  border-radius: 20px;
  padding-inline: 43px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4.63397C9.16667 5.01887 9.16667 5.98113 8.5 6.36603L1.75 10.2631C1.08333 10.648 0.25 10.1669 0.25 9.39711V1.60289C0.25 0.833085 1.08333 0.35196 1.75 0.73686L8.5 4.63397Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center right 43px;
  padding-block: 15px;
  padding-bottom: 17px;
  position: relative;
  z-index: 999;
}

/* line 707, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-details details[open] summary {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.36603 8.5C5.98113 9.16667 5.01887 9.16667 4.63397 8.5L0.736859 1.75C0.351959 1.08333 0.833085 0.25 1.60289 0.25L9.39711 0.25C10.1669 0.25 10.648 1.08333 10.2631 1.75L6.36603 8.5Z' fill='black'/%3E%3C/svg%3E%0A");
}

/* line 711, app/assets/stylesheets/scss/admin/_patient.scss */
.patient-details details summary ~ div {
  margin-top: -55px !important;
  padding-top: 70px;
}

/* line 717, app/assets/stylesheets/scss/admin/_patient.scss */
.hidden {
  display: none !important;
}

/* line 1, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.result-header {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

/* line 6, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body.patient.no_result, body.patient.view_result, body.patient.assessment_list, body.patient.assessment_view, body.patient.provider_assessment, body.patient.index, body.patient.show {
  --swiper-pagination-color: var(--clr-yellow);
  background-color: transparent;
}

/* line 18, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .video video, body .video img:not(.play-icon img) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* line 26, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-nav {
  position: absolute;
  top: 50%;
  left: -1rem;
  right: -1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
}

@media (min-width: 768px) {
  /* line 26, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .slider-nav {
    left: -3rem;
    right: -3rem;
  }
}

/* line 38, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-nav .swiper-button {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  background-color: var(--clr-bg-600);
}

/* line 48, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-nav .swiper-button::after {
  display: none;
}

/* line 52, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-nav .swiper-button-prev, body .slider-nav .swiper-button-next {
  top: unset;
  position: unset;
  left: unset;
  right: unset;
}

/* line 61, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-nav .swiper-button-prev img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 69, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-pagenation .swiper-pagination {
  position: unset;
  left: unset;
  bottom: unset;
  transform: none !important;
}

/* line 75, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-pagenation .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transform: none;
  margin: 0 0.5rem !important;
}

/* line 81, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .slider-pagenation .swiper-pagination-bullet-active-main {
  background-color: var(--clr-yellow);
}

/* line 89, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header {
  background-color: var(--clr-white);
}

/* line 92, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header .result-header_wrapper {
  display: grid;
  --min-width: 250px;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 1fr));
}

/* line 99, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header .site-logo {
  margin: auto;
}

@media (min-width: 576px) {
  /* line 99, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body header.result-header .site-logo {
    margin: unset;
  }
}

/* line 106, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header .result-header_links {
  justify-content: center;
  margin-top: 1rem;
}

@media (min-width: 576px) {
  /* line 106, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body header.result-header .result-header_links {
    justify-content: flex-end;
    margin: 0;
  }
}

/* line 114, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header .result-header_links .btn {
  background-color: transparent;
  padding: 1rem;
  border-radius: 0.5rem;
}

/* line 119, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header .result-header_links .btn-active {
  background-color: var(--clr-blue-light);
  color: var(--clr-link);
}

/* line 124, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body header.result-header .result-header_links .btn:hover {
  background-color: var(--clr-blue-light);
  color: var(--clr-link);
}

/* line 134, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body .patient-header {
  background-color: var(--clr-bg-600);
}

/* line 138, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body .patient-header_figure figure {
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background-color: var(--clr-bg);
}

/* line 146, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body .patient-header_figure figure img {
  object-fit: contain;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

/* line 156, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body .patient-header .btn {
  min-width: 150px;
}

/* line 163, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body_title a.is-link {
  color: var(--clr-link);
}

/* line 170, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body .is-status.is-status_pd {
  background-color: var(--clr-yellow);
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  display: inline-flex;
  line-height: 1;
  border-radius: 1.2rem;
  margin-bottom: 1rem;
  min-width: 100px;
  font-size: var(--fs-sm);
  align-items: center;
  justify-content: center;
  font-family: var(--ff-medium);
}

/* line 186, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-body_box {
  background-color: var(--clr-bg-600);
  padding: 2.25rem 1.5rem;
}

/* line 192, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .approved-box {
  grid-auto-flow: row;
  align-items: center;
}

@media (min-width: 576px) {
  /* line 192, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .approved-box {
    grid-auto-flow: column;
    grid-template-columns: 1fr 180px;
  }
}

/* line 200, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .approved-box a.is-link {
  margin: 0 0.25rem;
}

/* line 204, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .approved-box .is-status {
  background-color: var(--clr-white);
  color: var(--clr-yellow);
}

/* line 211, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-view_slider .grid-row {
  --minwidth: 280px;
  grid-template-columns: repeat(auto-fit, minmax(var(--minwidth), 1fr));
  background-color: var(--clr-bg-600);
  padding: 1rem;
  align-items: center;
  border-radius: 1.25rem;
}

/* line 219, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-view_slider .grid-row figure {
  margin: 0;
  padding: 0;
  height: 390px;
  border-radius: 1.25rem;
  overflow: hidden;
}

/* line 226, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-view_slider .grid-row figure img {
  border-radius: 1.25rem;
  aspect-ratio: 327/392;
}

/* line 232, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .result-view_slider .grid-row .content {
  padding: 1rem;
}

/* line 238, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .video {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 249, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .video .play-icon {
  width: 90px;
  max-width: 15%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clr-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  /* line 249, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .video .play-icon {
    width: 50px;
    height: 50px;
  }
}

/* line 267, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .video .play-icon img {
  margin-left: 10%;
  max-width: 35%;
}

@media (max-width: 768px) {
  /* line 267, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .video .play-icon img {
    width: 16px;
  }
}

/* line 277, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .provider-assessment-video-grid {
  display: grid;
  grid-auto-rows: 160px;
}

@media (min-width: 768px) {
  /* line 277, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .provider-assessment-video-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}

@media (min-width: 768px) {
  /* line 284, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .provider-assessment-video-grid .video:first-of-type {
    grid-row: 1/3;
    grid-column: 1/3;
  }
}

@media (min-width: 1366px) {
  /* line 284, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .provider-assessment-video-grid .video:first-of-type {
    grid-row: 1/4;
    grid-column: 1/4;
  }
}

/* line 295, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .provider-assessment-video-grid video {
  background-color: black;
}

/* line 300, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .beforeAfter-content, body .beforeAfter {
  --min-width: 280px;
  grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 1fr));
}

@media (min-width: 768px) {
  /* line 300, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .beforeAfter-content, body .beforeAfter {
    --min-width: 350px;
    grid-template-columns: repeat(auto-fill, minmax(var(--min-width), 1fr));
  }
}

/* line 309, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .beforeAfter {
  --min-width: 280px;
}

/* line 314, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .beforeAfter-content {
  gap: 2rem;
}

/* line 318, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .beforeAfter-content h3 {
  font-family: var(--ff-heading);
}

/* line 323, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .beforeAfter-content ul li {
  list-style: disc;
  margin-left: 1rem;
}

/* line 331, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .resultView-acc .acc-item {
  background-color: var(--clr-bg-600);
}

/* line 333, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .resultView-acc .acc-item_header {
  cursor: pointer;
  padding-block: 30px;
}

/* line 340, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .getStarted {
  margin: auto;
  max-width: 800px;
  padding: 3rem 5rem;
  border-radius: 1.25rem;
  background-color: var(--clr-white);
  box-shadow: 0px 14px 16px -7px rgba(0, 0, 0, 0.11);
}

@media (max-width: 768px) {
  /* line 340, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  body .getStarted {
    padding: 3rem 1rem;
  }
}

/* line 350, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
body .getStarted h3 {
  font-size: 2rem;
}

/* line 356, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.expand-patient-assessment {
  left: 0;
}

/* line 361, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.btn-edit-page:hover, .btn-cancel-page:hover {
  background-color: var(--clr-body-400) !important;
}

/* line 368, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.btn-save-page {
  color: var(--clr-white);
  background-color: var(--clr-blue-900);
}

/* line 372, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
#copy-my-link {
  z-index: 9;
  top: 6px;
  right: 6px;
  padding-block: 6px;
  border-radius: 8px;
  background-color: var(--clr-blue);
}

/* line 381, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
#refer-modal .form-control {
  padding-block: 12.5px;
  padding-right: 120px;
}

/* line 386, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.section-add-video {
  border: 1px dashed;
}

@media (max-width: 768px) {
  /* line 386, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
  .section-add-video {
    padding: 30px 20px;
  }
}

/* line 391, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.section-add-video .btn {
  padding-block: 0.91rem;
  border-radius: 100px;
  background: #F1F1F1;
  font-family: var(--ff-medium);
  box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.11);
}

/* line 399, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.remove-video {
  top: 20px;
  right: 20px;
  z-index: 2;
  background: var(--clr-white);
  border-radius: 10px;
  height: 36px;
  width: 36px;
  min-width: unset;
}

/* line 408, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.remove-video:hover, .remove-video:focus {
  background-color: var(--clr-red) !important;
}

/* line 411, app/assets/stylesheets/scss/admin/_parent_dashboard.scss */
.remove-video:hover img, .remove-video:focus img {
  filter: invert(1);
}

/* line 2, app/assets/stylesheets/scss/admin/_video.scss */
.video-style {
  margin-top: 2rem;
}

@media (max-width: 768px) {
  /* line 5, app/assets/stylesheets/scss/admin/_video.scss */
  .video-style video {
    height: 300px;
    width: 85%;
  }
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/scss/admin/_video.scss */
  .video-style video {
    height: 300px;
    width: 400px;
  }
}

@media (max-width: 768px) {
  /* line 17, app/assets/stylesheets/scss/admin/_video.scss */
  .video-button {
    display: flex;
  }
}

/* line 21, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .stopDownload-button {
  font-family: var(--bs-btn-font-family);
  font-size: var(--ff-body);
  border: none;
  border-radius: 1.3rem;
  height: 40px;
  width: 200px;
  border-color: transparent;
  background-color: var(--clr-blue-900);
  color: var(--clr-white);
}

/* line 31, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .stopDownload-button .aligned {
  display: inline;
  vertical-align: middle;
}

/* line 35, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .stopDownload-button span {
  display: inline-flex;
  margin-left: 6px;
}

@media (max-width: 768px) {
  /* line 35, app/assets/stylesheets/scss/admin/_video.scss */
  .video-button .stopDownload-button span {
    margin-left: 4px;
  }
}

/* line 41, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .stopDownload-button span img {
  width: 16px;
  height: 16px;
  margin-top: 8px;
  padding-top: 4px;
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

/* line 50, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .stopDownload-button .button-align {
  padding: 0px 0px  10px;
}

/* line 55, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .alignment {
  display: inline-block;
  cursor: pointer;
}

/* line 59, app/assets/stylesheets/scss/admin/_video.scss */
.video-button .mt-d {
  margin-left: 10px;
  padding-left: 10px;
}

@media (max-width: 768px) {
  /* line 70, app/assets/stylesheets/scss/admin/_video.scss */
  #video video {
    height: 300px;
    width: 85%;
    margin-bottom: 1rem;
  }
}

/* line 78, app/assets/stylesheets/scss/admin/_video.scss */
.sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  /* make sure it’s on top */
  background: white;
  /* or whatever background you want */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

/* line 86, app/assets/stylesheets/scss/admin/_video.scss */
.sticky-bottom .video-buttons-container {
  padding: 20px;
}

/* line 2, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

/* line 8, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper,
.upcomingBox {
  background: #F8F8F8;
  padding: 26px 28px;
  border-radius: 20.05px;
}

/* line 14, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive,
.upcomingBox .table-responsive {
  margin: 0 -20px;
  overflow-x: auto;
}

/* line 19, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td,
.passInfoWrapper .table-responsive tr th,
.upcomingBox .table-responsive tr td,
.upcomingBox .table-responsive tr th {
  padding: 8px 15px;
}

/* line 25, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr .c-padding,
.upcomingBox .table-responsive tr .c-padding {
  padding-inline: 15px;
}

/* line 29, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr th,
.upcomingBox .table-responsive tr th {
  text-align: left;
  font-weight: normal;
}

/* line 34, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td span.img,
.upcomingBox .table-responsive tr td span.img {
  width: 100%;
  height: 77px;
  background: #000;
  display: flex;
}

/* line 41, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td span.img img,
.upcomingBox .table-responsive tr td span.img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 48, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td .dot,
.upcomingBox .table-responsive tr td .dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-flex;
  margin-right: 6px;
}

/* line 56, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td .dot.red,
.upcomingBox .table-responsive tr td .dot.red {
  background: #FF0000;
}

/* line 60, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td .dot.yellow,
.upcomingBox .table-responsive tr td .dot.yellow {
  background: #FDBE67;
}

/* line 64, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td .dot.elsie,
.upcomingBox .table-responsive tr td .dot.elsie {
  background: #D8BDD7;
}

/* line 68, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.passInfoWrapper .table-responsive tr td:has(.img),
.upcomingBox .table-responsive tr td:has(.img) {
  border-left: 1px solid #E3E3E3;
}

/* line 73, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
:where(.upcomingLive, .passInfoWrapper) h3 {
  margin-bottom: 15px;
  display: flex;
  font-weight: normal;
  font-size: 20px;
}

/* line 79, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
:where(.upcomingLive, .passInfoWrapper) h3 > a {
  border: 1px solid #B8B8B8;
  border-radius: 100px;
  font-size: 14px;
  padding: 6px 18px;
  margin-left: auto;
}

/* line 87, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.cardWhite {
  background-color: var(--clr-white);
  padding: 28px 40px;
}

/* line 91, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.cardWhite:not(:last-child) {
  margin-bottom: 25px;
}

/* line 95, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.submissionResult {
  padding: clamp(25px, 2.5vh, 40px) 0;
}

/* line 98, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.submissionResult .left {
  align-items: center;
}

/* line 101, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.submissionResult .left h2 {
  font-size: clamp(26px, 2.5vh, 28px);
}

/* line 104, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.submissionResult .left > li {
  line-height: 12px;
}

/* line 107, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.submissionResult .left > li:not(:last-child) {
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 10px;
}

/* line 112, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.submissionResult .left > li {
  color: #007AFE;
}

@media (max-width: 767px) {
  /* line 116, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .submissionResult .left > li {
    border: 1px solid #C9C9C9;
    width: 181px;
    height: 49px;
    display: inline-flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  /* line 127, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .submissionResult {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}

/* line 134, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.personalinfodetails {
  display: flex;
  flex-wrap: wrap;
  color: #949494;
  gap: 20px;
}

/* line 140, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.personalinfodetails ul {
  flex: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 146, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.personalinfodetails ul li {
  display: flex;
  flex-direction: column;
  line-height: 18px;
  gap: 6px;
}

/* line 152, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.personalinfodetails ul li span {
  color: #000;
}

/* line 155, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.personalinfodetails ul li.inline {
  flex-direction: row;
  gap: 6px;
  margin-bottom: -10px;
}

/* line 161, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patientHistory {
  display: flex;
  flex-direction: column;
}

/* line 165, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patientHistory li {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px 20px;
}

/* line 170, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patientHistory li:nth-child(odd) {
  background: #F8F8F8;
}

/* line 174, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.upcomingBox {
  display: flex;
  justify-content: space-between;
}

/* line 178, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.upcomingBox .btn {
  border-radius: 100px;
  width: 130px;
  justify-content: center;
}

/* line 183, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.upcomingBox:not(:first-child) {
  margin-top: 15px;
}

@media (max-width: 767px) {
  /* line 187, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .upcomingBox {
    flex-direction: column;
    gap: 15px;
  }
}

/* line 193, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection {
  padding: 20px 54px;
  padding-bottom: 0;
  background: #DCE4EF;
  border-radius: 20px;
  margin: 25px 0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  align-items: center;
}

/* line 204, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection .chatLeft {
  width: 100%;
  min-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 211, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection .chatLeft p {
  padding-right: clamp(18px, 4.5vh, 40px);
}

/* line 214, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection .chatLeft p a {
  color: #007AFE;
  text-decoration: underline;
}

/* line 218, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection .chatLeft h2 {
  font-size: calc(34 / var(--base-fs) * 1rem);
}

/* line 221, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection .chatRight {
  flex: 0 0 35%;
}

/* line 224, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.chatSection .chatRight img {
  width: 100%;
}

/* line 228, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
footer {
  padding: clamp(30px, 4.5vh, 30px) 0;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 234, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .passInfoWrapperColor {
    background: #F8F8F8;
    padding-top: 1.25rem;
  }
  /* line 238, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .passInfoWrapper {
    padding: 0px;
    position: relative;
  }
  /* line 242, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .cardWhite {
    padding: 16px;
  }
  /* line 245, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .cardWhite .personalinfodetails {
    flex-direction: column;
  }
  /* line 248, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .cardWhite .patientHistory li {
    grid-template-columns: 1fr;
    font-weight: 600;
  }
  /* line 252, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .cardWhite .patientHistory li span {
    font-weight: normal;
  }
  /* line 255, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .chatSection {
    flex-direction: column;
    padding: 40px 28px;
    padding-bottom: 0;
  }
  /* line 260, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .chatSection .chatLeft {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: unset;
  }
}

/* line 268, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs {
  display: flex;
  overflow: hidden;
  max-width: 780px;
  margin: auto;
  position: relative;
}

@media (min-width: 767px) {
  /* line 276, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .breadcrumbs:after {
    content: "";
    height: 28px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.101961);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 24px;
    z-index: 9;
    display: flex;
    border-radius: 100px;
    pointer-events: none;
    z-index: 0;
  }
}

/* line 291, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a {
  flex: 1;
}

/* line 294, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a .breadcrumbs__item {
  display: flex;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #D9D9D9;
  text-transform: uppercase;
  background: #fff;
  color: #333;
  outline: none;
  padding: 4px 22px;
  position: relative;
  text-decoration: none;
  transition: background 0.2s linear;
  justify-content: center;
  color: #D9D9D9;
}

/* line 311, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a time {
  font-size: 11px;
}

/* line 314, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a:first-child .breadcrumbs__item {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

/* line 318, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a:last-child .breadcrumbs__item {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-right: none !important;
}

/* line 323, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a:last-child .breadcrumbs__item:before, .breadcrumbs > a:last-child .breadcrumbs__item:after {
  display: none;
}

/* line 326, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a .breadcrumbs__item:hover:after,
.breadcrumbs > a .breadcrumbs__item:hover {
  background: #FDBE67 !important;
  color: #BA843A;
}

/* line 331, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs-active, .breadcrumbs-active:after {
  background: #FDBE67 !important;
  color: #BA843A !important;
}

/* line 336, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a .breadcrumbs__item:focus:after,
.breadcrumbs > a .breadcrumbs__item:focus,
.breadcrumbs > a .breadcrumbs__item.is-active:focus {
  background: #FDBE67;
  color: #BA843A;
}

/* line 342, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a .breadcrumbs__item:after,
.breadcrumbs > a .breadcrumbs__item:before {
  background: white;
  bottom: 0;
  -webkit-clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}

/* line 356, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a .breadcrumbs__item:before {
  background: #cbd2d9;
  margin-left: 1px;
}

@media (max-width: 767px) {
  /* line 362, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .breadcrumbs {
    flex-direction: column;
    box-shadow: none;
    background: none;
    gap: 10px;
    border-radius: 0;
  }
  /* line 369, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .breadcrumbs .breadcrumbs__item {
    border-radius: 30px;
  }
}

/* line 373, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
:where(.header-status, .toothpillowTreatment) {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 25px 40px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  /* line 380, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  :where(.header-status, .toothpillowTreatment) {
    padding: 15px;
  }
}

/* line 385, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.header-status {
  padding: 68px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

/* line 393, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.header-status .handImg {
  position: absolute;
  width: 170px;
  bottom: 0;
  right: 0;
}

@media (max-width: 767px) {
  /* line 400, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .header-status {
    padding: 25px;
  }
  /* line 403, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .header-status .handImg {
    display: none;
  }
}

/* line 408, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatment ul {
  display: grid;
  gap: 6px;
}

/* line 412, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatment ul li {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="9.5" cy="10" rx="9.5" ry="10" fill="%23FDBE67"/><path d="M4.75 10.4531L7.6744 13.7496L17.8125 3.12463" stroke="white" stroke-width="3.02325" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  padding-left: 30px;
}

/* line 418, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp {
  margin-bottom: 30px;
}

/* line 421, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp > :where(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
  font-size: 20px !important;
  margin-bottom: 20px !important;
}

/* line 426, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox {
  background-color: var(--clr-cream-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-top: 38px;
  padding-inline: 20px;
  gap: 16px;
  border-radius: 12.7px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* line 440, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox > * {
  z-index: 1;
}

/* line 443, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox span.img {
  width: 125px;
  height: 125px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  margin: 0 auto;
}

/* line 451, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox span.img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 457, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox h2 {
  font-size: 21.85px;
}

/* line 460, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox .roundBox {
  width: 472.67px;
  height: 472.67px;
  position: absolute;
  background: #DEE7EE;
  border-radius: 100%;
  top: -230px;
  left: 50px;
  z-index: 0;
}

/* line 470, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .toothPillowAppBox:last-child .roundBox {
  left: auto;
  right: 50px;
}

/* line 474, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .readWrapper > .readBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DCE4EF;
  border-radius: 20px;
  min-height: 218px;
  padding: 20px 60px;
  text-align: center;
  font-weight: normal;
}

/* line 485, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .readWrapper > .readBox h3 {
  font-size: 26px;
}

/* line 488, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothPillowApp .videoWrapper > .readBox {
  padding: 0;
  overflow: hidden;
}

/* line 493, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 501, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-container {
  width: 100%;
  border-radius: 4px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* line 511, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 519, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}

/* line 532, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.play-button-wrapper .play-gif {
  cursor: pointer;
  pointer-events: auto;
}

/* line 536, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.play-button-wrapper .play-gif svg {
  width: 60px;
  height: 60px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.9;
}

/* line 545, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.col-two-custom {
  --minwidth: 350px
;
}

/* line 548, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.col-two-custom {
  display: grid;
  --minwidth: 280px;
  grid-template-columns: repeat(auto-fit, minmax(var(--minwidth), 1fr));
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

/* line 555, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.column-custom {
  display: grid;
  gap: 1.5rem;
}

/* line 559, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.column-colss_4 {
  grid-template-columns: repeat(4, minmax(280px, 1fr));
}

/* line 562, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.column-colss_3 {
  grid-template-columns: repeat(3, minmax(280px, 1fr));
}

@media (max-width: 767px) {
  /* line 567, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentContainer [class*=column-cols_],
.toothpillowTreatmentContainer [class*=column-colss_] {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 572, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentContainer [class*=column-cols_] > div {
    flex: 1 0 190px;
  }
  /* line 575, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentContainer .toothPillowAppWrapper {
    overflow-x: auto;
  }
  /* line 578, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentContainer .toothPillowAppWrapper[class*=column-colss_] {
    display: flex;
    flex-wrap: nowrap;
  }
  /* line 582, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentContainer .toothPillowAppWrapper[class*=column-colss_] .toothPillowAppBox {
    flex: 0 0 90%;
  }
}

/* line 586, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
}

/* line 592, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .tootHeaderInner {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  align-items: center;
}

/* line 598, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .dropDown {
  position: absolute;
  padding: 32px;
  background: #fff;
  border-radius: 16px;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.18));
}

/* line 605, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification {
  height: calc(100dvh - 81px);
  width: 372px;
  border-radius: revert-layer;
  right: 0;
  background: #fff;
  z-index: 10000000000000000;
  position: fixed;
  top: 79px;
  overflow-y: auto;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25) !important;
  filter: unset;
}

/* line 618, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 623, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox .userImg {
  width: 43px;
  height: 43px;
  overflow: hidden;
  border-radius: 100%;
  background-color: #f2f2f2;
  display: inline-flex;
  margin-bottom: 5px;
}

/* line 632, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox > span {
  color: #9A9A9A;
}

/* line 635, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox > span strong {
  color: #323232;
}

/* line 638, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox .notificationDes {
  margin-top: 6px;
}

/* line 641, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox .notificationDes > a {
  color: #397AD4;
}

/* line 644, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notification .notificationBox:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/* line 649, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .referral {
  width: 410px;
  right: 0px;
  top: 160%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 657, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .referral h3 {
  font-size: 18px;
  font-weight: normal;
}

/* line 661, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .referral .referralInput {
  border-radius: 8px;
  border: 1px solid #B8B8B8;
  display: flex;
  overflow: hidden;
}

/* line 667, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .referral .referralInput input {
  flex: 1;
  border-left: 1px solid #B8B8B8;
  overflow: hidden;
}

/* line 672, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .referral .referralInput button {
  border-radius: 8px;
  height: 36px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  margin: 5px;
}

/* line 680, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .referral .referralInput .icon {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

/* line 685, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight {
  display: flex;
  gap: 20px;
  align-items: center;
}

/* line 690, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight details {
  position: relative;
}

/* line 693, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight summary {
  list-style: none;
  position: relative;
}

/* line 697, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight summary .svgIcon {
  width: 24px;
  height: 24px;
}

/* line 701, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .userProfile {
  width: 43px;
  height: 43px;
  overflow: hidden;
  background: #323232;
  display: block;
  border-radius: 100%;
}

/* line 709, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .userProfile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 715, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails {
  right: 0;
  top: 130%;
  overflow: hidden;
}

/* line 720, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails hr {
  margin: 20px -40px;
}

/* line 723, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails .profileDetailsHeader {
  display: flex;
  gap: 20px;
  align-items: center;
}

/* line 728, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails .profileDetailsHeader .img {
  width: 68px;
  height: 68px;
  overflow: hidden;
  background: #323232;
  display: block;
  border-radius: 100%;
}

/* line 736, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails .profileDetailsHeader .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 742, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails .profileDetailsHeader .userName {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 747, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails .profileDetailsHeader .userName h3 {
  font-weight: normal;
  font-size: 18px;
}

/* line 751, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerRight .profileDetails ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 756, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .badge {
  background: #FDBE67;
  border-radius: 100%;
  min-width: 20px;
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  justify-content: center;
  line-height: initial;
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: -10px;
  right: -10px;
}

/* line 771, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader details[open] summary::after {
  content: "×";
  font-size: 28pt;
  position: absolute;
  right: 10px;
  top: 42px;
  padding: 5pt 10pt;
  z-index: 9;
}

/* line 780, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader details[open] summary::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

/* line 792, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .notificationPanal summary::after {
  display: none;
}

/* line 795, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.tootHeader .headerNav, .tootHeader .logoMobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 799, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .tootHeader .headerNav, .tootHeader .logoMobile {
    display: inline-flex;
  }
  /* line 802, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .tootHeader .logo {
    display: none;
  }
  /* line 805, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .tootHeader .headerRight {
    display: none;
  }
}

/* line 810, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults {
  border-radius: 20px;
  overflow: hidden;
}

/* line 814, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .videoEvaluation {
  height: 462px;
  border-radius: 8px;
  overflow: hidden;
}

/* line 819, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults :is(.cardWhite) h3, .treatmentResults h4 {
  font-size: 20px !important;
  margin-block-end: 14px !important;
  font-weight: normal;
  display: flex;
  flex-direction: column;
}

/* line 826, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults :is(.cardWhite) h3 span, .treatmentResults h4 span {
  font-size: 14px;
  color: #878787;
}

/* line 830, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .passInfoWrapper:not(:first-child) {
  margin-top: 20px;
}

/* line 833, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .personalinfodetails {
  gap: 60px;
}

/* line 836, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .personalinfodetails ul {
  flex: 1 1 181px;
}

/* line 839, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .personalinfodetails ul > li a {
  color: #007AFE;
}

/* line 842, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar {
  display: flex;
  background-color: var(--clr-yellow);
  padding: 12px 20px;
  align-items: center;
}

/* line 848, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar .btnWrapper {
  display: flex;
  gap: 10px;
}

/* line 852, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar .btn {
  background: var(--clr-white);
  color: #323232;
  border: 3px solid #fff;
  min-width: 195px;
  text-align: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25098);
}

/* line 861, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar .btn.btn-line {
  border: 3px solid #fff;
  background: none;
}

/* line 865, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar h4 {
  margin: 0px !important;
}

/* line 868, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar .btnWrapper {
  margin-left: auto;
}

/* line 871, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar h4 {
  font-size: 18px;
  font-weight: normal;
}

/* line 875, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.treatmentResults .YellowBar .passInfoWrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 767px) {
  /* line 880, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .YellowBar {
    flex-direction: column;
    gap: 14px;
  }
  /* line 884, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .YellowBar .btnWrapper {
    width: 100%;
  }
  /* line 887, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .YellowBar .btnWrapper .btn {
    min-width: unset;
    flex: auto;
    height: 49px;
    padding: 0;
    align-items: center;
  }
  /* line 894, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults ~ .upcomingLive {
    padding: 20px;
    background: #fff;
  }
  /* line 898, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .passInfoWrapper {
    padding: 20px;
    margin: 0 !important;
  }
  /* line 902, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .passInfoWrapper .videoEvaluation {
    height: 192px;
    margin-bottom: 20px;
  }
  /* line 906, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .passInfoWrapper .personalinfodetails {
    gap: 0;
  }
  /* line 909, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResults .passInfoWrapper .personalinfodetails ul {
    flex: 1 1 auto;
    /* border: 1px solid red; */
    gap: 20px !important;
  }
}

@media (max-width: 767px) {
  /* line 917, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .treatmentResultsWrapper {
    padding: 0px;
  }
}

/* line 921, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.grey-bg {
  background: #DDDDDD;
}

/* line 925, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessmentWrapper {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

/* line 930, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessmentWrapper .treatmentResults {
  border-radius: 0 !important;
}

/* line 933, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessmentWrapper .YellowBar {
  border-radius: 0 !important;
}

/* line 936, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessmentWrapper .YellowBar h4 {
  font-size: 14px !important;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  flex-direction: row;
}

/* line 945, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment {
  padding: 50px;
}

@media (max-width: 767px) {
  /* line 949, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .editAssessment {
    padding: 16px;
  }
}

/* line 953, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment > h3 {
  font-size: 20px;
  margin-bottom: 32px;
  font-weight: normal;
}

/* line 958, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-grey-box {
  background-color: #F8F8F8;
  border: 1px solid #DDDDDD;
  font-size: 14px;
  color: #909090;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 18px;
  border-radius: 10px;
}

/* line 969, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-grey-box h4 {
  font-weight: normal;
  font-size: 14px;
  color: #323232;
}

/* line 974, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

/* line 980, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-wrapper textarea {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  width: 100%;
  height: 116px;
  padding: 20px;
}

/* line 987, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-wrapper .editAssessment-file-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

/* line 992, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-wrapper .editAssessment-file-buttons .btn {
  min-width: 122px;
  justify-content: center;
}

/* line 996, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.editAssessment .editAssessment-wrapper .editAssessment-file-buttons .btn.btn-grey {
  background: #F1F1F1;
}

/* line 1000, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area {
  width: 100%;
  position: relative;
}

/* line 1004, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

/* line 1015, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area .file-dummy {
  width: 100%;
  padding: 55px 30px;
  border: 1px dashed #000;
  text-align: center;
  border-radius: 20px;
  transition: background 0.3s ease-in-out;
}

/* line 1023, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area .file-dummy .success {
  display: none;
}

/* line 1026, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area:hover .file-dummy {
  background: rgba(255, 255, 255, 0.1);
}

/* line 1029, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area input[type=file]:valid + .file-dummy {
  border-color: rgba(0, 255, 0, 0.4);
  background-color: rgba(0, 255, 0, 0.3);
  border-style: dashed;
  border-width: 2px;
}

/* line 1035, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area input[type=file]:valid + .file-dummy .success {
  display: inline-block;
}

/* line 1038, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.file-area input[type=file]:valid + .file-dummy .default {
  display: none;
}

/* line 1042, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatment-videoBox > iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 20px;
}

/* line 1049, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.faqBox:hover {
  cursor: pointer;
}

/* line 1055, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.additional-images-list .additional-image-item {
  position: relative;
  display: inline-block;
}

/* line 1058, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.additional-images-list .additional-image-item .file-download-link .file-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
}

/* line 1066, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.additional-images-list .additional-image-item .additional-icon-zoom {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 10;
  border-radius: 50%;
  padding: 4px;
  min-width: auto;
}

/* line 1074, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.additional-images-list .additional-image-item .additional-icon-zoom img {
  width: 20px;
  height: 20px;
}

/* line 1079, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.additional-images-list .additional-image-item .additional-icon-zoom:hover {
  transform: scale(1.1);
  cursor: pointer;
}

/* line 1083, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.additional-images-list img {
  width: 200px;
}

/* line 1089, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper {
  padding: 0px;
}

/* line 1092, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table {
  display: flex;
  flex-direction: column;
}

/* line 1093, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr {
  display: flex !important;
  flex-wrap: nowrap;
  /*! overflow: hidden; */
  gap: 0;
  /*! border: 1px solid red; */
}

/* line 1097, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr:nth-child(even) td {
  background: #F8F8F8 !important;
}

/* line 1099, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr :is(td,th):first-child {
  width: 260px !important;
  overflow: hidden;
  flex: 0 0 300px;
}

/* line 1104, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr :is(td,th):nth-child(2) {
  width: 260px !important;
  /*! overflow: hidden; */
  flex: 0 0 110px;
}

/* line 1108, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr :is(td,th):nth-child(2) .patient-image {
  width: 70px !important;
  height: 70px !important;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 4px;
}

/* line 1116, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr td, .patients.result_page .main-content-wrapper .cardWhite table tr th {
  text-align: left !important;
  /*! overflow: hidden; */
  width: auto;
  flex: 0 0 140px;
  align-items: center;
  display: flex;
}

/* line 1124, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.patients.result_page .main-content-wrapper .cardWhite table tr tbody, .patients.result_page .main-content-wrapper .cardWhite table tr thead {
  display: grid !important;
  grid-auto-flow: column;
}

@media (max-width: 767px) {
  /* line 1139, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .breadcrumbs > a:first-child .breadcrumbs__item {
    border-radius: 30px;
  }
}

@media (min-width: 768px) {
  /* line 1145, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothPillowAppWrapper, .videoWrapper {
    display: flex;
  }
  /* line 1147, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothPillowAppWrapper > .toothPillowAppBox, .toothPillowAppWrapper .readBox, .videoWrapper > .toothPillowAppBox, .videoWrapper .readBox {
    flex: 1;
  }
}

/* line 1154, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.result_page :where(h1,h2,h3,h4,h5,h6):not(.toothPillowAppBox h2, .ff-heading) {
  text-wrap: balance;
}

/* line 1158, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.result_page .header-status .handImg {
  width: clamp(18px, 11vw, 170px);
}

/* line 1161, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.result_page .header-status h4 {
  font-family: "Cerco Medium";
}

/* line 1167, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.result_page .toothpillowTreatment ul li {
  background-position: left top 4px;
}

/* line 1170, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.result_page .toothPillowApp .toothPillowAppBox h2 {
  margin-block-end: auto;
}

/* line 1173, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.result_page .toothPillowApp .readWrapper > .readBox {
  background: #B6CAE3;
}

@media (max-width: 1024px) {
  /* line 1177, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .container {
    max-width: 95%;
  }
}

@media (max-width: 767px) {
  /* line 1180, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .toothpillowTreatmentContainer .toothPillowAppWrapper[class*="column-colss_"] .toothPillowAppBox {
    flex: 0 0 78%;
  }
  /* line 1183, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .toothpillowTreatmentContainer {
    padding: 0px;
    max-width: 100%;
  }
  /* line 1187, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page :where(.header-status, .toothpillowTreatment) {
    border-radius: 0;
    padding-inline: 25px;
    padding-block: 35px;
  }
  /* line 1192, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .toothPillowApp {
    padding-inline: 25px;
  }
  /* line 1195, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .toothPillowApp:where(:nth-of-type(4),:nth-of-type(5)) {
    display: none;
  }
  /* line 1198, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .breadcrumbs > a:last-child .breadcrumbs__item {
    border-radius: 30px;
  }
  /* line 1201, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .header-status {
    padding-inline: 40px;
  }
  /* line 1204, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .toothpillowTreatment ul {
    gap: 20px;
  }
  /* line 1207, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .chatSection {
    max-width: 90%;
    margin: auto;
  }
  /* line 1210, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .chatSection h2 {
    font-size: 28px;
    text-wrap: balance;
  }
  /* line 1215, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .result_page .chatSection .chatRight {
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: auto;
  }
}

/* line 1224, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.breadcrumbs > a .breadcrumbs__item {
  white-space: nowrap;
}

@media (min-width: 767px) and (max-width: 1024px) {
  /* line 1228, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothPillowAppWrapper, .videoWrapper {
    flex-wrap: wrap;
  }
  /* line 1231, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothPillowAppWrapper .toothPillowAppBox,
.videoWrapper .readBox {
    flex: 0 0 48.3%;
  }
}

/*# sourceMappingURL=main.css.map */
/* line 1239, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatmentCustom .container {
  max-width: 100%;
  padding: 0px;
}

/* line 1244, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatmentCustom .container .treatmentResults .passInfoWrapper {
  padding: 28px 18px;
}

/* line 1247, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatmentCustom .container .treatmentResults :nth-child(1 of .passInfoWrapper) {
  padding: 21px 23px;
}

/* line 1250, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatmentCustom .container .treatmentResults .videoEvaluation {
  margin-block-end: 20px;
}

/* line 1252, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatmentCustom .container .treatmentResults .videoEvaluation .video, .toothpillowTreatmentCustom .container .treatmentResults .videoEvaluation video {
  max-height: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  /* line 1242, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults {
    border-radius: 0px;
  }
  /* line 1262, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults .YellowBar .btnWrapper .btn {
    box-shadow: none;
  }
  /* line 1265, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults .passInfoWrapper {
    padding-inline: 25px;
  }
  /* line 1268, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults .cardWhite {
    padding: 21px 23px;
  }
  /* line 1269, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults :nth-child(1 of .passInfoWrapper) {
    padding-block-end: 0px;
  }
  /* line 1271, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults :nth-child(1 of .passInfoWrapper) .cardWhite {
    padding: 21px 23px;
    padding-block-end: 51px;
  }
  /* line 1276, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .container .treatmentResults .cardWhite:not(:last-child) {
    margin-block-end: 20px;
  }
}

@media (max-width: 767px) {
  /* line 1285, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .toothpillowTreatmentCustom .chatSection {
    margin-top: 20px;
  }
  /* line 1289, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .container:has(.submissionResult) {
    max-width: 100%;
    padding: 0 20px !important;
  }
  /* line 1292, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .container:has(.submissionResult) .submissionResult {
    align-items: flex-start;
  }
  /* line 1295, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .container:has(.submissionResult) .submissionResult .left li {
    width: auto;
    border: none;
    height: auto;
    padding: 0;
    /*! margin: 0; */
    white-space: nowrap;
  }
  /* line 1299, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
  .container:has(.submissionResult) .submissionResult .left li > a {
    border: 1px solid #C9C9C9;
    width: 181px;
    height: 49px;
    display: inline-flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
}

/* line 1318, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
}

/* line 1326, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .video-controls {
  width: 100%;
  z-index: 2;
  left: 0;
  bottom: 0;
  padding: 24px 22px;
  box-sizing: border-box;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* line 1341, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .video-controls img {
  cursor: pointer;
  max-width: 100%;
  height: auto;
}

/* line 1347, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.gap-12 {
  gap: .75rem;
}

/* line 1351, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .video-controls {
  opacity: .6;
}

/* line 1355, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper:hover .video-controls {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent);
  opacity: 1;
}

/* line 1360, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.is-flex, .is-chips li {
  display: flex;
}

/* line 1364, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper :where(.play-pause, .mute-unmute, .toggle-fullscreen) {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1372, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.play-pause.is-playing .play,
.play-pause:not(.is-playing) .pause,
.mute-unmute:not(.muted) .mute,
.mute-unmute.muted .unmute,
.play-pause ~ .mute-unmute {
  display: none;
}

/* line 1380, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.is-playing ~ .mute-unmute {
  display: block;
}

/* line 1384, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.progress-bar-wrapper {
  position: relative;
  width: 100%;
  height: 8px;
  background: #555;
  margin: 0 10px;
  cursor: pointer;
  top: 5px;
  border-radius: 10px;
}

/* line 1394, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.seek-tooltip {
  display: none;
}

/* line 1397, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ff0000;
}

/* line 1404, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toggle-fullscreen .small-screen {
  display: none;
}

/* line 1407, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-controls input {
  outline: 0;
  box-shadow: none;
  border: none;
  padding: .375rem 1rem;
  background-clip: padding-box;
  font: inherit;
  -webkit-appearance: none;
  border-radius: 0;
}

/* line 1419, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .seek {
  margin: 0;
  padding: 0;
  width: 100%;
  top: 50%;
  left: 0;
  accent-color: #fff;
  position: absolute;
  background: 0 0;
  transform: translateY(-50%);
}

/* line 1431, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.progress-bar {
  width: 100%;
  border-radius: 10px;
}

/* line 1436, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .video-progress {
  top: 2px;
  color: #fff;
  margin: 0 10px;
  gap: 8px;
}

/* line 1443, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .progress-bar-wrapper,
.video-wrapper .video-progress {
  flex: 1;
  position: relative;
}

/* line 1449, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.video-wrapper .seek-tooltip {
  display: none;
  top: -100%;
  position: absolute;
}

/* line 1455, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.fullscreen .video-wrapper {
  border: 1px solid red;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  border-radius: 0;
}

/* line 1464, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.videoWrapper .readBox {
  min-height: unset !important;
  height: auto;
  padding: 0;
  overflow: hidden;
  border-radius: 15px !important;
}

/* line 1470, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.videoWrapper .readBox .video-wrapper {
  border-radius: 0px !important;
}

/* line 1473, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.videoWrapper .readBox .video-controls {
  padding: 10px;
  font-size: 12px;
}

/* line 1476, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.videoWrapper .readBox .video-controls :where(.play-pause, .mute-unmute, .toggle-fullscreen) {
  width: 15px;
  height: 15px;
}

/* line 1479, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.videoWrapper .readBox .video-controls :where(.play-pause, .mute-unmute, .toggle-fullscreen) img {
  object-fit: contain;
}

/* line 1483, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.videoWrapper .readBox .video-controls .progress-bar-wrapper {
  top: 0px;
}

/* line 1491, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.toothpillowTreatment-videoBox .video-controls .progress-bar-wrapper {
  top: 0px;
}

/* line 1496, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.progress-bar {
  background: blue;
}

/* line 1500, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.custom-height {
  height: 90px;
}

/* line 1504, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.instructions-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Semi-transparent background */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* line 1517, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.instructions-modal {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 1200px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  position: relative;
}

/* line 1527, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.instructions-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  border: none;
  background: none;
}

/* line 1537, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.highlight-missing {
  border: 2px solid red;
  background-color: #ffe6e6;
  transition: background-color 0.3s, border 0.3s;
}

/* line 1543, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.image-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999;
}

/* line 1552, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.image-modal-backdrop .image-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 36px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  width: 80vw;
  height: 80vh;
  max-width: 80vw;
  max-height: 80vh;
  overflow: hidden;
}

/* line 1567, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.image-modal-backdrop .image-modal #closeImageModal {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 2rem;
  color: black;
  background: none;
  border: none;
  cursor: pointer;
}

/* line 1578, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.image-modal-backdrop .image-modal .image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 1583, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.image-modal-backdrop .image-modal .image-wrapper #modalImage {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  margin: 0 auto;
}

/* line 1597, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.ratio .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1605, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.assessment-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  cursor: pointer;
}

/* line 1613, app/assets/stylesheets/scss/admin/../patients/_provider-assessment.scss */
.zoom-icon {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  opacity: 0.9;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

/* line 27, app/assets/stylesheets/admin.scss */
.loader2 {
  width: 30px;
  height: 30px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-left: 10px;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=admin.css-0bab7f7fc190b4a6ad7d71c0336ab459caf8214e0db4aa092c0206c1972a2d1f.map */