@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *

 */
/* Priority 5 - vendor */
@import url(/assets/filepond/dist/filepond.min-555abb95c3c2aaf2d23b6ab6f20359eaac159f442514d74d94e40c6949435053.css);
@font-face {
  font-family: 'icomoon';
  src: url(/assets/fonts/find-a-wrench-b4518273d80688d168eb85f4418e26a429440fa46e3755ec5cb1000a2615c7ca.eot?dbdvms);
  src: url(/assets/fonts/find-a-wrench-b4518273d80688d168eb85f4418e26a429440fa46e3755ec5cb1000a2615c7ca.eot?dbdvms#iefix) format("embedded-opentype"), url(/assets/fonts/find-a-wrench-cadaf1f51694e052ff40f41766e86c8d1701a82f99795cb7b60a9d8911c14e21.ttf?dbdvms) format("truetype"), url(/assets/fonts/find-a-wrench-b371ad1061c68b63865b0e50fdfa24c39bd6f564b255b533a66eadb80e08aadd.woff?dbdvms) format("woff"), url(/assets/fonts/find-a-wrench-7e9b90b38e3f2d96d86acf15fa9f55fffd48422bf35ca9bd83789183a702bb3e.svg?dbdvms#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* line 13, app/assets/stylesheets/fontastic.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 28, app/assets/stylesheets/fontastic.scss */
.icon-exclamation-circle:before {
  content: "\30";
}

/* line 31, app/assets/stylesheets/fontastic.scss */
.icon-content-41:before {
  content: "\31";
}

/* line 34, app/assets/stylesheets/fontastic.scss */
.icon-content-43:before {
  content: "\32";
}

/* line 37, app/assets/stylesheets/fontastic.scss */
.icon-download:before {
  content: "\33";
}

/* line 40, app/assets/stylesheets/fontastic.scss */
.icon-play:before {
  content: "\34";
}

/* line 43, app/assets/stylesheets/fontastic.scss */
.icon-file-word-o:before {
  content: "\41";
}

/* line 46, app/assets/stylesheets/fontastic.scss */
.icon-file-powerpoint-o:before {
  content: "\42";
}

/* line 49, app/assets/stylesheets/fontastic.scss */
.icon-file-text-o:before {
  content: "\43";
}

/* line 52, app/assets/stylesheets/fontastic.scss */
.icon-file-pdf-o:before {
  content: "\44";
}

/* line 55, app/assets/stylesheets/fontastic.scss */
.icon-file-excel-o:before {
  content: "\45";
}

/* line 58, app/assets/stylesheets/fontastic.scss */
.icon-external-link:before {
  content: "\46";
}

/* line 61, app/assets/stylesheets/fontastic.scss */
.icon-plus-square:before {
  content: "\47";
}

/* line 64, app/assets/stylesheets/fontastic.scss */
.icon-checkbox:before {
  content: "\48";
}

/* line 67, app/assets/stylesheets/fontastic.scss */
.icon-checkbox-blank:before {
  content: "\49";
}

/* line 70, app/assets/stylesheets/fontastic.scss */
.icon-android-cancel:before {
  content: "\4a";
}

/* line 73, app/assets/stylesheets/fontastic.scss */
.icon-check-circle:before {
  content: "\4b";
}

/* line 76, app/assets/stylesheets/fontastic.scss */
.icon-minus-square:before {
  content: "\4c";
}

/* line 79, app/assets/stylesheets/fontastic.scss */
.icon-plus-round:before {
  content: "\4d";
}

/* line 82, app/assets/stylesheets/fontastic.scss */
.icon-list-alt:before {
  content: "\4e";
}

/* line 85, app/assets/stylesheets/fontastic.scss */
.icon-exchange:before {
  content: "\4f";
}

/* line 88, app/assets/stylesheets/fontastic.scss */
.icon-crown:before {
  content: "\50";
}

/* line 91, app/assets/stylesheets/fontastic.scss */
.icon-picture:before {
  content: "\51";
}

/* line 94, app/assets/stylesheets/fontastic.scss */
.icon-news:before {
  content: "\52";
}

/* line 97, app/assets/stylesheets/fontastic.scss */
.icon-car:before {
  content: "\53";
}

/* line 100, app/assets/stylesheets/fontastic.scss */
.icon-shop:before {
  content: "\54";
}

/* line 103, app/assets/stylesheets/fontastic.scss */
.icon-home:before {
  content: "\55";
}

/* line 106, app/assets/stylesheets/fontastic.scss */
.icon-thumb-tack:before {
  content: "\56";
}

/* line 109, app/assets/stylesheets/fontastic.scss */
.icon-pin:before {
  content: "\57";
}

/* line 112, app/assets/stylesheets/fontastic.scss */
.icon-heart:before {
  content: "\58";
}

/* line 115, app/assets/stylesheets/fontastic.scss */
.icon-heart-o:before {
  content: "\59";
}

/* line 118, app/assets/stylesheets/fontastic.scss */
.icon-comment:before {
  content: "\5a";
}

/* line 121, app/assets/stylesheets/fontastic.scss */
.icon-search:before {
  content: "\61";
}

/* line 124, app/assets/stylesheets/fontastic.scss */
.icon-user:before {
  content: "\62";
}

/* line 127, app/assets/stylesheets/fontastic.scss */
.icon-bell:before {
  content: "\63";
}

/* line 130, app/assets/stylesheets/fontastic.scss */
.icon-info:before {
  content: "\64";
}

/* line 133, app/assets/stylesheets/fontastic.scss */
.icon-file-media:before {
  content: "\65";
}

/* line 136, app/assets/stylesheets/fontastic.scss */
.icon-files:before {
  content: "\66";
}

/* line 139, app/assets/stylesheets/fontastic.scss */
.icon-chevron-up:before {
  content: "\67";
}

/* line 142, app/assets/stylesheets/fontastic.scss */
.icon-arrow-up-c:before {
  content: "\68";
}

/* line 145, app/assets/stylesheets/fontastic.scss */
.icon-pencil-square-o:before {
  content: "\69";
}

/* line 148, app/assets/stylesheets/fontastic.scss */
.icon-upload:before {
  content: "\6a";
}

/* line 151, app/assets/stylesheets/fontastic.scss */
.icon-calendar:before {
  content: "\6b";
}

/* line 154, app/assets/stylesheets/fontastic.scss */
.icon-close-round:before {
  content: "\6c";
}

/* line 157, app/assets/stylesheets/fontastic.scss */
.icon-dollar:before {
  content: "\6d";
}

/* line 160, app/assets/stylesheets/fontastic.scss */
.icon-chevron-down:before {
  content: "\6e";
}

/* line 163, app/assets/stylesheets/fontastic.scss */
.icon-pencil:before {
  content: "\6f";
}

/* line 166, app/assets/stylesheets/fontastic.scss */
.icon-navicon:before {
  content: "\70";
}

/* line 169, app/assets/stylesheets/fontastic.scss */
.icon-arrow-down-c:before {
  content: "\71";
}

/* line 172, app/assets/stylesheets/fontastic.scss */
.icon-trash:before {
  content: "\72";
}

/* line 175, app/assets/stylesheets/fontastic.scss */
.icon-android-add:before {
  content: "\73";
}

/* line 178, app/assets/stylesheets/fontastic.scss */
.icon-doc-text-inv:before {
  content: "\74";
}

/* line 181, app/assets/stylesheets/fontastic.scss */
.icon-toggle-on:before {
  content: "\75";
}

/* line 184, app/assets/stylesheets/fontastic.scss */
.icon-toggle-off:before {
  content: "\76";
}

/* line 187, app/assets/stylesheets/fontastic.scss */
.icon-plus-circle:before {
  content: "\77";
}

/* line 190, app/assets/stylesheets/fontastic.scss */
.icon-chevron-left:before {
  content: "\78";
}

/* line 193, app/assets/stylesheets/fontastic.scss */
.icon-chevron-right:before {
  content: "\79";
}

/* line 196, app/assets/stylesheets/fontastic.scss */
.icon-paperclip:before {
  content: "\7a";
}

/* line 199, app/assets/stylesheets/fontastic.scss */
.icon-twitter-square:before {
  content: "\e900";
}

/* line 202, app/assets/stylesheets/fontastic.scss */
.icon-linkedin-square:before {
  content: "\e901";
}

/* line 205, app/assets/stylesheets/fontastic.scss */
.icon-facebook-square:before {
  content: "\e902";
}

/* line 208, app/assets/stylesheets/fontastic.scss */
.icon-dollar-bill:before {
  content: "\e903";
}

/* line 211, app/assets/stylesheets/fontastic.scss */
.icon-engine:before {
  content: "\e904";
}

/* line 214, app/assets/stylesheets/fontastic.scss */
.icon-bank:before {
  content: "\e905";
}

/* line 217, app/assets/stylesheets/fontastic.scss */
.icon-graduation-cap:before {
  content: "\e906";
}

/* line 220, app/assets/stylesheets/fontastic.scss */
.icon-photo:before {
  content: "\e907";
}

/* line 223, app/assets/stylesheets/fontastic.scss */
.icon-tiktok:before {
  content: "\e908";
}

/* line 226, app/assets/stylesheets/fontastic.scss */
.icon-ellipsis-h:before {
  content: "\e909";
}

/* line 229, app/assets/stylesheets/fontastic.scss */
.icon-qrcode1:before {
  content: "\e938";
}

/* line 232, app/assets/stylesheets/fontastic.scss */
.icon-alarm:before {
  content: "\e950";
}

/* line 235, app/assets/stylesheets/fontastic.scss */
.icon-hour-glass:before {
  content: "\e979";
}

/* line 238, app/assets/stylesheets/fontastic.scss */
.icon-spinner2:before {
  content: "\e97b";
}

/* line 241, app/assets/stylesheets/fontastic.scss */
.icon-enlarge:before {
  content: "\e989";
}

/* line 244, app/assets/stylesheets/fontastic.scss */
.icon-wrench:before {
  content: "\e991";
}

/* line 247, app/assets/stylesheets/fontastic.scss */
.icon-stats-bars:before {
  content: "\e99c";
}

/* line 250, app/assets/stylesheets/fontastic.scss */
.icon-link:before {
  content: "\e9cb";
}

/* line 253, app/assets/stylesheets/fontastic.scss */
.icon-eye:before {
  content: "\e9ce";
}

/* line 256, app/assets/stylesheets/fontastic.scss */
.icon-star-full:before {
  content: "\e9d9";
}

/* line 259, app/assets/stylesheets/fontastic.scss */
.icon-arrow-left2:before {
  content: "\ea40";
}

/* line 262, app/assets/stylesheets/fontastic.scss */
.icon-instagram:before {
  content: "\ea92";
}

/* line 265, app/assets/stylesheets/fontastic.scss */
.icon-youtube:before {
  content: "\ea9d";
}

/* line 268, app/assets/stylesheets/fontastic.scss */
.icon-qrcode:before {
  content: "\f029";
}

/* line 271, app/assets/stylesheets/fontastic.scss */
.icon-thumbs-o-up:before {
  content: "\f087";
}

/* line 274, app/assets/stylesheets/fontastic.scss */
.icon-filter:before {
  content: "\f0b0";
}

/* line 277, app/assets/stylesheets/fontastic.scss */
.icon-comment-o:before {
  content: "\f0e5";
}

/* line 280, app/assets/stylesheets/fontastic.scss */
.icon-thumbs-up:before {
  content: "\f164";
}

/* line 283, app/assets/stylesheets/fontastic.scss */
.icon-video-camera:before {
  content: "\e90a";
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone, .dropzone * {
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 20px 20px;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone.dz-clickable {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone.dz-clickable * {
  cursor: default;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone.dz-started .dz-message {
  display: none;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone.dz-drag-hover {
  border-style: solid;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone.dz-drag-hover .dz-message {
  opacity: .5;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview:hover {
  z-index: 1000;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-image-preview {
  background: #fff;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 .4em;
  border-radius: 3px;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-image img {
  display: block;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: .5em 1.2em;
  color: #fff;
}

/* line 1, app/assets/stylesheets/dropzone.min.scss */
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/* line 2, app/assets/stylesheets/videojs.css */
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 10, app/assets/stylesheets/videojs.css */
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* line 20, app/assets/stylesheets/videojs.css */
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 25, app/assets/stylesheets/videojs.css */
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

/* line 29, app/assets/stylesheets/videojs.css */
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 34, app/assets/stylesheets/videojs.css */
.vjs-icon-play-circle:before {
  content: "\f102";
}

/* line 38, app/assets/stylesheets/videojs.css */
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 43, app/assets/stylesheets/videojs.css */
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

/* line 47, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 52, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

/* line 56, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 61, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

/* line 65, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 70, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

/* line 74, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 79, app/assets/stylesheets/videojs.css */
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

/* line 83, app/assets/stylesheets/videojs.css */
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 88, app/assets/stylesheets/videojs.css */
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

/* line 92, app/assets/stylesheets/videojs.css */
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 97, app/assets/stylesheets/videojs.css */
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

/* line 101, app/assets/stylesheets/videojs.css */
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 106, app/assets/stylesheets/videojs.css */
.vjs-icon-square:before {
  content: "\f10a";
}

/* line 110, app/assets/stylesheets/videojs.css */
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 115, app/assets/stylesheets/videojs.css */
.vjs-icon-spinner:before {
  content: "\f10b";
}

/* line 119, app/assets/stylesheets/videojs.css */
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 128, app/assets/stylesheets/videojs.css */
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

/* line 136, app/assets/stylesheets/videojs.css */
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 142, app/assets/stylesheets/videojs.css */
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

/* line 147, app/assets/stylesheets/videojs.css */
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 152, app/assets/stylesheets/videojs.css */
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

/* line 156, app/assets/stylesheets/videojs.css */
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 161, app/assets/stylesheets/videojs.css */
.vjs-icon-share:before {
  content: "\f10f";
}

/* line 165, app/assets/stylesheets/videojs.css */
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 170, app/assets/stylesheets/videojs.css */
.vjs-icon-cog:before {
  content: "\f110";
}

/* line 174, app/assets/stylesheets/videojs.css */
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 179, app/assets/stylesheets/videojs.css */
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

/* line 183, app/assets/stylesheets/videojs.css */
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 188, app/assets/stylesheets/videojs.css */
.vjs-icon-circle-outline:before {
  content: "\f112";
}

/* line 192, app/assets/stylesheets/videojs.css */
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 197, app/assets/stylesheets/videojs.css */
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

/* line 201, app/assets/stylesheets/videojs.css */
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 206, app/assets/stylesheets/videojs.css */
.vjs-icon-hd:before {
  content: "\f114";
}

/* line 210, app/assets/stylesheets/videojs.css */
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 215, app/assets/stylesheets/videojs.css */
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

/* line 219, app/assets/stylesheets/videojs.css */
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 224, app/assets/stylesheets/videojs.css */
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

/* line 228, app/assets/stylesheets/videojs.css */
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 233, app/assets/stylesheets/videojs.css */
.vjs-icon-facebook:before {
  content: "\f117";
}

/* line 237, app/assets/stylesheets/videojs.css */
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 242, app/assets/stylesheets/videojs.css */
.vjs-icon-gplus:before {
  content: "\f118";
}

/* line 246, app/assets/stylesheets/videojs.css */
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 251, app/assets/stylesheets/videojs.css */
.vjs-icon-linkedin:before {
  content: "\f119";
}

/* line 255, app/assets/stylesheets/videojs.css */
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 260, app/assets/stylesheets/videojs.css */
.vjs-icon-twitter:before {
  content: "\f11a";
}

/* line 264, app/assets/stylesheets/videojs.css */
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 269, app/assets/stylesheets/videojs.css */
.vjs-icon-tumblr:before {
  content: "\f11b";
}

/* line 273, app/assets/stylesheets/videojs.css */
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 278, app/assets/stylesheets/videojs.css */
.vjs-icon-pinterest:before {
  content: "\f11c";
}

/* line 282, app/assets/stylesheets/videojs.css */
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 287, app/assets/stylesheets/videojs.css */
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

/* line 291, app/assets/stylesheets/videojs.css */
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 296, app/assets/stylesheets/videojs.css */
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

/* line 300, app/assets/stylesheets/videojs.css */
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 305, app/assets/stylesheets/videojs.css */
.vjs-icon-next-item:before {
  content: "\f11f";
}

/* line 309, app/assets/stylesheets/videojs.css */
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 314, app/assets/stylesheets/videojs.css */
.vjs-icon-previous-item:before {
  content: "\f120";
}

/* line 318, app/assets/stylesheets/videojs.css */
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 323, app/assets/stylesheets/videojs.css */
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

/* line 327, app/assets/stylesheets/videojs.css */
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

/* line 332, app/assets/stylesheets/videojs.css */
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

/* line 336, app/assets/stylesheets/videojs.css */
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

/* line 351, app/assets/stylesheets/videojs.css */
.video-js:-moz-full-screen {
  position: absolute;
}

/* line 354, app/assets/stylesheets/videojs.css */
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

/* line 359, app/assets/stylesheets/videojs.css */
.video-js[tabindex="-1"] {
  outline: none;
}

/* line 363, app/assets/stylesheets/videojs.css */
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

/* line 369, app/assets/stylesheets/videojs.css */
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 380, app/assets/stylesheets/videojs.css */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

/* line 388, app/assets/stylesheets/videojs.css */
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

/* line 392, app/assets/stylesheets/videojs.css */
.video-js.vjs-4-3 {
  padding-top: 75%;
}

/* line 396, app/assets/stylesheets/videojs.css */
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

/* line 401, app/assets/stylesheets/videojs.css */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 409, app/assets/stylesheets/videojs.css */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

/* line 415, app/assets/stylesheets/videojs.css */
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

/* line 425, app/assets/stylesheets/videojs.css */
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

/* line 431, app/assets/stylesheets/videojs.css */
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* line 435, app/assets/stylesheets/videojs.css */
.vjs-hidden {
  display: none !important;
}

/* line 439, app/assets/stylesheets/videojs.css */
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

/* line 444, app/assets/stylesheets/videojs.css */
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

/* line 452, app/assets/stylesheets/videojs.css */
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* line 458, app/assets/stylesheets/videojs.css */
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

/* line 470, app/assets/stylesheets/videojs.css */
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

/* line 475, app/assets/stylesheets/videojs.css */
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

/* line 493, app/assets/stylesheets/videojs.css */
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

/* line 500, app/assets/stylesheets/videojs.css */
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

/* line 508, app/assets/stylesheets/videojs.css */
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

/* line 515, app/assets/stylesheets/videojs.css */
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

/* line 519, app/assets/stylesheets/videojs.css */
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 534, app/assets/stylesheets/videojs.css */
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

/* line 539, app/assets/stylesheets/videojs.css */
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

/* line 547, app/assets/stylesheets/videojs.css */
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

/* line 553, app/assets/stylesheets/videojs.css */
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

/* line 557, app/assets/stylesheets/videojs.css */
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

/* line 564, app/assets/stylesheets/videojs.css */
.vjs-menu-button {
  cursor: pointer;
}

/* line 568, app/assets/stylesheets/videojs.css */
.vjs-menu-button.vjs-disabled {
  cursor: default;
}

/* line 572, app/assets/stylesheets/videojs.css */
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

/* line 576, app/assets/stylesheets/videojs.css */
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

/* line 584, app/assets/stylesheets/videojs.css */
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

/* line 588, app/assets/stylesheets/videojs.css */
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

/* line 592, app/assets/stylesheets/videojs.css */
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

/* line 602, app/assets/stylesheets/videojs.css */
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

/* line 609, app/assets/stylesheets/videojs.css */
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

/* line 617, app/assets/stylesheets/videojs.css */
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* line 628, app/assets/stylesheets/videojs.css */
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

/* line 639, app/assets/stylesheets/videojs.css */
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

/* line 648, app/assets/stylesheets/videojs.css */
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

/* line 653, app/assets/stylesheets/videojs.css */
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

/* line 657, app/assets/stylesheets/videojs.css */
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

/* line 661, app/assets/stylesheets/videojs.css */
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

/* line 667, app/assets/stylesheets/videojs.css */
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

/* line 672, app/assets/stylesheets/videojs.css */
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

/* line 677, app/assets/stylesheets/videojs.css */
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

/* line 681, app/assets/stylesheets/videojs.css */
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

/* line 688, app/assets/stylesheets/videojs.css */
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

/* line 700, app/assets/stylesheets/videojs.css */
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

/* line 707, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

/* line 714, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

/* line 720, app/assets/stylesheets/videojs.css */
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

/* line 727, app/assets/stylesheets/videojs.css */
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

/* line 739, app/assets/stylesheets/videojs.css */
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

/* line 746, app/assets/stylesheets/videojs.css */
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

/* line 752, app/assets/stylesheets/videojs.css */
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

/* line 758, app/assets/stylesheets/videojs.css */
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

/* line 763, app/assets/stylesheets/videojs.css */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

/* line 767, app/assets/stylesheets/videojs.css */
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

/* line 777, app/assets/stylesheets/videojs.css */
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

/* line 782, app/assets/stylesheets/videojs.css */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

/* line 788, app/assets/stylesheets/videojs.css */
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 798, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

/* line 803, app/assets/stylesheets/videojs.css */
.video-js .vjs-custom-control-spacer {
  display: none;
}

/* line 807, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

/* line 816, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control.disabled {
  cursor: default;
}

/* line 820, app/assets/stylesheets/videojs.css */
.vjs-live .vjs-progress-control {
  display: none;
}

/* line 824, app/assets/stylesheets/videojs.css */
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

/* line 829, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-progress-control {
  width: auto;
}

/* line 833, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

/* line 839, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

/* line 843, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

/* line 847, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

/* line 851, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

/* line 862, app/assets/stylesheets/videojs.css */
.video-js .vjs-play-progress {
  background-color: #fff;
}

/* line 865, app/assets/stylesheets/videojs.css */
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

/* line 873, app/assets/stylesheets/videojs.css */
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

/* line 877, app/assets/stylesheets/videojs.css */
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

/* line 881, app/assets/stylesheets/videojs.css */
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

/* line 897, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

/* line 901, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

/* line 908, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

/* line 912, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

/* line 921, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

/* line 925, app/assets/stylesheets/videojs.css */
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

/* line 929, app/assets/stylesheets/videojs.css */
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

/* line 935, app/assets/stylesheets/videojs.css */
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

/* line 939, app/assets/stylesheets/videojs.css */
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 945, app/assets/stylesheets/videojs.css */
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

/* line 965, app/assets/stylesheets/videojs.css */
.video-js .vjs-slider.disabled {
  cursor: default;
}

/* line 969, app/assets/stylesheets/videojs.css */
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

/* line 974, app/assets/stylesheets/videojs.css */
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

/* line 978, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

/* line 984, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

/* line 988, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

/* line 996, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel {
  transition: width 1s;
}

/* line 999, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

/* line 1005, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

/* line 1010, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

/* line 1014, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

/* line 1018, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

/* line 1022, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

/* line 1029, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

/* line 1033, app/assets/stylesheets/videojs.css */
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

/* line 1042, app/assets/stylesheets/videojs.css */
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

/* line 1049, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel {
  display: flex;
}

/* line 1053, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

/* line 1057, app/assets/stylesheets/videojs.css */
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

/* line 1062, app/assets/stylesheets/videojs.css */
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

/* line 1068, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

/* line 1074, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

/* line 1079, app/assets/stylesheets/videojs.css */
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

/* line 1082, app/assets/stylesheets/videojs.css */
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

/* line 1087, app/assets/stylesheets/videojs.css */
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

/* line 1090, app/assets/stylesheets/videojs.css */
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

/* line 1095, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

/* line 1099, app/assets/stylesheets/videojs.css */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

/* line 1103, app/assets/stylesheets/videojs.css */
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

/* line 1107, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

/* line 1115, app/assets/stylesheets/videojs.css */
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

/* line 1119, app/assets/stylesheets/videojs.css */
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

/* line 1137, app/assets/stylesheets/videojs.css */
.vjs-has-started .vjs-poster {
  display: none;
}

/* line 1141, app/assets/stylesheets/videojs.css */
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

/* line 1145, app/assets/stylesheets/videojs.css */
.vjs-using-native-controls .vjs-poster {
  display: none;
}

/* line 1149, app/assets/stylesheets/videojs.css */
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

/* line 1157, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

/* line 1163, app/assets/stylesheets/videojs.css */
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

/* line 1168, app/assets/stylesheets/videojs.css */
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

/* line 1181, app/assets/stylesheets/videojs.css */
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

/* line 1187, app/assets/stylesheets/videojs.css */
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

/* line 1192, app/assets/stylesheets/videojs.css */
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

/* line 1196, app/assets/stylesheets/videojs.css */
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

/* line 1201, app/assets/stylesheets/videojs.css */
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

/* line 1205, app/assets/stylesheets/videojs.css */
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

/* line 1215, app/assets/stylesheets/videojs.css */
.vjs-live .vjs-time-control {
  display: none;
}

/* line 1219, app/assets/stylesheets/videojs.css */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

/* line 1224, app/assets/stylesheets/videojs.css */
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

/* line 1229, app/assets/stylesheets/videojs.css */
.vjs-time-divider {
  display: none;
  line-height: 3em;
}

/* line 1234, app/assets/stylesheets/videojs.css */
.vjs-live .vjs-time-divider {
  display: none;
}

/* line 1238, app/assets/stylesheets/videojs.css */
.video-js .vjs-play-control {
  cursor: pointer;
}

/* line 1242, app/assets/stylesheets/videojs.css */
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

/* line 1246, app/assets/stylesheets/videojs.css */
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

/* line 1255, app/assets/stylesheets/videojs.css */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

/* line 1259, app/assets/stylesheets/videojs.css */
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

/* line 1265, app/assets/stylesheets/videojs.css */
.vjs-subtitles {
  color: #fff;
}

/* line 1269, app/assets/stylesheets/videojs.css */
.vjs-captions {
  color: #fc6;
}

/* line 1273, app/assets/stylesheets/videojs.css */
.vjs-tt-cue {
  display: block;
}

/* line 1277, app/assets/stylesheets/videojs.css */
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

/* line 1281, app/assets/stylesheets/videojs.css */
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

/* line 1285, app/assets/stylesheets/videojs.css */
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

/* line 1289, app/assets/stylesheets/videojs.css */
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

/* line 1293, app/assets/stylesheets/videojs.css */
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1302, app/assets/stylesheets/videojs.css */
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

/* line 1309, app/assets/stylesheets/videojs.css */
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

/* line 1314, app/assets/stylesheets/videojs.css */
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

/* line 1319, app/assets/stylesheets/videojs.css */
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

/* line 1335, app/assets/stylesheets/videojs.css */
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

/* line 1352, app/assets/stylesheets/videojs.css */
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

/* line 1359, app/assets/stylesheets/videojs.css */
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

/* line 1374, app/assets/stylesheets/videojs.css */
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

/* line 1382, app/assets/stylesheets/videojs.css */
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

/* line 1387, app/assets/stylesheets/videojs.css */
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}

/* line 1448, app/assets/stylesheets/videojs.css */
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

/* line 1452, app/assets/stylesheets/videojs.css */
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

/* line 1458, app/assets/stylesheets/videojs.css */
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

/* line 1465, app/assets/stylesheets/videojs.css */
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

/* line 1471, app/assets/stylesheets/videojs.css */
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

/* line 1478, app/assets/stylesheets/videojs.css */
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}

/* line 1511, app/assets/stylesheets/videojs.css */
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}

/* line 1521, app/assets/stylesheets/videojs.css */
.video-js.vjs-layout-x-small:not(.vjs-fullscreen):not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen):not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button {
  display: none;
}

/* line 1524, app/assets/stylesheets/videojs.css */
.video-js.vjs-layout-x-small.vjs-liveui:not(.vjs-fullscreen) .vjs-custom-control-spacer, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

/* line 1528, app/assets/stylesheets/videojs.css */
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex:not(.vjs-fullscreen) .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  width: auto;
}

/* line 1531, app/assets/stylesheets/videojs.css */
.video-js.vjs-layout-x-small.vjs-liveui:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control {
  display: none;
}

/* line 1535, app/assets/stylesheets/videojs.css */
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

/* line 1542, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

/* line 1546, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

/* line 1552, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  /* line 1558, app/assets/stylesheets/videojs.css */
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  /* line 1565, app/assets/stylesheets/videojs.css */
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  /* line 1569, app/assets/stylesheets/videojs.css */
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  /* line 1573, app/assets/stylesheets/videojs.css */
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}

/* line 1579, app/assets/stylesheets/videojs.css */
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

/* line 1584, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

/* line 1590, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings fieldset span {
  display: inline-block;
}

/* line 1594, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

/* line 1598, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

/* line 1603, app/assets/stylesheets/videojs.css */
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* line 1616, app/assets/stylesheets/videojs.css */
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

/* line 1623, app/assets/stylesheets/videojs.css */
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

/* line 1627, app/assets/stylesheets/videojs.css */
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

/* line 1635, app/assets/stylesheets/videojs.css */
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  /* line 1640, app/assets/stylesheets/videojs.css */
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

/* line 1644, app/assets/stylesheets/videojs.css */
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

/* line 1654, app/assets/stylesheets/videojs.css */
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

/* line 1659, app/assets/stylesheets/videojs.css */
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}

/* line 1665, app/assets/stylesheets/videojs.css */
.video-js.video-js.video-js {
  width: 100%;
}

/* line 1669, app/assets/stylesheets/videojs.css */
.video-js.video-js.video-js .vjs-big-play-button {
  height: 70px;
  width: 70px;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  border: solid white 5px;
  border-radius: 50%;
  background-color: var(--color-danger);
  box-sizing: border-box;
  font-size: 4rem;
}

/* line 1681, app/assets/stylesheets/videojs.css */
.video-js.video-js.video-js .vjs-icon-placeholder::before {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1687, app/assets/stylesheets/videojs.css */
.video-js .video-js__duration {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  padding: 0.25rem 0.5rem;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  line-height: 0.9rem;
  font-size: 0.8rem;
}

/* stuff to hide */
/* line 1700, app/assets/stylesheets/videojs.css */
.video-js.vjs-has-started .video-js__duration,
.video-js.vjs-has-started .vjs-subs-caps-button,
.video-js.vjs-has-started .vjs-picture-in-picture-control {
  display: none;
}

/* line 1706, app/assets/stylesheets/videojs.css */
.video-js.video-js-for-style.video-js-not-video .vjs-poster {
  background-size: cover;
}

/* line 1709, app/assets/stylesheets/videojs.css */
.video-thumbnail-image-option {
  margin: 0.2rem;
}

/* line 1713, app/assets/stylesheets/videojs.css */
.video-thumbnail-image-option.selected {
  margin: 0;
  padding: 0.2rem;
  border: 2px solid var(--color-primary);
  border-radius: 5px;
}

/* Priority 4 - variables + base  */
@media only screen and (max-width: 576px) {
  /* line 56, app/assets/stylesheets/breakpoints.scss */
  .show--xs.show--xs.show--xs:not(.show--xs),
.show--sm.show--sm.show--sm:not(.show--xs),
.show--md.show--md.show--md:not(.show--xs),
.show--lg.show--lg.show--lg:not(.show--xs),
.show--xl.show--xl.show--xl:not(.show--xs) {
    display: none;
  }
}

@media only screen and (min-width: 577px) and (max-width: 812px) {
  /* line 57, app/assets/stylesheets/breakpoints.scss */
  .show--xs.show--xs.show--xs:not(.show--sm),
.show--sm.show--sm.show--sm:not(.show--sm),
.show--md.show--md.show--md:not(.show--sm),
.show--lg.show--lg.show--lg:not(.show--sm),
.show--xl.show--xl.show--xl:not(.show--sm) {
    display: none;
  }
}

@media only screen and (min-width: 813px) and (max-width: 992px) {
  /* line 58, app/assets/stylesheets/breakpoints.scss */
  .show--xs.show--xs.show--xs:not(.show--md),
.show--sm.show--sm.show--sm:not(.show--md),
.show--md.show--md.show--md:not(.show--md),
.show--lg.show--lg.show--lg:not(.show--md),
.show--xl.show--xl.show--xl:not(.show--md) {
    display: none;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  /* line 59, app/assets/stylesheets/breakpoints.scss */
  .show--xs.show--xs.show--xs:not(.show--lg),
.show--sm.show--sm.show--sm:not(.show--lg),
.show--md.show--md.show--md:not(.show--lg),
.show--lg.show--lg.show--lg:not(.show--lg),
.show--xl.show--xl.show--xl:not(.show--lg) {
    display: none;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 60, app/assets/stylesheets/breakpoints.scss */
  .show--xs.show--xs.show--xs:not(.show--xl),
.show--sm.show--sm.show--sm:not(.show--xl),
.show--md.show--md.show--md:not(.show--xl),
.show--lg.show--lg.show--lg:not(.show--xl),
.show--xl.show--xl.show--xl:not(.show--xl) {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  /* line 63, app/assets/stylesheets/breakpoints.scss */
  .hide--xs {
    display: none;
  }
}

@media only screen and (min-width: 577px) and (max-width: 812px) {
  /* line 66, app/assets/stylesheets/breakpoints.scss */
  .hide--sm {
    display: none;
  }
}

@media only screen and (min-width: 813px) and (max-width: 992px) {
  /* line 69, app/assets/stylesheets/breakpoints.scss */
  .hide--md {
    display: none;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  /* line 72, app/assets/stylesheets/breakpoints.scss */
  .hide--lg {
    display: none;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 75, app/assets/stylesheets/breakpoints.scss */
  .hide--xl {
    display: none;
  }
}

@media only screen and (max-width: 812px) {
  /* line 79, app/assets/stylesheets/breakpoints.scss */
  .hide--mobile.hide--mobile.hide--mobile.hide--mobile,
.show--desktop.show--desktop.show--desktop.show--desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 813px) {
  /* line 86, app/assets/stylesheets/breakpoints.scss */
  .hide--desktop.hide--desktop.hide--desktop.hide--desktop,
.show--mobile.show--mobile.show--mobile.show--mobile {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/theme.css */
:root {
  --color-primary: #ed8b00;
  --color-primary-rgb: 247,146,29;
  --color-primary-contrast: #ffffff;
  --color-primary-contrast-rgb: 255,255,255;
  --color-primary-shade: #cb6d00;
  --color-primary-shade-rgb: 203,109,0;
  --color-primary-tint: #ffbd5f;
  --color-primary-tint-rgb: 255,189,95;
  --color-primary-tint-light: #ffcc85;
  --color-primary-gradient: linear-gradient(90deg, var(--color-primary) 50%, var(--color-primary-tint) 100%);
  --color-secondary: #ed8b00;
  --color-secondary-rgb: 237,139,0;
  --color-secondary-contrast: #000000;
  --color-secondary-contrast-rgb: 0,0,0;
  --color-secondary-shade: #d17a00;
  --color-secondary-tint: #ef971a;
  --color-faw-employee: #3A5199;
  --color-faw-employee-rgb: 58,81,153;
  --color-faw-employee-contrast: #ffffff;
  --color-faw-employee-contrast-rgb: 255,255,255;
  --color-faw-employee-shade: #334787;
  --color-faw-employee-shade-rgb: 51,71,135;
  --color-faw-employee-tint: #4e62a3;
  --color-faw-employee-tint-rgb: 78,98,163;
  --color-faw-employee-tint-light: #6380dd;
  --color-faw-employee-gradient: linear-gradient(90deg, var(--color-primary) 50%, var(--color-primary-tint) 100%);
  --color-success: #10dc60;
  --color-success-rgb: 16,220,96;
  --color-success-contrast: #ffffff;
  --color-success-contrast-rgb: 255,255,255;
  --color-success-shade: #0ec254;
  --color-success-tint: #28e070;
  --color-warning: #ffce00;
  --color-warning-rgb: 255,206,0;
  --color-warning-contrast: #ffffff;
  --color-warning-contrast-rgb: 255,255,255;
  --color-warning-shade: #e0b500;
  --color-warning-tint: #ffd31a;
  --color-danger: #f04141;
  --color-danger-rgb: 245,61,61;
  --color-danger-contrast: #ffffff;
  --color-danger-contrast-rgb: 255,255,255;
  --color-danger-shade: #d33939;
  --color-danger-tint: #f25454;
  --color-dark: #747474;
  --color-dark-rgb: 57,57,57;
  --color-dark-contrast: #ffffff;
  --color-dark-contrast-rgb: 255,255,255;
  --color-dark-shade: #393939;
  --color-dark-tint: #4d4d4d;
  --color-medium: #b4b4b4;
  --color-medium-rgb: 180,180,180;
  --color-medium-contrast: #000000;
  --color-medium-contrast-rgb: 0,0,0;
  --color-medium-shade: #9e9e9e;
  --color-medium-tint: #bcbcbc;
  --color-light: #f4f5f8;
  --color-light-rgb: 244,244,244;
  --color-light-contrast: #000000;
  --color-light-contrast-rgb: 0,0,0;
  --color-light-shade: #d7d8da;
  --color-light-tint: #f5f6f9;
  --color-base: white;
  --color-base-contrast: black;
  --color-background: rgb(34, 34, 34);
  --color-background-light: #efefef;
}

/* line 79, app/assets/stylesheets/theme.css */
.wrench-way {
  --color-primary: #3A5199;
  --color-primary-rgb: 58,81,153;
  --color-primary-contrast: #ffffff;
  --color-primary-contrast-rgb: 255,255,255;
  --color-primary-shade: #334787;
  --color-primary-tint: #4e62a3;
  --color-primary-tint-rgb: 78,98,163;
  --color-primary-tint-light: #6380dd;
  --color-primary-gradient: linear-gradient(90deg, var(--color-primary) 50%, var(--color-primary-tint) 100%);
  --color-secondary: #DD9421;
  --color-secondary-rgb: 221,148,33;
  --color-secondary-contrast: #000000;
  --color-secondary-contrast-rgb: 0,0,0;
  --color-secondary-shade: #c2821d;
  --color-secondary-tint: #e09f37;
  --color-faw-employee: #ed8b00;
  --color-faw-employee--rgb: 247,146,29;
  --color-faw-employee--contrast: #ffffff;
  --color-faw-employee--contrast-rgb: 255,255,255;
  --color-faw-employee--shade: #cb6d00;
  --color-faw-employee--shade-rgb: 203,109,0;
  --color-faw-employee--tint: #ffbd5f;
  --color-faw-employee--gradient: linear-gradient(90deg, var(--color-primary) 50%, var(--color-primary-tint) 100%);
}

/* line 107, app/assets/stylesheets/theme.css */
.faw-employee {
  --color-primary: #3A5199;
  --color-primary-rgb: 58,81,153;
  --color-primary-contrast: #ffffff;
  --color-primary-contrast-rgb: 255,255,255;
  --color-primary-shade: #334787;
  --color-primary-shade-rgb: 51,71,135;
  --color-primary-tint: #4e62a3;
  --color-primary-tint-rgb: 78,98,163;
  --color-primary-tint-light: #6380dd;
  --color-primary-gradient: linear-gradient(90deg, var(--color-primary) 50%, var(--color-primary-tint) 100%);
}

/* line 120, app/assets/stylesheets/theme.css */
.wrench-way .faw-employee {
  --color-primary: #ed8b00;
  --color-primary-rgb: 247,146,29;
  --color-primary-contrast: #ffffff;
  --color-primary-contrast-rgb: 255,255,255;
  --color-primary-shade: #cb6d00;
  --color-primary-shade-rgb: 203,109,0;
  --color-primary-tint: #ffbd5f;
  --color-primary-tint-rgb: 255,189,95;
  --color-primary-tint-light: #ffcc85;
  --color-primary-gradient: linear-gradient(90deg, var(--color-primary) 50%, var(--color-primary-tint) 100%);
}

/* line 1, app/assets/stylesheets/base.scss */
body, html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", Helvetica, Arial,  sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  padding: 0;
  background: #191919;
}

@media only screen and (min-width: 813px) {
  /* line 1, app/assets/stylesheets/base.scss */
  body, html {
    height: 100%;
  }
}

/* line 15, app/assets/stylesheets/base.scss */
body {
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background-color: #ffffff;
}

/* line 23, app/assets/stylesheets/base.scss */
body.cursor-grabbing * {
  cursor: grabbing !important;
}

@media only screen and (max-width: 812px) {
  /* line 27, app/assets/stylesheets/base.scss */
  body.wrench-way-map {
    height: initial;
  }
}

/* line 33, app/assets/stylesheets/base.scss */
input, textarea, select, button {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", Helvetica, Arial,  sans-serif;
}

/* line 37, app/assets/stylesheets/base.scss */
.old-font {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", Helvetica, Arial,  sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* line 43, app/assets/stylesheets/base.scss */
.old-font input, .old-font textarea, .old-font select, .old-font button {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", Helvetica, Arial,  sans-serif;
}

/* line 48, app/assets/stylesheets/base.scss */
blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

/* line 55, app/assets/stylesheets/base.scss */
.icomoon-svg--wrapper {
  width: 1rem;
}

/* line 58, app/assets/stylesheets/base.scss */
.icomoon-svg--wrapper button {
  width: 2rem;
}

/* line 63, app/assets/stylesheets/base.scss */
.icomoon-svg {
  display: inline-block;
  height: 1rem;
  width: 0.9rem;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: visible;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 82, app/assets/stylesheets/base.scss */
.icomoon-svg.icomoon-svg--sm {
  height: 0.75rem;
}

/* line 85, app/assets/stylesheets/base.scss */
.icomoon-svg.icomoon-svg--lg {
  height: 2rem;
}

/* line 89, app/assets/stylesheets/base.scss */
a,
a:hover {
  background-color: inherit;
  color: inherit;
  text-decoration: none;
}

/* line 96, app/assets/stylesheets/base.scss */
textarea {
  resize: none;
}

/* line 100, app/assets/stylesheets/base.scss */
[type="date"]::after {
  color: var(--color-primary);
  font-family: "icomoon" !important;
  content: "\6b";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 113, app/assets/stylesheets/base.scss */
[type="date"]::-webkit-inner-spin-button {
  display: none;
}

/* line 116, app/assets/stylesheets/base.scss */
[type="date"]::-webkit-calendar-picker-indicator {
  position: relative;
  padding: 0;
  padding-right: 1.2em;
  opacity: 0;
  left: 1.2em;
  height: 1.2em;
  width: 1.2em;
  cursor: pointer;
  z-index: 100;
}

/* line 128, app/assets/stylesheets/base.scss */
.rm-webkit.rm-webkit.rm-webkit {
  -webkit-appearance: none;
}

/* line 132, app/assets/stylesheets/base.scss */
.date--faw-employee[type="date"]::after {
  color: var(--color-faw-employee);
}

/* line 135, app/assets/stylesheets/base.scss */
.modal__body--faw-employee .form__input[type="date"]::after {
  color: var(--color-faw-employee);
}

/* line 140, app/assets/stylesheets/base.scss */
.main-activity-area {
  background: #fafafa;
}

/* line 144, app/assets/stylesheets/base.scss */
.app-container {
  display: grid;
  min-height: 100%;
  margin: 0;
  padding: 0;
  grid-template-rows: auto;
  grid-template-columns: auto 220px minmax(600px, 1220px) auto;
  background-color: white;
}

/* line 153, app/assets/stylesheets/base.scss */
.app-container.app-container--hide-sidebar {
  grid-template-columns: auto 0 minmax(600px, 1440px) auto;
}

/* line 156, app/assets/stylesheets/base.scss */
.app-container.app-container--hide-sidebar .app-container__nav-menu {
  display: none;
}

/* line 161, app/assets/stylesheets/base.scss */
.app-container.app-container--no-grid {
  grid-template-columns: auto;
}

/* line 164, app/assets/stylesheets/base.scss */
.app-container.app-container--no-grid .app-container__nav-menu {
  display: none;
}

/* line 170, app/assets/stylesheets/base.scss */
.app-container--full {
  grid-template-columns: auto;
}

/* line 174, app/assets/stylesheets/base.scss */
.app-container__nav-menu {
  grid-row: 1;
  grid-column: 2;
  background: white;
  z-index: 100;
}

/* line 181, app/assets/stylesheets/base.scss */
.app-container__nav-menu__header-logo {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 188, app/assets/stylesheets/base.scss */
.app-container__nav-menu__header-logo span {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 0;
  margin-bottom: 1.5rem;
}

/* line 195, app/assets/stylesheets/base.scss */
.app-container__nav-menu__header-logo.app-container__nav-menu__header-logo--ww img {
  width: 82px;
}

/* line 199, app/assets/stylesheets/base.scss */
.app-container__nav-menu__header-logo.app-container__nav-menu__header-logo--faw img {
  width: 80%;
}

/* line 204, app/assets/stylesheets/base.scss */
.auth-container__content__header-logo {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 211, app/assets/stylesheets/base.scss */
.auth-container__content__header-logo span {
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 0;
  margin-bottom: 1.5rem;
}

/* line 218, app/assets/stylesheets/base.scss */
.auth-container__content__header-logo.auth-container__content__header-logo--ww img {
  width: 150px;
}

/* line 223, app/assets/stylesheets/base.scss */
.app-container__nav-menu__mobile-header {
  display: none;
}

/* line 228, app/assets/stylesheets/base.scss */
.app-container__app-body {
  display: grid;
  grid-row: 1;
  grid-column: 3;
  grid-template-rows: 4em auto;
  grid-template-columns: auto;
}

/* line 236, app/assets/stylesheets/base.scss */
.app-body {
  background: var(--color-background);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 243, app/assets/stylesheets/base.scss */
.app-body.app-body--max-width .app-body__main {
  max-width: 1220px;
  margin: 1em auto;
}

@media only screen and (max-width: 812px) {
  /* line 250, app/assets/stylesheets/base.scss */
  .app-body.app-body--mobile-white {
    background: white;
  }
}

/* line 256, app/assets/stylesheets/base.scss */
.app-body__header {
  color: var(--color-primary-contrast);
  background: var(--color-primary);
  background: linear-gradient(180deg, rgba(var(--color-primary-tint-rgb), 0.9) 0%, rgba(var(--color-primary-rgb), 0.9) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* line 264, app/assets/stylesheets/base.scss */
.app-body__main {
  padding: 2em;
  overflow-x: auto;
}

@media only screen and (max-width: 812px) {
  /* line 269, app/assets/stylesheets/base.scss */
  .app-body__main.app-body__main--mobile-padding-none {
    padding: 0;
  }
}

/* line 275, app/assets/stylesheets/base.scss */
#local_drawing_poll_remider_banner {
  text-align: center;
  color: var(--color-primary-contrast);
  font-size: 1.1em;
  font-weight: bold;
  background: linear-gradient(90deg, #fca32d 0%, #fa8b0b 100%);
}

/* line 281, app/assets/stylesheets/base.scss */
#local_drawing_poll_remider_banner a {
  text-decoration: underline;
}

@media only screen and (max-width: 812px) {
  /* line 283, app/assets/stylesheets/base.scss */
  #local_drawing_poll_remider_banner.local_drawing_poll_remider_banner--mobile-padding {
    padding: 1em 3em;
  }
}

/* line 288, app/assets/stylesheets/base.scss */
.app-body__main--fill {
  background-color: #efefef;
  padding: 1em;
  margin: 1em;
}

@media only screen and (min-width: 813px) {
  /* line 295, app/assets/stylesheets/base.scss */
  .app-body__main--fill-desktop {
    background-color: #efefef;
    padding: 1em;
    margin: 1em;
  }
}

/* line 302, app/assets/stylesheets/base.scss */
.auth-container__form {
  padding: 2rem 2rem 0 2rem;
}

@media only screen and (min-width: 813px) {
  /* line 305, app/assets/stylesheets/base.scss */
  .auth-container__form .form__field--wide {
    flex-grow: 1.25;
  }
}

/* line 311, app/assets/stylesheets/base.scss */
.auth-container__form .form__label {
  font-size: 1.1rem;
  color: #393939;
}

/* line 316, app/assets/stylesheets/base.scss */
.auth-container__form .form__input {
  background-color: #f8f8f8;
  border-color: var(--color-medium);
}

/* line 321, app/assets/stylesheets/base.scss */
.auth-container__form__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: #eaeaea;
}

/* line 329, app/assets/stylesheets/base.scss */
.header {
  padding: 1.1em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 335, app/assets/stylesheets/base.scss */
.header .header__search {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

/* line 340, app/assets/stylesheets/base.scss */
.header .header__search form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
}

/* line 347, app/assets/stylesheets/base.scss */
.header .header__search form input {
  font-size: 1rem;
}

/* line 351, app/assets/stylesheets/base.scss */
.header .header__search form input[type=submit] {
  padding: 0.465rem 1.5rem;
}

/* line 357, app/assets/stylesheets/base.scss */
.header .header__segment {
  min-width: 150px;
  align-self: center;
}

@media only screen and (max-width: 812px) {
  /* line 357, app/assets/stylesheets/base.scss */
  .header .header__segment {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 368, app/assets/stylesheets/base.scss */
  .header-mobile-row.header-mobile-row.header-mobile-row {
    flex-direction: row;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* line 376, app/assets/stylesheets/base.scss */
.header--underline {
  border-bottom: 1px solid #e3e2e2;
}

/* line 380, app/assets/stylesheets/base.scss */
.header--primary {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}

/* line 385, app/assets/stylesheets/base.scss */
.header__text {
  display: flex;
  flex: 1;
  font-weight: bold;
  font-size: 1.5em;
}

/* line 391, app/assets/stylesheets/base.scss */
.header__text.header__text--small {
  font-size: 1rem;
}

/* line 396, app/assets/stylesheets/base.scss */
.header__text--center {
  justify-content: center;
  align-items: center;
}

/* line 401, app/assets/stylesheets/base.scss */
.header__start {
  display: flex;
  align-items: center;
}

/* line 406, app/assets/stylesheets/base.scss */
.header__start--center {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 412, app/assets/stylesheets/base.scss */
.header__button {
  margin-left: 1em;
}

/* line 416, app/assets/stylesheets/base.scss */
.header__button .button {
  border: solid 2px white;
  box-shadow: initial;
  padding: 0.45em 1.5em;
}

/* line 422, app/assets/stylesheets/base.scss */
.header__extras {
  font-size: 1rem;
  font-weight: 500;
  min-width: 6em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 431, app/assets/stylesheets/base.scss */
.header__extras span {
  margin-right: 0.5rem;
}

/* line 435, app/assets/stylesheets/base.scss */
.header__extras a {
  font-weight: bold;
}

/* line 440, app/assets/stylesheets/base.scss */
.header__extras__avatar {
  background: white !important;
  display: inline-flex;
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

/* line 451, app/assets/stylesheets/base.scss */
.header__extras__avatar span {
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: var(--color-primary);
}

/* line 460, app/assets/stylesheets/base.scss */
.header__extras--big {
  font-size: 1.2em;
}

/* line 463, app/assets/stylesheets/base.scss */
.header__extras--space > *:not(:first-child) {
  margin-left: 0.5em;
}

/* line 468, app/assets/stylesheets/base.scss */
.header__extras__divider {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* line 473, app/assets/stylesheets/base.scss */
.nav-menu__top-level-back {
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-medium);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  font-weight: bold;
}

/* line 481, app/assets/stylesheets/base.scss */
.nav-menu__top-level-back .icon-arrow-down-c:before {
  margin-right: 0.25rem;
  display: inline-block;
  webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media only screen and (max-width: 812px) {
  /* line 491, app/assets/stylesheets/base.scss */
  .nav-menu__backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.35);
  }
}

/* line 503, app/assets/stylesheets/base.scss */
.nav-menu {
  display: flex;
  flex-direction: column;
  color: black;
  border-top: 2px solid #e3e2e2;
  border-bottom: 2px solid #e3e2e2;
  background: white;
}

@media only screen and (min-width: 813px) {
  /* line 503, app/assets/stylesheets/base.scss */
  .nav-menu {
    padding: 1rem 0;
  }
}

/* line 516, app/assets/stylesheets/base.scss */
.nav-menu__header-item__icon {
  margin-right: 1em;
}

/* line 519, app/assets/stylesheets/base.scss */
.nav-menu__header-item {
  font-size: 0.95rem;
  font-weight: bold;
  border-left: 0.5em solid white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/* line 530, app/assets/stylesheets/base.scss */
.nav-menu__header-item a {
  display: inline-block;
  width: 100%;
}

/* line 536, app/assets/stylesheets/base.scss */
.nav-menu__header-item--selected {
  color: var(--color-primary);
}

/* line 540, app/assets/stylesheets/base.scss */
.nav-menu__mobile-group {
  border-top: 2px solid #e3e2e2;
  margin-top: 1rem;
}

/* line 544, app/assets/stylesheets/base.scss */
.nav-menu__mobile-group.nav-menu__mobile-group--selected {
  padding-top: 0;
}

/* line 549, app/assets/stylesheets/base.scss */
.nav-menu__crelate-id {
  color: var(--color-primary-contrast);
  text-align: right;
  padding-bottom: 0.1rem;
}

/* line 555, app/assets/stylesheets/base.scss */
.nav-sub-menu__item__notification {
  font-size: 0.8rem !important;
  font-weight: bold;
  padding-bottom: 0.1rem;
  min-height: 0 !important;
  height: 1rem !important;
  min-width: 2rem !important;
}

/* line 564, app/assets/stylesheets/base.scss */
.nav-sub-menu {
  margin: 0.5rem 0;
  padding-left: 2rem;
}

/* line 569, app/assets/stylesheets/base.scss */
.nav-menu__sub-menu {
  margin: 0;
  padding: 0;
}

/* line 573, app/assets/stylesheets/base.scss */
.nav-menu__sub-menu.nav-menu__sub-menu--collapsible {
  padding-left: 0;
}

/* line 576, app/assets/stylesheets/base.scss */
.nav-menu__sub-menu.nav-menu__sub-menu--collapsible .nav-sub-menu__item {
  font-size: 0.8rem;
  line-height: 1rem;
  padding-left: 2rem;
}

@media only screen and (max-width: 812px) {
  /* line 576, app/assets/stylesheets/base.scss */
  .nav-menu__sub-menu.nav-menu__sub-menu--collapsible .nav-sub-menu__item {
    font-size: 0.9rem;
    margin: 0.5rem 0;
  }
}

/* line 589, app/assets/stylesheets/base.scss */
.nav-sub-menu__item, .nav-sub-menu__sub-item {
  list-style-type: none;
  font-weight: 500;
  font-size: 0.9rem;
  padding-bottom: 0.25rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1.5rem;
  color: var(--color-dark);
  border-left: 0.5em solid white;
}

/* line 602, app/assets/stylesheets/base.scss */
.nav-sub-menu__item a, .nav-sub-menu__sub-item a {
  line-height: 1rem;
  margin: 3px 0;
}

/* line 609, app/assets/stylesheets/base.scss */
.nav-sub-menu__item--selected {
  font-weight: bold;
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  border-left: 0.5em solid var(--color-primary-tint-light);
}

/* line 615, app/assets/stylesheets/base.scss */
.nav-sub-menu__sub-item {
  padding-left: 0.25rem;
}

/* line 619, app/assets/stylesheets/base.scss */
.nav-sub-menu__item--alert {
  display: list-item;
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==");
}

/* line 625, app/assets/stylesheets/base.scss */
.nav-menu.nav-menu--admin .nav-menu__sub-menu {
  padding-left: 2rem;
  margin-bottom: 1rem;
}

/* line 629, app/assets/stylesheets/base.scss */
.nav-menu.nav-menu--admin .nav-menu__sub-menu .nav-sub-menu__item, .nav-menu.nav-menu--admin .nav-menu__sub-menu .nav-sub-menu__sub-item {
  list-style-type: none;
  font-weight: 500;
  font-size: 0.85rem;
  padding-bottom: 0.25rem;
  padding: 0 1rem 0 0;
  color: var(--color-dark);
  border-left: none;
}

/* line 638, app/assets/stylesheets/base.scss */
.nav-menu.nav-menu--admin .nav-menu__sub-menu .nav-sub-menu__item.nav-sub-menu__item--selected, .nav-menu.nav-menu--admin .nav-menu__sub-menu .nav-sub-menu__sub-item.nav-sub-menu__item--selected {
  font-weight: bold;
  background-color: initial;
  color: var(--color-primary);
  border-left: none;
}

/* line 646, app/assets/stylesheets/base.scss */
.nav-menu.nav-menu--admin .nav-menu__sub-menu .nav-sub-menu__sub-item {
  padding-left: 0.5rem;
}

/* line 652, app/assets/stylesheets/base.scss */
.rounded-cell {
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  margin-bottom: 1.5em;
}

/* line 659, app/assets/stylesheets/base.scss */
.rounded-cell--with-border {
  border: 1px solid #e3e2e2;
}

/* line 662, app/assets/stylesheets/base.scss */
.rounded-cell--no-padding {
  padding: 0;
  color: invisible;
}

/* line 666, app/assets/stylesheets/base.scss */
.rounded-cell--with-drop-shadow {
  border: 1px var(--color-light-shade) solid;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 16px;
}

/* line 672, app/assets/stylesheets/base.scss */
.rounded-cell--grow-full {
  flex-grow: 1;
}

/* line 675, app/assets/stylesheets/base.scss */
.rounded-cell--grow {
  flex-grow: 1;
  max-width: 37em;
}

/* line 680, app/assets/stylesheets/base.scss */
.rounded-cell--margin-right {
  margin-right: 1em;
}

/* line 685, app/assets/stylesheets/base.scss */
.rounded-cell--one-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 691, app/assets/stylesheets/base.scss */
.rounded-cell__header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.25em;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e3e2e2;
  margin-bottom: 1em;
  min-height: 29px;
}

/* line 704, app/assets/stylesheets/base.scss */
.rounded-cell__header--space > *:not(:first-child) {
  margin-left: 0.5em;
}

/* line 707, app/assets/stylesheets/base.scss */
.rounded-cell__header__divider {
  margin-left: 1em;
  margin-right: 1em;
}

/* line 712, app/assets/stylesheets/base.scss */
.rounded-cell__body {
  display: flex;
  flex-direction: vertical;
  align-items: center;
  justify-content: center;
}

/* line 719, app/assets/stylesheets/base.scss */
.rounded-cell__header--margin-sm {
  margin-bottom: 0.25em;
}

@media only screen and (min-width: 813px) {
  /* line 719, app/assets/stylesheets/base.scss */
  .rounded-cell__header--margin-sm {
    margin: 0 0.5rem;
  }
}

/* line 727, app/assets/stylesheets/base.scss */
.rounded-cell__header--spread {
  justify-content: space-between;
}

/* line 731, app/assets/stylesheets/base.scss */
.rounded-cell__header--center {
  justify-content: center;
}

/* line 735, app/assets/stylesheets/base.scss */
.stats-cell-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (min-width: 813px) {
  /* line 735, app/assets/stylesheets/base.scss */
  .stats-cell-group {
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
}

/* line 746, app/assets/stylesheets/base.scss */
.stats-cell-group > div {
  flex: 1 1 auto;
}

@media only screen and (min-width: 813px) {
  /* line 746, app/assets/stylesheets/base.scss */
  .stats-cell-group > div {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}

/* line 755, app/assets/stylesheets/base.scss */
.stats-cell-group.stats-cell-group--nested {
  margin-left: 0;
  margin-right: 0;
}

/* line 761, app/assets/stylesheets/base.scss */
.stats-cell-group__job-board__body {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

/* line 769, app/assets/stylesheets/base.scss */
.vertical-group {
  display: flex;
  flex-direction: column;
}

/* line 774, app/assets/stylesheets/base.scss */
.vertical-group--centered {
  align-items: center;
  justify-content: center;
}

/* line 779, app/assets/stylesheets/base.scss */
.round-border-callout-wrapper {
  background: linear-gradient(127deg, var(--color-primary-tint) 0%, var(--color-primary) 100%);
  border-radius: 100%;
  padding: 13px;
}

/* line 784, app/assets/stylesheets/base.scss */
.round-border-callout-wrapper.round-border-callout-wrapper--down-gradient {
  background: linear-gradient(180deg, var(--color-primary-tint) 0%, var(--color-primary) 100%);
}

/* line 788, app/assets/stylesheets/base.scss */
.round-border-callout-wrapper .round-border-callout {
  background: white;
  border-radius: 100%;
  padding: 0.5em;
  height: 8em;
  width: 8em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 800, app/assets/stylesheets/base.scss */
.round-border-callout-wrapper .round-border-callout__number {
  color: var(--color-primary);
  font-size: 3.3em;
  font-weight: 450;
  margin-bottom: 0.3em;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 810, app/assets/stylesheets/base.scss */
.round-border-callout-wrapper .round-border-callout__text {
  font-size: 0.8em;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 460;
  min-width: 8em;
}

/* line 820, app/assets/stylesheets/base.scss */
.premium-posts {
  margin: 0.5em 0;
}

/* line 824, app/assets/stylesheets/base.scss */
.state-machine {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.5em;
}

/* line 833, app/assets/stylesheets/base.scss */
.state-machine__step {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* line 837, app/assets/stylesheets/base.scss */
.state-machine__step,
.state-machine__step a {
  flex: 1;
  border: 1px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 0.25em;
  background: transparent;
}

/* line 848, app/assets/stylesheets/base.scss */
.state-machine__step a {
  padding: 1em 0;
  border: none;
  width: 100%;
}

/* line 855, app/assets/stylesheets/base.scss */
.state-machine__step:not(:last-child) {
  margin-right: 0.5em;
}

/* line 861, app/assets/stylesheets/base.scss */
.state-machine__step--unselectable {
  color: var(--color-primary-contrast);
  background-color: rgba(var(--color-medium-rgb), 0.75);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 867, app/assets/stylesheets/base.scss */
.state-machine__step--unselectable .state-machine__step__title {
  color: var(--color-primary-contrast);
}

/* line 871, app/assets/stylesheets/base.scss */
.state-machine__step--selected {
  color: var(--color-primary-contrast);
  background: rgba(var(--color-primary-tint-rgb), 0.75);
}

/* line 875, app/assets/stylesheets/base.scss */
.state-machine__step--selected .state-machine__step__title {
  color: var(--color-primary-contrast);
}

/* line 879, app/assets/stylesheets/base.scss */
.state-machine__step__title {
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 0.5em;
  color: var(--color-primary-contrast);
  line-height: 1em;
  text-transform: capitalize;
}

/* line 889, app/assets/stylesheets/base.scss */
.state-machine__step__count {
  font-size: 2.5em;
  font-weight: 500;
  color: var(--color-primary-contrast);
}

/* line 895, app/assets/stylesheets/base.scss */
.applicant-table tbody tr#first td {
  border-top: 3px solid #4d4d4d;
  border-collapse: separate;
}

/* line 900, app/assets/stylesheets/base.scss */
.applicant-table {
  width: 95%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 5px;
}

/* line 907, app/assets/stylesheets/base.scss */
.applicant-table thead tr th {
  border-bottom: 1px solid #e3e2e2;
  border-collapse: separate;
  border-spacing: 5px 5px;
  font-weight: 450;
  color: #646464;
}

/* line 915, app/assets/stylesheets/base.scss */
.applicant-table th {
  padding: 0.5em;
  text-align: left;
}

/* line 920, app/assets/stylesheets/base.scss */
.applicant-table td {
  padding: 0.5em;
  font-size: 0.9em;
}

/* line 925, app/assets/stylesheets/base.scss */
.applicant-table thead .applicant-table__header--group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 931, app/assets/stylesheets/base.scss */
.applicant-table .text--centered {
  text-align: center;
}

/* line 935, app/assets/stylesheets/base.scss */
.applicant-table tr.onboarding-sample {
  background: var(--color-light);
}

/* line 939, app/assets/stylesheets/base.scss */
.table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 5px;
}

/* line 945, app/assets/stylesheets/base.scss */
.table tr th {
  padding: 0.5em;
  border-bottom: 1px solid #e3e2e2;
  border-collapse: separate;
  border-spacing: 5px 5px;
  font-weight: 450;
  color: #646464;
}

/* line 953, app/assets/stylesheets/base.scss */
.table tr th.table--min {
  min-width: 120px;
}

/* line 957, app/assets/stylesheets/base.scss */
.table tr th.table--min-2 {
  min-width: 200px;
}

/* line 961, app/assets/stylesheets/base.scss */
.table tr th.table--max {
  max-width: 120px;
}

/* line 965, app/assets/stylesheets/base.scss */
.table tr th.table--max-2 {
  max-width: 220px;
}

/* line 969, app/assets/stylesheets/base.scss */
.table tr th.table--hidden.table--hidden.table--hidden {
  color: white;
  user-select: none;
}

/* line 975, app/assets/stylesheets/base.scss */
.table tr td {
  padding: 0.5em;
  font-size: 0.9em;
  line-height: 1.3rem;
}

/* line 980, app/assets/stylesheets/base.scss */
.table tr td.table__item--expandable {
  padding: 0;
  margin: 0.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 991, app/assets/stylesheets/base.scss */
.table td.vertical-align--baseline {
  vertical-align: baseline;
}

@media only screen and (max-width: 812px) {
  /* line 939, app/assets/stylesheets/base.scss */
  .table {
    width: 100%;
    padding: 0.25rem 1rem 1rem 1rem;
  }
  /* line 999, app/assets/stylesheets/base.scss */
  .table tr td {
    border-bottom: 1px solid var(--color-light-shade);
    padding: 0.75rem 0.5rem;
  }
  /* line 1005, app/assets/stylesheets/base.scss */
  .table tr:last-of-type td {
    border-bottom: none;
  }
  /* line 1010, app/assets/stylesheets/base.scss */
  .table.table--no-border-mobile tr td {
    border-bottom: none;
  }
}

/* line 1016, app/assets/stylesheets/base.scss */
.shop-table tbody tr#first td {
  border-top: 3px solid #4d4d4d;
  border-collapse: separate;
}

/* line 1019, app/assets/stylesheets/base.scss */
.shop-table__data {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

/* line 1027, app/assets/stylesheets/base.scss */
.shop-table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 5px;
}

@media only screen and (max-width: 812px) {
  /* line 1027, app/assets/stylesheets/base.scss */
  .shop-table {
    width: 100%;
    padding: 0.25rem 1rem 1rem 1rem;
  }
  /* line 1037, app/assets/stylesheets/base.scss */
  .shop-table tr td {
    border-bottom: 1px solid var(--color-light-shade);
    padding: 0.75rem 0.5rem;
  }
  /* line 1043, app/assets/stylesheets/base.scss */
  .shop-table tr:last-of-type td {
    border-bottom: none;
  }
}

/* line 1050, app/assets/stylesheets/base.scss */
.shop-table thead tr th {
  border-bottom: 1px solid #e3e2e2;
  border-collapse: separate;
  border-spacing: 5px 5px;
  font-weight: 450;
  color: #646464;
}

/* line 1058, app/assets/stylesheets/base.scss */
.shop-table.shop-table--dark {
  color: black;
}

/* line 1061, app/assets/stylesheets/base.scss */
.shop-table.shop-table--dark thead tr th {
  color: black;
  font-weight: 600;
  text-align: left;
  border-bottom: 2px solid var(--color-medium);
  font-size: 0.9rem;
}

/* line 1068, app/assets/stylesheets/base.scss */
.shop-table.shop-table--dark thead tr th.text--center {
  text-align: center;
}

/* line 1074, app/assets/stylesheets/base.scss */
.shop-table__header--hidden.shop-table__header--hidden.shop-table__header--hidden {
  color: white;
  user-select: none;
}

/* line 1079, app/assets/stylesheets/base.scss */
.shop-table th {
  padding: 0.5em;
}

/* line 1083, app/assets/stylesheets/base.scss */
.shop-table td {
  padding: 0.5em;
  font-size: 0.9em;
  word-break: break-word;
}

/* line 1089, app/assets/stylesheets/base.scss */
.shop-table thead .shop-table__header--group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 1095, app/assets/stylesheets/base.scss */
.table-wrapper {
  display: block;
  overflow-x: auto;
  width: 100%;
  min-width: 100%;
}

/* line 1101, app/assets/stylesheets/base.scss */
.table-wrapper tr td,
.table-wrapper tr th {
  white-space: nowrap;
}

/* line 1106, app/assets/stylesheets/base.scss */
.table-wrapper tr td.text--pre-line,
.table-wrapper tr th.text--pre-line {
  white-space: pre-line;
}

/* line 1111, app/assets/stylesheets/base.scss */
.table-wrapper tr td.text--normal,
.table-wrapper tr th.text--normal {
  white-space: normal;
}

/* line 1117, app/assets/stylesheets/base.scss */
.table-wrapper.table-wrapper--fixed {
  table-layout: fixed;
}

/* line 1121, app/assets/stylesheets/base.scss */
.user-table {
  width: 95%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0 5px;
  margin: 1rem;
}

/* line 1129, app/assets/stylesheets/base.scss */
.user-table thead tr th {
  border-bottom: 1px solid #e3e2e2;
  border-collapse: separate;
  border-spacing: 5px 5px;
  font-weight: 450;
  color: black;
}

/* line 1137, app/assets/stylesheets/base.scss */
.user-table__header--hidden.user-table__header--hidden {
  color: white;
  user-select: none;
}

/* line 1142, app/assets/stylesheets/base.scss */
.user-table th {
  padding: 0.5em;
}

/* line 1146, app/assets/stylesheets/base.scss */
.user-table td {
  padding: 0.5em;
  font-size: 0.9em;
}

/* line 1151, app/assets/stylesheets/base.scss */
.user-table thead .user-table__header--group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

/* line 1157, app/assets/stylesheets/base.scss */
.width--full {
  width: 100%;
}

/* line 1161, app/assets/stylesheets/base.scss */
.faw-logo {
  width: 120px;
  padding: 3em;
}

/* line 1166, app/assets/stylesheets/base.scss */
.hide {
  display: none;
}

/* line 1167, app/assets/stylesheets/base.scss */
.invisible {
  visibility: hidden;
}

/* line 1168, app/assets/stylesheets/base.scss */
.invisible-hide.invisible-hide.invisible-hide.invisible-hide {
  visibility: hidden;
  height: 0;
  width: 0;
}

@media only screen and (max-width: 812px) {
  /* line 1170, app/assets/stylesheets/base.scss */
  .invisible-hide-mobile.invisible-hide-mobile.invisible-hide-mobile.invisible-hide-mobile {
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
  }
}

/* line 1172, app/assets/stylesheets/base.scss */
.mobile-header {
  display: none;
}

/* line 1176, app/assets/stylesheets/base.scss */
.ie-error {
  box-sizing: border-box;
  position: relative;
  z-index: 100;
  padding: 22.5px 15px;
  height: 60px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ebccd1;
  color: #a94442;
  background-color: rgba(235, 204, 209, 0.9);
}

/* line 1191, app/assets/stylesheets/base.scss */
body.shops.index .app__shop-list-btn,
body.shops.index .app__selected-shop-name, body.schools.mine .app__shop-list-btn,
body.schools.mine .app__selected-shop-name {
  display: none;
}

/* line 1199, app/assets/stylesheets/base.scss */
nav.pagination .page {
  display: inline-block;
}

/* line 1202, app/assets/stylesheets/base.scss */
nav.pagination .page.current {
  text-decoration: underline;
}

/* line 1209, app/assets/stylesheets/base.scss */
.wrench-way a.secondary-link[href] {
  color: var(--color-secondary);
  font-weight: 500;
}

/* line 1213, app/assets/stylesheets/base.scss */
.wrench-way a.secondary-link.secondary-link--bold[href] {
  font-weight: bold;
}

/* line 1217, app/assets/stylesheets/base.scss */
.wrench-way a.secondary-link.secondary-link--tint[href] {
  color: var(--color-secondary-tint);
}

/* line 1221, app/assets/stylesheets/base.scss */
.wrench-way a.primary-link[href] {
  color: var(--color-primary);
  font-weight: 500;
}

/* line 1225, app/assets/stylesheets/base.scss */
.wrench-way a.primary-link.primary-link--bold[href] {
  font-weight: bold;
}

/* line 1229, app/assets/stylesheets/base.scss */
.wrench-way a.primary-link.primary-link--tint[href] {
  color: var(--color-primary-tint);
}

/* line 1235, app/assets/stylesheets/base.scss */
.now-hiring-table-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  top: -24px;
}

/* line 1242, app/assets/stylesheets/base.scss */
.now-hiring-table-wrapper .now-hiring-dot {
  position: absolute;
  top: 11px;
  right: calc(100% - 50% + 4.5px);
  border-radius: 100%;
  background-color: var(--color-primary);
  width: 5px;
  height: 5px;
}

/* line 1252, app/assets/stylesheets/base.scss */
.now-hiring-table-wrapper .now-hiring {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  width: 30px;
  height: 20px;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4rem;
  font-weight: 500;
  line-height: 0.4rem;
  position: relative;
  top: 20px;
}

/* line 1268, app/assets/stylesheets/base.scss */
.now-hiring-table-wrapper .now-hiring:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 10px;
  height: 15px;
  width: 1px;
  background: var(--color-primary);
  transform: rotate(50deg);
}

/* line 1279, app/assets/stylesheets/base.scss */
.now-hiring-table-wrapper .now-hiring:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 10px;
  height: 15px;
  width: 1px;
  background: var(--color-primary);
  transform: rotate(135deg);
}

/* line 1292, app/assets/stylesheets/base.scss */
.pac-item {
  cursor: pointer;
}

/* line 1295, app/assets/stylesheets/base.scss */
.pac-item:hover {
  background-color: var(--color-light);
}

/* line 1300, app/assets/stylesheets/base.scss */
div:not(.tw) .hidden.hidden.hidden {
  display: none;
}

/* line 1305, app/assets/stylesheets/base.scss */
.account-settings-modal .asm__field {
  margin-bottom: 1rem;
}

/* line 1308, app/assets/stylesheets/base.scss */
.account-settings-modal .asm__field .asm__field__label {
  font-weight: bold;
}

/* line 1312, app/assets/stylesheets/base.scss */
.account-settings-modal .asm__field .asm__field__value__field {
  display: flex;
  justify-content: space-between;
}

/* line 1318, app/assets/stylesheets/base.scss */
.account-settings-modal .asm__divider {
  width: 100%;
  border-top: 1px solid var(--color-dark);
  margin: 2rem 0 2rem 0;
}

/* line 1325, app/assets/stylesheets/base.scss */
.sts__preview {
  border: 1px solid rgba(0, 0, 0, 0.35);
}

/* line 1328, app/assets/stylesheets/base.scss */
.sts__preview .sts__preview__answers {
  padding: 2rem;
}

/* line 1332, app/assets/stylesheets/base.scss */
.sts__preview .sts__preview__title {
  font-weight: 600;
}

/* line 1336, app/assets/stylesheets/base.scss */
.sts__preview .sts__preview__description {
  margin-bottom: 1rem;
  line-height: 1.3em;
  overflow-wrap: break-word;
  white-space: pre-line;
}

/* line 1342, app/assets/stylesheets/base.scss */
.sts__preview .sts__preview__description a[href] {
  color: var(--color-secondary);
  font-weight: 500;
}

/* line 1346, app/assets/stylesheets/base.scss */
.sts__preview .sts__preview__description a[href]:hover {
  opacity: 0.85;
}

/* line 1352, app/assets/stylesheets/base.scss */
.sts__preview .sts__preview__description:last-child {
  margin-bottom: 0;
}

/* line 1357, app/assets/stylesheets/base.scss */
.line-clamp-10 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}

/* line 1364, app/assets/stylesheets/base.scss */
.line-clamp-12 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
}

/* line 1371, app/assets/stylesheets/base.scss */
.image-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 1.5rem;
}

/* line 1376, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item-add {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--color-primary);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  padding: 1rem;
  text-align: center;
  font-weight: 600;
}

/* line 1389, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item-add .icon-plus-circle {
  color: var(--color-primary);
  font-size: 2rem;
  pointer-events: none;
}

/* line 1395, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item-add span {
  pointer-events: none;
}

/* line 1399, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item-add:hover {
  opacity: 0.85;
}

/* line 1404, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-size: 1rem;
  font-weight: 600;
  user-select: none;
  cursor: grab;
}

/* line 1414, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item img {
  pointer-events: none;
  object-fit: contain;
  max-width: 100%;
  max-height: 100px;
  border-radius: 3px;
  flex-grow: 1;
  min-height: 80px;
}

/* line 1424, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item .item-preview-grid__item__action {
  text-align: center;
  color: var(--color-primary);
  font-weight: 500;
}

/* line 1429, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item .item-preview-grid__item__action:hover {
  opacity: 0.85;
}

/* line 1434, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item .image-preview-grid__item__error {
  position: absolute;
  inset: 0;
  color: var(--color-danger);
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
}

/* line 1445, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item .image-preview-grid__item__error.hidden {
  display: none;
}

/* line 1450, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item:first-child .image-preview-grid__item__error {
  margin-bottom: 0;
}

/* line 1454, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item.image-preview-grid__item--ghost, .image-preview-grid .image-preview-grid__item.image-preview-grid__item--ghost .icon {
  color: var(--color-medium);
}

/* line 1459, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item.image-preview-grid__item--chosen {
  background-color: rgba(var(--color-primary-tint-rgb), 0.1);
}

/* line 1463, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item.image-preview-grid__item--drag {
  opacity: 0.2;
  background-color: transparent;
}

/* line 1468, app/assets/stylesheets/base.scss */
.image-preview-grid .image-preview-grid__item i.icon {
  color: var(--color-dark);
  margin-right: 1rem;
}

/* line 1475, app/assets/stylesheets/base.scss */
.multi-media-preview {
  display: grid;
  padding: 8px;
  border: 1px solid var(--color-dark);
  border-radius: 3px;
}

/* line 1483, app/assets/stylesheets/base.scss */
.multi-media-preview.image-preview-grid .image-preview-grid__item:first-of-type img {
  box-sizing: border-box;
  border: 2px solid var(--color-primary-tint);
}

/* line 1488, app/assets/stylesheets/base.scss */
.multi-media-preview.image-preview-grid .image-preview-grid__item:first-of-type .item-preview-grid__item__action {
  display: none;
}

/* line 1495, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page {
  padding: 2rem;
}

@media only screen and (max-width: 812px) {
  /* line 1495, app/assets/stylesheets/base.scss */
  .wrenchway-data-page.wrenchway-data-page {
    padding: 1.5rem;
  }
}

/* line 1502, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__header {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

/* line 1509, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__subheader {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* line 1513, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__subheader:last-child {
  margin-bottom: 0;
}

/* line 1518, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__primary {
  color: var(--color-primary);
}

/* line 1522, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__weak {
  font-weight: 500;
  color: var(--color-dark);
}

/* line 1527, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets {
  margin: 1.5rem 1rem;
  padding: 0.25rem 1rem 0.25rem 1.5rem;
  border-left: 1rem solid rgba(var(--color-primary-rgb), 0.35);
}

@media only screen and (max-width: 812px) {
  /* line 1527, app/assets/stylesheets/base.scss */
  .wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets {
    margin: 1.5rem 0;
  }
}

/* line 1536, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets .wrenchway-data-page__bullets-header {
  font-weight: bold;
  margin-bottom: 1rem;
}

/* line 1541, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets ol {
  margin-block: 0;
  padding-inline-start: 1.5rem;
}

/* line 1545, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets ol li {
  padding-left: 0.5rem;
  margin-bottom: 0;
}

/* line 1550, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets ol li::marker {
  font-weight: bold;
}

/* line 1554, app/assets/stylesheets/base.scss */
.wrenchway-data-page.wrenchway-data-page .wrenchway-data-page__bullets ol li:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 1561, app/assets/stylesheets/base.scss */
.cursor-default {
  cursor: default;
}

/* line 1565, app/assets/stylesheets/base.scss */
.text-primary {
  color: var(--color-primary);
}

/* line 1569, app/assets/stylesheets/base.scss */
dl.data-list {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 1rem;
}

/* line 1574, app/assets/stylesheets/base.scss */
dl.data-list dt {
  font-weight: bold;
}

/* line 1578, app/assets/stylesheets/base.scss */
dl.data-list dd {
  margin-bottom: 1.5rem;
  margin-inline-start: 0;
}

/* line 1582, app/assets/stylesheets/base.scss */
dl.data-list dd.data-list__auto-link {
  white-space: pre-line;
  overflow-wrap: break-word;
}

/* line 1589, app/assets/stylesheets/base.scss */
.pointer-events-none,
[data-close-modal] > i.icon-close-round {
  pointer-events: none;
}

/* line 1595, app/assets/stylesheets/base.scss */
.techmission {
  padding: 2rem;
}

@media only screen and (max-width: 812px) {
  /* line 1595, app/assets/stylesheets/base.scss */
  .techmission {
    padding: 1rem;
  }
}

/* line 1603, app/assets/stylesheets/base.scss */
.techmission .techmission__heading p {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 1611, app/assets/stylesheets/base.scss */
.techmission .techmission__heading h2 {
  margin-top: 0.5rem;
  line-height: initial;
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 1619, app/assets/stylesheets/base.scss */
.techmission .tehcmission__checklist-area {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--color-dark);
  border-radius: 0.25rem;
}

/* line 1626, app/assets/stylesheets/base.scss */
.techmission .tehcmission__checklist-area fieldset {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
  margin: 2rem 1rem 2rem 2rem;
  padding: 0;
}

@media only screen and (max-width: 812px) {
  /* line 1626, app/assets/stylesheets/base.scss */
  .techmission .tehcmission__checklist-area fieldset {
    margin: 1rem;
  }
}

/* line 1638, app/assets/stylesheets/base.scss */
.techmission .tehcmission__checklist-area fieldset legend {
  font-weight: bold;
  margin-bottom: 1rem;
}

/* line 1644, app/assets/stylesheets/base.scss */
.techmission .tehcmission__checklist-area fieldset .tehcmission__checklist-area__list .tehcmission__checklist-area__list-item {
  margin-bottom: 0.5rem;
}

/* line 1647, app/assets/stylesheets/base.scss */
.techmission .tehcmission__checklist-area fieldset .tehcmission__checklist-area__list .tehcmission__checklist-area__list-item label {
  font-size: 0.9rem;
  vertical-align: top;
}

/* line 1655, app/assets/stylesheets/base.scss */
.techmission .tehcmission__checklist-area .tehcmission__checklist-area__video {
  flex: 1 1 300px;
}

/* line 1661, app/assets/stylesheets/base.scss */
.techmission .techmission__section:not(:last-child) {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-dark);
}

/* line 1667, app/assets/stylesheets/base.scss */
.techmission .techmission__section h3 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 1675, app/assets/stylesheets/base.scss */
.techmission .techmission__section p {
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

/* line 1681, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__sub-section h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1rem;
}

/* line 1688, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__sub-section .techmission__sub-section__item {
  margin-top: 1rem;
}

/* line 1691, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__sub-section .techmission__sub-section__item h4 {
  font-weight: bold;
  vertical-align: top;
}

/* line 1697, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__sub-section .techmission__sub-section__image {
  display: flex;
  flex-wrap: wrap;
}

/* line 1701, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__sub-section .techmission__sub-section__image img {
  margin-right: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 1701, app/assets/stylesheets/base.scss */
  .techmission .techmission__section .techmission__sub-section .techmission__sub-section__image img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
    object-fit: contain;
  }
}

/* line 1712, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__sub-section .techmission__sub-section__image p {
  flex: 1 1;
  white-space: pre-line;
  margin: 0;
}

/* line 1720, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__section__button {
  margin-top: 2rem;
}

/* line 1723, app/assets/stylesheets/base.scss */
.techmission .techmission__section .techmission__section__button .button {
  display: inline-flex;
}

/* line 1730, app/assets/stylesheets/base.scss */
.techmission .techmission__section.techmission__section--awards h4 {
  margin-left: 2rem;
  margin-bottom: 0.5rem;
}

/* line 1735, app/assets/stylesheets/base.scss */
.techmission .techmission__section.techmission__section--awards .techmission__awards-list {
  columns: 3;
  margin-bottom: 2rem;
}

/* line 1739, app/assets/stylesheets/base.scss */
.techmission .techmission__section.techmission__section--awards .techmission__awards-list li {
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 992px) {
  /* line 1735, app/assets/stylesheets/base.scss */
  .techmission .techmission__section.techmission__section--awards .techmission__awards-list {
    columns: 2;
  }
}

@media only screen and (max-width: 812px) {
  /* line 1735, app/assets/stylesheets/base.scss */
  .techmission .techmission__section.techmission__section--awards .techmission__awards-list {
    columns: 1;
  }
}

/* line 1754, app/assets/stylesheets/base.scss */
.border-right {
  border-right: 1px solid var(--color-medium);
}

/* line 1758, app/assets/stylesheets/base.scss */
.svg-icons-partial {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media only screen and (max-width: 812px) {
  /* line 2, app/assets/stylesheets/touchscreen.scss */
  html,
body {
    background-color: white;
  }
  /* line 6, app/assets/stylesheets/touchscreen.scss */
  .app-body {
    background: var(--color-background);
  }
  /* line 9, app/assets/stylesheets/touchscreen.scss */
  .app-body.app-body--white {
    background: white;
  }
  /* line 13, app/assets/stylesheets/touchscreen.scss */
  .app-body__main {
    padding: 0.5em;
    overflow-x: auto;
    background-color: white;
  }
  /* line 19, app/assets/stylesheets/touchscreen.scss */
  .mobile-header {
    display: block;
    background: #ffffff;
    border-bottom: 0.55px solid #bfbfbf;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
  }
  /* line 30, app/assets/stylesheets/touchscreen.scss */
  .has-header {
    margin-top: 51px;
  }
  /* line 34, app/assets/stylesheets/touchscreen.scss */
  .has-header-toolbar {
    margin-top: 96px;
  }
  /* line 38, app/assets/stylesheets/touchscreen.scss */
  .mobile-header__toolbar {
    display: grid;
    grid-template-rows: 51px;
    grid-template-columns: 6rem auto 6rem;
  }
  /* line 44, app/assets/stylesheets/touchscreen.scss */
  .mobile-header__menu-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0.25rem;
  }
  /* line 51, app/assets/stylesheets/touchscreen.scss */
  .mobile-header__action-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-right: 0.75rem;
  }
  /* line 58, app/assets/stylesheets/touchscreen.scss */
  .mobile-header__title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: bold;
  }
  /* line 66, app/assets/stylesheets/touchscreen.scss */
  .app-container {
    grid-template-columns: auto;
  }
  /* line 70, app/assets/stylesheets/touchscreen.scss */
  .app-container__nav-menu {
    display: none;
    background: white;
    grid-template-columns: 325px 100%;
    grid-row: 1;
    grid-column: 1;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  /* line 82, app/assets/stylesheets/touchscreen.scss */
  .app-container__nav-menu__inner {
    display: grid;
    grid-template-rows: 54px 1fr;
    z-index: 10;
  }
  /* line 88, app/assets/stylesheets/touchscreen.scss */
  .app-container__nav-menu__header-logo {
    display: none;
  }
  /* line 92, app/assets/stylesheets/touchscreen.scss */
  .app-container__nav-menu__mobile-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    background: white;
    border-bottom: 2px solid var(--color-light-shade);
    z-index: 1;
  }
  /* line 100, app/assets/stylesheets/touchscreen.scss */
  .app-container__nav-menu__mobile-header .icon-navicon {
    margin-left: 0.125em;
  }
  /* line 105, app/assets/stylesheets/touchscreen.scss */
  .nav-menu__mobile-header__inner {
    margin-left: 1em;
    line-height: initial;
  }
  /* line 110, app/assets/stylesheets/touchscreen.scss */
  .app-container__nav-menu--show-menu {
    display: grid;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    box-shadow: -3px 5px 5px 0 var(--color-dark);
  }
  /* line 120, app/assets/stylesheets/touchscreen.scss */
  .app-container__app-body {
    min-width: 100vw;
    grid-row: 1;
    grid-column: 1;
    grid-template-rows: auto;
    grid-template-columns: auto;
  }
  /* line 129, app/assets/stylesheets/touchscreen.scss */
  .app-body--mobile-fullscreen .app-body__main {
    padding: 0;
  }
  /* line 134, app/assets/stylesheets/touchscreen.scss */
  .app-body__header {
    display: none;
  }
  /* line 138, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell {
    margin-bottom: 0.5em;
    padding: 0;
    overflow-x: auto;
  }
  /* line 144, app/assets/stylesheets/touchscreen.scss */
  .no-scroll {
    overflow: initial;
  }
  /* line 148, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell__header {
    padding: 0.5em;
    background-color: var(--color-primary);
    color: white;
    justify-content: center;
    font-weight: bold;
  }
  /* line 155, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell__header.rounded-cell__header--spread {
    justify-content: space-between;
  }
  /* line 159, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell__header.rounded-cell__header--hide-mobile {
    display: none;
  }
  /* line 164, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell__header--mobile-column {
    display: flex;
    flex-flow: column nowrap;
  }
  /* line 169, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell__body {
    padding-bottom: 1em;
  }
  /* line 173, app/assets/stylesheets/touchscreen.scss */
  .rounded-cell--grow {
    max-width: 100%;
  }
  /* line 177, app/assets/stylesheets/touchscreen.scss */
  .stats-cell-group {
    margin-bottom: 1.0em;
  }
  /* line 181, app/assets/stylesheets/touchscreen.scss */
  .state-machine {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    align-self: center;
    justify-content: center;
    margin-bottom: 1em;
  }
  /* line 190, app/assets/stylesheets/touchscreen.scss */
  .state-machine__step {
    flex-basis: 28%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0.1em;
  }
  /* line 196, app/assets/stylesheets/touchscreen.scss */
  .state-machine__step__title {
    font-size: 1em;
  }
  /* line 200, app/assets/stylesheets/touchscreen.scss */
  .state-machine__step:not(:last-child) {
    margin-right: 0;
  }
  /* line 204, app/assets/stylesheets/touchscreen.scss */
  .stats-cell-group {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  /* line 210, app/assets/stylesheets/touchscreen.scss */
  .stats-cell-group .rounded-cell:not(:last-child) {
    margin-right: 0;
  }
  /* line 214, app/assets/stylesheets/touchscreen.scss */
  .stats-cell-group__job-board__body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
  }
  /* line 222, app/assets/stylesheets/touchscreen.scss */
  .header {
    padding: 0.5em;
  }
  /* line 226, app/assets/stylesheets/touchscreen.scss */
  .header, .header__extras {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  /* line 232, app/assets/stylesheets/touchscreen.scss */
  .header--mobile-center {
    justify-content: center;
    align-items: center;
  }
  /* line 237, app/assets/stylesheets/touchscreen.scss */
  .header__text {
    font-size: 1.2em;
  }
  /* line 241, app/assets/stylesheets/touchscreen.scss */
  .header__extras--space > *:not(:first-child) {
    margin-left: 0;
  }
  /* line 244, app/assets/stylesheets/touchscreen.scss */
  .header__extras--big {
    font-size: 1em;
  }
  /* line 248, app/assets/stylesheets/touchscreen.scss */
  .applicant-table {
    max-width: 100%;
  }
  /* line 252, app/assets/stylesheets/touchscreen.scss */
  .applicant-card .rounded-cell__body {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5em;
  }
  /* line 258, app/assets/stylesheets/touchscreen.scss */
  .applicant-card .rounded-cell__body select {
    width: 100%;
    margin-top: 0.5em;
  }
  /* line 263, app/assets/stylesheets/touchscreen.scss */
  .applicant-card__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  /* line 270, app/assets/stylesheets/touchscreen.scss */
  .applicant-card__header .header__extras {
    flex-direction: row;
    justify-content: space-around;
  }
}

/* Priority 3 - components */
/* line 1, app/assets/stylesheets/alert.scss */
.alert-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}

/* line 14, app/assets/stylesheets/alert.scss */
.alert {
  width: 315px;
  background: white;
  background-color: white;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
}

/* line 22, app/assets/stylesheets/alert.scss */
.alert .alert__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  background: var(--color-primary);
  background: var(--color-primary-gradient);
  color: var(--color-primary-contrast);
  font-size: 1.1rem;
  font-weight: bold;
  height: 46px;
  box-sizing: border-box;
  z-index: 101;
}

/* line 37, app/assets/stylesheets/alert.scss */
.alert .alert__message {
  padding: 2rem;
  font-size: 1.1rem;
}

/* line 42, app/assets/stylesheets/alert.scss */
.alert .alert__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  margin: 0 2rem 2rem 2rem;
}

/* line 48, app/assets/stylesheets/alert.scss */
.alert .alert__buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  text-align: center;
  font-size: 1rem;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  font-weight: 500;
  user-select: none;
}

/* line 65, app/assets/stylesheets/alert.scss */
.alert .alert__buttons a:first-of-type {
  margin-right: 1rem;
}

/* line 69, app/assets/stylesheets/alert.scss */
.alert .alert__buttons a:last-of-type {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  color: var(--color-primary-contrast);
  background: var(--color-primary);
}

/* line 80, app/assets/stylesheets/alert.scss */
.alert .alert__buttons a:hover, .alert .alert__buttons a:focus, .alert .alert__buttons a:active {
  background: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
  color: var(--color-primary-contrast);
}

/* line 88, app/assets/stylesheets/alert.scss */
.alert .alert__buttons a:focus {
  border-color: var(--color-primary);
}

/* line 92, app/assets/stylesheets/alert.scss */
.alert .alert__buttons a:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* line 1, app/assets/stylesheets/content.scss */
.content {
  display: flex;
}

/* line 4, app/assets/stylesheets/content.scss */
.content-header, .content-body, .content-footer {
  display: flex;
}

/* line 9, app/assets/stylesheets/content.scss */
.content-header--row, .content-body--row, .content-footer--row {
  flex-direction: row;
}

/* line 13, app/assets/stylesheets/content.scss */
.content-header--col, .content-body--col, .content-footer--col {
  flex-direction: column;
}

/* line 17, app/assets/stylesheets/content.scss */
.content-header--start, .content-body--start, .content-footer--start {
  justify-content: flex-start;
}

/* line 21, app/assets/stylesheets/content.scss */
.content-header--center, .content-body--center, .content-footer--center {
  justify-content: center;
}

/* line 25, app/assets/stylesheets/content.scss */
.content-header--end, .content-body--end, .content-footer--end {
  justify-content: flex-end;
}

/* line 30, app/assets/stylesheets/content.scss */
.content-header, .content-footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 36, app/assets/stylesheets/content.scss */
.content-header__start, .content-header__center, .content-header__end, .content-footer__start, .content-footer__center, .content-footer__end {
  display: flex;
  flex-flow: column nowrap;
}

/* line 42, app/assets/stylesheets/content.scss */
.content-header__start--row, .content-header__center--row, .content-header__end--row, .content-footer__start--row, .content-footer__center--row, .content-footer__end--row {
  flex-direction: row;
}

/* line 46, app/assets/stylesheets/content.scss */
.content-header__start--col, .content-header__center--col, .content-header__end--col, .content-footer__start--col, .content-footer__center--col, .content-footer__end--col {
  flex-direction: column;
}

/* line 52, app/assets/stylesheets/content.scss */
.content-body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/pill-badge.scss */
.pill-badge {
  font-size: 0.8rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid black;
}

/* line 9, app/assets/stylesheets/pill-badge.scss */
.pill-badge__primary {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}

/* line 15, app/assets/stylesheets/pill-badge.scss */
.pill-badge__secondary {
  border-color: var(--color-secondary);
  background: var(--color-secondary);
  color: var(--color-secondary-contrast);
}

/* line 1, app/assets/stylesheets/button.scss */
.button-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25em 1em 1em 1em;
}

/* line 8, app/assets/stylesheets/button.scss */
.button {
  display: flex;
  flex-flow: row nowrap;
  font-weight: 500;
  font-size: 1em;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  border: 0 none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  padding: 0.75em 1.5em;
}

/* line 22, app/assets/stylesheets/button.scss */
.button:hover, .button:focus, .button:active {
  background: var(--color-primary-tint);
  color: var(--color-primary-contrast);
}

/* line 29, app/assets/stylesheets/button.scss */
.button:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 4px 0 black;
}

/* line 34, app/assets/stylesheets/button.scss */
.button:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 38, app/assets/stylesheets/button.scss */
.button:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* line 42, app/assets/stylesheets/button.scss */
.button:disabled {
  cursor: initial;
  outline: none;
  box-shadow: none;
  user-select: none;
  background: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
}

/* line 51, app/assets/stylesheets/button.scss */
.button.button--xsmall {
  font-size: 0.8rem;
}

/* line 55, app/assets/stylesheets/button.scss */
.button.button--small {
  padding: 0.5em 0.5em 0.5em 0.5em;
}

/* line 59, app/assets/stylesheets/button.scss */
.button.button--thin {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

/* line 64, app/assets/stylesheets/button.scss */
.button.button--border {
  border: 2px solid var(--color-primary);
}

/* line 68, app/assets/stylesheets/button.scss */
.button.button--justify-center {
  justify-content: center;
}

/* line 72, app/assets/stylesheets/button.scss */
.button.button--align-center {
  align-items: center;
}

/* line 76, app/assets/stylesheets/button.scss */
.button.color--faw-employee.color--faw-employee.color--faw-employee.color--faw-employee, .modal__body--faw-employee .button {
  background: var(--color-faw-employee);
  color: var(--color-primary-contrast);
}

/* line 82, app/assets/stylesheets/button.scss */
.button.button--block {
  display: block;
  width: 100%;
  text-align: center;
}

/* line 88, app/assets/stylesheets/button.scss */
.button.button--outline {
  background: var(--color-primary-contrast);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  box-shadow: initial;
}

/* line 94, app/assets/stylesheets/button.scss */
.button.button--outline:focus {
  border-color: var(--color-primary);
}

/* line 98, app/assets/stylesheets/button.scss */
.button.button--outline:hover {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}

/* line 103, app/assets/stylesheets/button.scss */
.button.button--outline:active {
  background: var(--color-primary-tint);
}

/* line 107, app/assets/stylesheets/button.scss */
.button.button--outline.color--faw-employee.color--faw-employee.color--faw-employee, .modal__body--faw-employee .button.button--outline {
  border-color: var(--color-faw-employee);
  color: var(--color-faw-employee);
}

/* line 113, app/assets/stylesheets/button.scss */
.button.button--outline.color--faw-employee:hover, .modal__body--faw-employee .button.button--outline:hover {
  border-color: var(--color-faw-employee);
  background: var(--color-faw-employee);
  color: var(--color-faw-employee-contrast);
}

/* line 120, app/assets/stylesheets/button.scss */
.button.button--outline.color--faw-employee:focus, .button.button--outline.color--faw-employee:active, .modal__body--faw-employee .button.button--outline:focus, .modal__body--faw-employee .button.button--outline:active {
  border-color: var(--color-faw-employee-tint);
  background: var(--color-faw-employee-tint);
  color: var(--color-faw-employee-contrast);
}

/* line 131, app/assets/stylesheets/button.scss */
.button.button--invert-hover:focus {
  border-color: var(--color-primary-contrast);
}

/* line 135, app/assets/stylesheets/button.scss */
.button.button--invert-hover:hover {
  background: var(--color-primary-contrast);
  color: var(--color-primary);
}

/* line 140, app/assets/stylesheets/button.scss */
.button.button--invert-hover:active {
  background: var(--color-primary-contrast);
}

/* line 146, app/assets/stylesheets/button.scss */
.button.button--clear {
  background: transparent;
  color: var(--color-primary);
  border: none;
  box-shadow: none;
  padding: 0;
}

/* line 153, app/assets/stylesheets/button.scss */
.button.button--clear:hover, .button.button--clear:focus {
  color: var(--color-primary-tint);
}

/* line 158, app/assets/stylesheets/button.scss */
.button.button--clear:active {
  color: var(--color-primary);
  background: var(--color-primary-tint);
}

/* line 164, app/assets/stylesheets/button.scss */
.button.button--link {
  background: transparent;
  color: var(--color-primary);
  border: none;
  box-shadow: none;
  padding: 0;
}

/* line 171, app/assets/stylesheets/button.scss */
.button.button--link:hover, .button.button--link:focus {
  color: var(--color-primary-tint);
}

/* line 176, app/assets/stylesheets/button.scss */
.button.button--link:active {
  color: var(--color-primary);
}

/* line 181, app/assets/stylesheets/button.scss */
.button.button--link-gray {
  background: transparent;
  color: gray;
  border: none;
  box-shadow: none;
  padding: 0;
}

/* line 188, app/assets/stylesheets/button.scss */
.button.button--link-gray:hover, .button.button--link-gray:focus {
  color: lightgray;
}

/* line 193, app/assets/stylesheets/button.scss */
.button.button--link-gray:active {
  color: gray;
}

/* line 198, app/assets/stylesheets/button.scss */
.button--center {
  justify-content: center;
}

/* line 202, app/assets/stylesheets/button.scss */
.button.button--wide {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 207, app/assets/stylesheets/button.scss */
.button.button--wide-1 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 213, app/assets/stylesheets/button.scss */
.button.button--selected .selected__contents {
  display: none;
}

/* line 219, app/assets/stylesheets/button.scss */
.button:not(.button--selected) .unselected__contents {
  display: none;
}

/* line 225, app/assets/stylesheets/button.scss */
.button-toggle {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 232, app/assets/stylesheets/button.scss */
.button-toggle.button--selected .selected__contents {
  display: none;
}

/* line 238, app/assets/stylesheets/button.scss */
.button-toggle:not(.button--selected) .unselected__contents {
  display: none;
}

/* line 244, app/assets/stylesheets/button.scss */
.button.button--inline {
  display: inline-flex;
}

/* line 247, app/assets/stylesheets/button.scss */
.button.button--thin {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

/* line 1, app/assets/stylesheets/card.scss */
.card {
  position: relative;
  margin: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
  border-radius: 5px;
  background: white;
}

/* line 8, app/assets/stylesheets/card.scss */
.card .card__header {
  padding: 0.75rem 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  border-radius: 5px 5px 0 0;
}

/* line 18, app/assets/stylesheets/card.scss */
.card .card__header.card__header--sm.card__header--sm {
  padding: 0.5rem 0;
}

@media only screen and (max-width: 812px) {
  /* line 23, app/assets/stylesheets/card.scss */
  .card .card__header .header__search {
    display: none;
  }
}

@media only screen and (min-width: 813px) {
  /* line 29, app/assets/stylesheets/card.scss */
  .card .card__header.card__header--full.card__header--full {
    justify-content: space-between;
  }
  /* line 33, app/assets/stylesheets/card.scss */
  .card .card__header .header__search {
    padding: 6px;
  }
  /* line 36, app/assets/stylesheets/card.scss */
  .card .card__header .header__search input {
    font-size: 1rem;
  }
}

/* line 42, app/assets/stylesheets/card.scss */
.card .card__header .header__label {
  font-weight: bold;
  text-transform: uppercase;
}

@media only screen and (max-width: 812px) {
  /* line 42, app/assets/stylesheets/card.scss */
  .card .card__header .header__label {
    text-align: center;
  }
}

/* line 51, app/assets/stylesheets/card.scss */
.card .card__header .header__label--flex {
  display: flex;
}

/* line 55, app/assets/stylesheets/card.scss */
.card .card__header .header__btn-tooltip {
  position: absolute;
  right: 3rem;
  top: 0.5rem;
}

/* line 61, app/assets/stylesheets/card.scss */
.card .card__header .header__btn {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0.75rem 1rem;
  font-size: 1.3rem;
}

@media only screen and (max-width: 812px) {
  /* line 69, app/assets/stylesheets/card.scss */
  .card .card__header .header__btn.header__btn--circle-mobile {
    margin: 2px;
  }
}

/* line 75, app/assets/stylesheets/card.scss */
.card .card__header .header__secondary-btn {
  position: absolute;
  top: 5px;
  margin-right: 0.5rem;
}

/* line 82, app/assets/stylesheets/card.scss */
.card .card__content {
  padding: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 82, app/assets/stylesheets/card.scss */
  .card .card__content {
    padding: 1rem 1.5rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 82, app/assets/stylesheets/card.scss */
  .card .card__content {
    padding: 1rem 0.75rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 94, app/assets/stylesheets/card.scss */
  .card.card--desktop-only {
    margin: 0;
    box-shadow: none;
  }
  /* line 99, app/assets/stylesheets/card.scss */
  .card.card--desktop-only .card__header {
    display: none;
  }
  /* line 103, app/assets/stylesheets/card.scss */
  .card.card--desktop-only .card__content {
    padding: 0.75rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__secondary-btn {
    margin: 0.75rem 1rem;
    top: 0;
    left: 0;
  }
  /* line 116, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__secondary-btn .toggle,
.card.card--topshop-section .header__secondary-btn .toggle.toggle--dark {
    color: white;
  }
  /* line 120, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__secondary-btn .toggle .toggle__input:not(:checked) ~ .toggle__button,
.card.card--topshop-section .header__secondary-btn .toggle.toggle--dark .toggle__input:not(:checked) ~ .toggle__button {
    background: var(--color-primary-tint);
  }
  /* line 124, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__secondary-btn .toggle .toggle__input:checked ~ .toggle__button,
.card.card--topshop-section .header__secondary-btn .toggle.toggle--dark .toggle__input:checked ~ .toggle__button {
    background: var(--color-primary-shade);
  }
  /* line 128, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__secondary-btn .toggle .toggle__label-checked,
.card.card--topshop-section .header__secondary-btn .toggle .toggle__label-unchecked,
.card.card--topshop-section .header__secondary-btn .toggle.toggle--dark .toggle__label-checked,
.card.card--topshop-section .header__secondary-btn .toggle.toggle--dark .toggle__label-unchecked {
    color: white;
  }
}

@media only screen and (min-width: 813px) {
  /* line 109, app/assets/stylesheets/card.scss */
  .card.card--topshop-section {
    position: relative;
    margin: 0 0 0.5rem 0;
    padding: 1rem 1.5rem;
    box-shadow: none;
    background: white;
  }
  /* line 143, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    background: white;
    color: black;
    border-bottom: 1px solid #e3dfda;
    padding: 0.35rem 0 1rem 0;
  }
  /* line 153, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header.card__header--no-border {
    border-bottom: none;
    padding-bottom: 0.35rem;
  }
  /* line 158, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header .header__label {
    font-size: 1.4rem;
    font-weight: 500;
  }
  /* line 162, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header .header__label.header__label--has-icon {
    margin-right: 30px;
  }
  /* line 166, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header .header__label.header__label--has-labeled-icon {
    margin-right: 82px;
  }
  /* line 170, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header .header__label__details {
    font-weight: 400;
    text-transform: none;
    color: #797979;
  }
  /* line 177, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .card__header .header__label--sm {
    font-size: 1rem;
    font-weight: 500;
  }
  /* line 183, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__btn {
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    font-size: 1.2rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  /* line 197, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__btn.header__btn--disabled {
    background-color: var(--color-dark);
  }
  /* line 201, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__btn i {
    display: flex;
  }
  /* line 204, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__btn i:before {
    vertical-align: middle;
  }
  /* line 210, app/assets/stylesheets/card.scss */
  .card.card--topshop-section .header__secondary-btn {
    right: 30px;
  }
}

/* line 1, app/assets/stylesheets/checkbox.scss */
.checkbox {
  font-size: 1.3em;
  user-select: none;
}

/* line 5, app/assets/stylesheets/checkbox.scss */
.checkbox input {
  display: none;
}

/* line 9, app/assets/stylesheets/checkbox.scss */
.checkbox.checkbox--aligned {
  display: flex;
}

/* line 13, app/assets/stylesheets/checkbox.scss */
.checkbox.checkbox--aligned .checkbox__checked,
.checkbox.checkbox--aligned .checkbox__blank {
  margin-top: 0.15rem;
}

/* line 18, app/assets/stylesheets/checkbox.scss */
.checkbox.checkbox--aligned span {
  margin-left: 0.5rem;
  font-size: 1rem;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/checkbox.scss */
.checkbox.checkbox--border {
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0.5rem;
}

/* line 31, app/assets/stylesheets/checkbox.scss */
.checkbox.checkbox--danger {
  border: 1px solid var(--color-danger);
  border-radius: 5px;
  padding: 0.5rem;
}

/* line 37, app/assets/stylesheets/checkbox.scss */
.checkbox .checkbox__checked,
.checkbox .checkbox__blank {
  color: var(--color-primary);
  cursor: pointer;
}

/* line 42, app/assets/stylesheets/checkbox.scss */
.checkbox .checkbox__checked:before,
.checkbox .checkbox__blank:before {
  vertical-align: middle;
}

/* line 46, app/assets/stylesheets/checkbox.scss */
.checkbox .checkbox__checked.checkbox__checked--bottom-align:before,
.checkbox .checkbox__blank.checkbox__checked--bottom-align:before {
  vertical-align: bottom;
}

/* line 50, app/assets/stylesheets/checkbox.scss */
.checkbox .checkbox__checked.checkbox__blank--bottom-align:before,
.checkbox .checkbox__blank.checkbox__blank--bottom-align:before {
  vertical-align: bottom;
}

/* line 56, app/assets/stylesheets/checkbox.scss */
.checkbox .checkbox__group span {
  font-size: 1rem;
}

/* line 62, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:checked ~ .checkbox__checked {
  display: inline;
}

/* line 66, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:checked ~ .checkbox__blank {
  display: none;
}

/* line 71, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:checked ~ .checkbox__group .checkbox__checked {
  display: inline;
}

/* line 75, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:checked ~ .checkbox__group .checkbox__blank {
  display: none;
}

/* line 82, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:not(:checked) ~ .checkbox__checked {
  display: none;
}

/* line 86, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:not(:checked) ~ .checkbox__blank {
  display: inline;
}

/* line 91, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:not(:checked) ~ .checkbox__group .checkbox__checked {
  display: none;
}

/* line 95, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:not(:checked) ~ .checkbox__group .checkbox__blank {
  display: inline;
}

/* line 101, app/assets/stylesheets/checkbox.scss */
.checkbox input[type="checkbox"]:disabled ~ .checkbox__checked,
.checkbox input[type="checkbox"]:disabled ~ .checkbox__blank {
  color: var(--color-medium);
  cursor: initial;
}

/* line 108, app/assets/stylesheets/checkbox.scss */
.checkbox.disabled .icon-checkbox,
.checkbox.disabled .icon-checkbox-blank {
  color: var(--color-medium);
  cursor: initial;
}

/* line 1, app/assets/stylesheets/drop-zone.scss */
.drop-zone {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  background: var(--color-light-tint);
  border: 1px solid var(--color-dark);
  border-radius: 4px;
  text-align: center;
}

/* line 10, app/assets/stylesheets/drop-zone.scss */
.drop-zone.drop-zone--highlight {
  border: 2px solid var(--color-primary);
}

/* line 15, app/assets/stylesheets/drop-zone.scss */
.drop-zone.drop-zone--has-file .drop-zone__add-file {
  display: none;
}

/* line 21, app/assets/stylesheets/drop-zone.scss */
.drop-zone:not(.drop-zone--has-file) .drop-zone__change-file {
  display: none;
}

/* line 26, app/assets/stylesheets/drop-zone.scss */
.drop-zone .drop-zone__input {
  display: none;
}

/* line 30, app/assets/stylesheets/drop-zone.scss */
.drop-zone .drop-zone__icon {
  color: var(--color-medium);
  font-size: 7em;
}

/* line 35, app/assets/stylesheets/drop-zone.scss */
.drop-zone .drop-zone__title {
  color: var(--color-dark);
  font-weight: bold;
}

/* line 40, app/assets/stylesheets/drop-zone.scss */
.drop-zone .drop-zone__sub-title {
  color: var(--color-dark);
}

/* line 44, app/assets/stylesheets/drop-zone.scss */
.drop-zone .drop-zone__file-name {
  color: var(--color-dark);
  font-weight: bold;
}

/* line 49, app/assets/stylesheets/drop-zone.scss */
.drop-zone .button {
  margin: 0.5em auto 2em auto;
}

/* line 54, app/assets/stylesheets/drop-zone.scss */
.modal__body--faw-employee .drop-zone.drop-zone--highlight {
  border: 2px solid var(--color-faw-employee);
}

/* line 60, app/assets/stylesheets/drop-zone.scss */
.form__field--error .drop-zone {
  border-color: var(--color-danger);
}

/* line 65, app/assets/stylesheets/drop-zone.scss */
.dropzone {
  border: none;
}

/* line 69, app/assets/stylesheets/drop-zone.scss */
.dropzone.photos-create-modal__box {
  justify-content: space-around !important;
  align-items: center;
}

/* line 75, app/assets/stylesheets/drop-zone.scss */
#dropzone-image-error-message-template, #dropzone-preview-template {
  display: none;
  visibility: hidden;
}

/* line 80, app/assets/stylesheets/drop-zone.scss */
.dz-remove {
  color: var(--color-primary);
}

/* line 84, app/assets/stylesheets/drop-zone.scss */
.dropzone__error-message {
  max-width: 9rem;
  text-align: center;
  border: 1px solid var(--color-primary);
  padding: 0.5rem;
}

/* line 91, app/assets/stylesheets/drop-zone.scss */
.dropzone__image-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

/* line 99, app/assets/stylesheets/drop-zone.scss */
a.dz-remove {
  cursor: pointer !important;
}

/* line 103, app/assets/stylesheets/drop-zone.scss */
.dropzone__processing-message {
  text-align: right;
}

/* line 107, app/assets/stylesheets/drop-zone.scss */
.dropzone__upload-button-row button:hover,
.dropzone__upload-button-row button:focus,
.dropzone__upload-button-row button:active {
  background: var(--color-primary-tint) !important;
  border-color: var(--color-primary-tint) !important;
  color: var(--color-primary-contrast) !important;
}

/* line 1, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}

/* line 7, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview.drop-zone-preview--has-file .drop-zone-preview__is-uploading,
.drop-zone-preview.drop-zone-preview--has-file .drop-zone-preview__hide-on-has-file {
  display: none;
}

/* line 14, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview:not(.drop-zone-preview--has-file) .drop-zone-preview__is-uploaded,
.drop-zone-preview:not(.drop-zone-preview--has-file) .drop-zone-preview__hide-on-no-file {
  display: none;
}

@media only screen and (min-width: 813px) {
  /* line 20, app/assets/stylesheets/drop-zone-preview.scss */
  .drop-zone-preview:not(.drop-zone-preview--has-file) .drop-zone-preview__button-bar {
    display: none;
  }
}

/* line 26, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__input {
  display: none;
}

/* line 30, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploading {
  background: #EBEBEB;
  border: 1px solid #B7B7B7;
  border-radius: 4px;
  text-align: center;
  padding: 2rem 2rem 4rem 2rem;
}

/* line 37, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploading.drop-zone-preview--highlight {
  border: 2px solid var(--color-primary);
}

/* line 41, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploading .drop-zone-preview__icon {
  color: white;
  font-size: 10rem;
}

/* line 46, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploading .drop-zone-preview__button {
  width: 250px;
  padding: 6px;
  box-sizing: border-box;
  justify-content: center;
  margin: 0 auto 1rem auto;
}

/* line 54, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploading .drop-zone-preview__title {
  font-weight: 400;
}

@media only screen and (max-width: 812px) {
  /* line 30, app/assets/stylesheets/drop-zone-preview.scss */
  .drop-zone-preview .drop-zone-preview__is-uploading {
    padding: 8rem 2rem 10rem 2rem;
  }
  /* line 61, app/assets/stylesheets/drop-zone-preview.scss */
  .drop-zone-preview .drop-zone-preview__is-uploading .drop-zone-preview__button {
    width: 200px;
    padding: 8px;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 813px) {
  /* line 30, app/assets/stylesheets/drop-zone-preview.scss */
  .drop-zone-preview .drop-zone-preview__is-uploading {
    border-style: dashed;
  }
}

/* line 74, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploaded .drop-zone-preview__preview {
  object-fit: contain;
  width: 100%;
  max-height: 350px;
}

@media only screen and (max-width: 812px) {
  /* line 74, app/assets/stylesheets/drop-zone-preview.scss */
  .drop-zone-preview .drop-zone-preview__is-uploaded .drop-zone-preview__preview {
    max-height: 300px;
  }
}

/* line 84, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploaded .drop-zone-preview__change-file {
  color: var(--color-primary);
  font-weight: 500;
  cursor: pointer;
}

/* line 89, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview .drop-zone-preview__is-uploaded .drop-zone-preview__change-file:hover, .drop-zone-preview .drop-zone-preview__is-uploaded .drop-zone-preview__change-file:focus {
  color: var(--color-primary-tint);
}

@media only screen and (max-width: 812px) {
  /* line 84, app/assets/stylesheets/drop-zone-preview.scss */
  .drop-zone-preview .drop-zone-preview__is-uploaded .drop-zone-preview__change-file {
    margin: 1rem 0;
  }
}

/* line 101, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview.drop-zone-preview--mini .drop-zone-preview__is-uploading {
  padding: 0;
  background: initial;
  border: none;
}

/* line 107, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview.drop-zone-preview--mini .drop-zone-preview__icon {
  color: var(--color-primary);
  font-size: 6.8rem;
  cursor: pointer;
}

/* line 112, app/assets/stylesheets/drop-zone-preview.scss */
.drop-zone-preview.drop-zone-preview--mini .drop-zone-preview__icon::before {
  border: 2px dashed var(--color-primary);
  border-radius: 4px;
}

/* line 120, app/assets/stylesheets/drop-zone-preview.scss */
.form__field--error .drop-zone-preview {
  border-color: var(--color-danger);
}

/* line 1, app/assets/stylesheets/error.scss */
.error__box::first-letter,
.error--inline::first-letter,
.error__inline::first-letter {
  text-transform: uppercase;
}

/* line 7, app/assets/stylesheets/error.scss */
.error--inline,
.error__inline {
  color: var(--color-danger);
}

/* line 12, app/assets/stylesheets/error.scss */
.error__box {
  display: block;
  margin-top: 16px;
  padding: 16px;
  font-size: 15px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  color: #a94442;
  background-color: rgba(235, 204, 209, 0.9);
}

/* line 22, app/assets/stylesheets/error.scss */
.error__box.error__box--has-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 27, app/assets/stylesheets/error.scss */
.error__box.error__box--has-icon > :first-child {
  margin-right: 1rem;
}

/* line 32, app/assets/stylesheets/error.scss */
.error__box.error__box--max-width {
  max-width: 1220px;
  margin: 1em auto;
}

/* line 38, app/assets/stylesheets/error.scss */
.error--hidden {
  display: none;
}

/* line 1, app/assets/stylesheets/warning.scss */
.warning__box::first-letter,
.warning--inline::first-letter,
.warning__inline::first-letter {
  text-transform: uppercase;
}

/* line 7, app/assets/stylesheets/warning.scss */
.warning--inline,
.warning__inline {
  color: var(--color-warning);
}

/* line 12, app/assets/stylesheets/warning.scss */
.warning__box {
  display: block;
  margin-top: 16px;
  padding: 16px;
  font-size: 15px;
  border: 1px solid #faebcc;
  border-radius: 4px;
  color: #8a6d3b;
  background-color: #fcf8e3;
}

/* line 22, app/assets/stylesheets/warning.scss */
.warning__box.warning__box--has-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 27, app/assets/stylesheets/warning.scss */
.warning__box.warning__box--has-icon > :first-child {
  margin-right: 1rem;
}

/* line 33, app/assets/stylesheets/warning.scss */
.warning--hidden {
  display: none;
}

/* line 1, app/assets/stylesheets/success.scss */
.success__box::first-letter,
.success--inline::first-letter,
.success__inline::first-letter {
  text-transform: uppercase;
}

/* line 7, app/assets/stylesheets/success.scss */
.success--inline,
.success__inline {
  color: var(--color-success);
}

/* line 12, app/assets/stylesheets/success.scss */
.success__box {
  display: block;
  margin-top: 16px;
  padding: 16px;
  font-size: 15px;
  border: 1px solid #c3e6cb;
  border-radius: 4px;
  color: #155724;
  background-color: #d4edda;
}

/* line 22, app/assets/stylesheets/success.scss */
.success__box.success__box--has-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 27, app/assets/stylesheets/success.scss */
.success__box.success__box--has-icon > :first-child {
  margin-right: 1rem;
}

/* line 32, app/assets/stylesheets/success.scss */
.success__box.success__box--max-width {
  max-width: 1220px;
  margin: 1em auto;
}

/* line 38, app/assets/stylesheets/success.scss */
.success--hidden {
  display: none;
}

/* line 1, app/assets/stylesheets/info-message.scss */
.info-message {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  font-size: 1.2rem;
  border: 1px solid var(--color-secondary);
  border-radius: 4px;
  color: white;
  background-color: #E3AF5D;
  font-weight: bold;
}

/* line 13, app/assets/stylesheets/info-message.scss */
.info-message .button {
  width: 150px;
  justify-content: center;
  margin-left: 2rem;
  font-size: 1rem;
  padding: 0.3rem;
  box-sizing: border-box;
  font-weight: 600;
}

/* line 23, app/assets/stylesheets/info-message.scss */
.info-message.info-message--small {
  font-weight: 500;
  font-size: 1rem;
  padding: 0.8rem;
}

/* line 29, app/assets/stylesheets/info-message.scss */
.info-message.info-message--strong {
  font-weight: 600;
}

/* line 33, app/assets/stylesheets/info-message.scss */
.info-message.info-message--center {
  text-align: center;
}

/* line 37, app/assets/stylesheets/info-message.scss */
.info-message.info-message--white {
  background-color: white;
  color: black;
  border: none;
}

/* line 43, app/assets/stylesheets/info-message.scss */
.info-message.info-message--highlight {
  background-color: white;
  color: black;
  border-color: var(--color-primary);
  font-size: 1rem;
  padding: 1.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 52, app/assets/stylesheets/info-message.scss */
  .info-message.info-message.info-message.info-message {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
  }
}

/* line 1, app/assets/stylesheets/form.scss */
.form {
  display: flex;
  flex-flow: column nowrap;
  background: white;
}

/* line 7, app/assets/stylesheets/form.scss */
.form__row {
  display: flex;
  flex-flow: row nowrap;
}

/* line 11, app/assets/stylesheets/form.scss */
.form__row.form__row--margin-top {
  margin-top: 2rem;
}

/* line 15, app/assets/stylesheets/form.scss */
.form__row.form__row--wrap {
  flex-wrap: wrap;
}

@media only screen and (max-width: 812px) {
  /* line 21, app/assets/stylesheets/form.scss */
  .form__row .form__field.form__field--mobile-expand {
    flex-basis: 100%;
  }
  /* line 25, app/assets/stylesheets/form.scss */
  .form__row .form__field.form__field--mobile-first {
    margin-left: 0;
  }
  /* line 29, app/assets/stylesheets/form.scss */
  .form__row .form__field.form__field--mobile-last {
    margin-right: 0;
  }
}

/* line 36, app/assets/stylesheets/form.scss */
.form__group {
  display: block;
}

/* line 40, app/assets/stylesheets/form.scss */
.form__column {
  display: flex;
  flex-flow: column nowrap;
}

/* line 45, app/assets/stylesheets/form.scss */
.form__row > .form__group {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* line 50, app/assets/stylesheets/form.scss */
.form__row > .form__group:first-child {
  margin-left: 0;
}

/* line 54, app/assets/stylesheets/form.scss */
.form__row > .form__group:last-child {
  margin-right: 0;
}

/* line 58, app/assets/stylesheets/form.scss */
.form__field {
  flex: 1;
  margin-bottom: 8px;
}

/* line 62, app/assets/stylesheets/form.scss */
.form__field.form__field--margin {
  margin-bottom: 1.5rem;
}

/* line 68, app/assets/stylesheets/form.scss */
.form__textarea--wrapper textarea {
  border: none;
  outline: none;
  width: 100%;
}

/* line 75, app/assets/stylesheets/form.scss */
.form__field--error .form__input,
.form__field--error .form__textarea {
  border-color: var(--color-danger);
}

/* line 81, app/assets/stylesheets/form.scss */
.form__field--disabled .form__label {
  color: var(--color-dark-tint);
}

/* line 85, app/assets/stylesheets/form.scss */
.form__field--disabled .form__input,
.form__field--disabled .form__textarea {
  background-color: var(--color-light);
}

/* line 91, app/assets/stylesheets/form.scss */
.form__field--currency {
  position: relative;
}

/* line 95, app/assets/stylesheets/form.scss */
.form__field--currency::before {
  content: '$';
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 9px;
  font-size: 1.2em;
  font-weight: 500;
}

/* line 105, app/assets/stylesheets/form.scss */
.form__field--currency .form__input {
  padding-left: 18px;
}

/* line 109, app/assets/stylesheets/form.scss */
.form__file {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-dark);
  border-radius: 3px;
  font-size: 1rem;
}

/* line 119, app/assets/stylesheets/form.scss */
.form__file button {
  margin-right: 1rem;
  white-space: nowrap;
}

/* line 125, app/assets/stylesheets/form.scss */
.form__row .form__field {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* line 129, app/assets/stylesheets/form.scss */
.form__row .form__field.form__field--grow {
  flex-grow: 1;
}

/* line 132, app/assets/stylesheets/form.scss */
.form__row .form__field.form__field--shrink {
  flex-shrink: 1;
}

/* line 136, app/assets/stylesheets/form.scss */
.form__row .form__field:first-child {
  margin-left: 0;
}

/* line 140, app/assets/stylesheets/form.scss */
.form__row .form__field:last-child {
  margin-right: 0;
}

/* line 145, app/assets/stylesheets/form.scss */
.form__label {
  display: block;
  margin-bottom: 4px;
  font-size: 1em;
  font-weight: bold;
  color: var(--color-base-contrast);
}

/* line 152, app/assets/stylesheets/form.scss */
.form__label--light {
  font-size: 1.2em;
  color: var(--color-medium-shade);
  font-weight: normal;
}

/* line 158, app/assets/stylesheets/form.scss */
.form__label--medium {
  font-weight: normal;
}

/* line 162, app/assets/stylesheets/form.scss */
.form__label.form__label--inline {
  display: inline-block;
}

/* line 167, app/assets/stylesheets/form.scss */
.form__input,
.form__input input {
  width: 100%;
  outline: none;
  box-sizing: border-box;
  transition: 0.3s;
  font-size: 1.2em;
}

/* line 175, app/assets/stylesheets/form.scss */
input.form__input--half-width {
  width: 50%;
}

/* line 179, app/assets/stylesheets/form.scss */
.form__input {
  display: flex;
  padding: 8px;
  border: 1px solid var(--color-dark);
  border-radius: 3px;
}

/* line 185, app/assets/stylesheets/form.scss */
.form__input input {
  -webkit-appearance: initial;
}

/* line 190, app/assets/stylesheets/form.scss */
.form__input input {
  border: none;
}

/* line 194, app/assets/stylesheets/form.scss */
.form__input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 2px 0 var(--color-primary);
}

/* line 199, app/assets/stylesheets/form.scss */
.form__input::-webkit-input-placeholder {
  color: var(--color-medium);
}

/* line 203, app/assets/stylesheets/form.scss */
.form__input::-webkit-inner-spin-button {
  display: none;
}

/* line 207, app/assets/stylesheets/form.scss */
.form__input--rm-webkit {
  -webkit-appearance: none;
}

/* line 211, app/assets/stylesheets/form.scss */
.form__input.form__input--ios-datepicker {
  position: relative;
  display: block;
  background: white;
  appearance: none;
  color: black;
}

/* line 218, app/assets/stylesheets/form.scss */
.form__input.form__input--ios-datepicker::after {
  position: absolute;
  right: 8px;
  top: 11px;
}

/* line 224, app/assets/stylesheets/form.scss */
.form__input.form__input--ios-datepicker::-webkit-date-and-time-value {
  text-align: left;
}

/* line 228, app/assets/stylesheets/form.scss */
.form__input.form__input--date {
  position: relative;
  display: flex;
}

/* line 232, app/assets/stylesheets/form.scss */
.form__input.form__input--date::after {
  position: absolute;
  right: 8px;
}

/* line 238, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__input:focus {
  border-color: var(--color-faw-employee);
  box-shadow: 0 0 2px 0 var(--color-faw-employee);
}

/* line 243, app/assets/stylesheets/form.scss */
.form__textarea {
  width: 100%;
  outline: none;
  box-sizing: border-box;
  transition: 0.3s;
  display: flex;
  padding: 1em;
  border: 1px solid var(--color-dark);
  border-radius: 3px;
  font-size: 1em;
  min-height: 200px;
}

/* line 255, app/assets/stylesheets/form.scss */
.form__textarea.form__textarea--vert-resize {
  resize: vertical;
}

/* line 259, app/assets/stylesheets/form.scss */
.form__textarea.form__textarea--md {
  min-height: 150px;
}

/* line 263, app/assets/stylesheets/form.scss */
.form__textarea.form__textarea--short {
  min-height: 100px;
}

/* line 267, app/assets/stylesheets/form.scss */
.form__textarea.form__textarea--xs {
  min-height: 75px;
}

@media only screen and (min-width: 813px) {
  /* line 271, app/assets/stylesheets/form.scss */
  .form__textarea.form__textarea--desktop-short {
    min-height: 100px;
  }
}

/* line 278, app/assets/stylesheets/form.scss */
.form__textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 2px 0 var(--color-primary);
}

/* line 283, app/assets/stylesheets/form.scss */
.form__textarea::-webkit-input-placeholder {
  color: var(--color-medium);
}

/* line 287, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__textarea:focus {
  border-color: var(--color-faw-employee);
  box-shadow: 0 0 2px 0 var(--color-faw-employee);
}

/* line 292, app/assets/stylesheets/form.scss */
.form__submit {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 1em;
}

/* line 297, app/assets/stylesheets/form.scss */
.form__submit :not(:only-child):first-child {
  margin-left: 0;
}

/* line 301, app/assets/stylesheets/form.scss */
.form__submit :not(:only-child):last-child {
  margin-right: 0;
}

/* line 305, app/assets/stylesheets/form.scss */
.form__submit.form__submit--steps.form__submit--steps {
  margin: 2rem 0;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

/* line 311, app/assets/stylesheets/form.scss */
.form__submit.form__submit--steps.form__submit--steps input {
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75em 5em;
}

/* line 318, app/assets/stylesheets/form.scss */
.form__submit.form__submit--steps.form__submit--steps span {
  font-size: 0.9rem;
  margin-top: 1rem;
}

/* line 325, app/assets/stylesheets/form.scss */
.form__submit a,
.form__submit input,
.form__submit .form__submit_button,
.form__submit button {
  text-align: center;
  font-size: 1em;
  padding: 0.6em 1.5em;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  font-weight: 500;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* line 340, app/assets/stylesheets/form.scss */
.form__submit a:only-child,
.form__submit input:only-child,
.form__submit .form__submit_button:only-child,
.form__submit button:only-child {
  margin-left: 0;
  margin-right: 0;
}

/* line 346, app/assets/stylesheets/form.scss */
.form__submit .form__submit_button,
.form__submit input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  color: var(--color-primary-contrast);
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  min-width: 90px;
}

/* line 360, app/assets/stylesheets/form.scss */
.form__submit .form__submit_button:hover,
.form__submit .form__submit_button:focus,
.form__submit .form__submit_button:active,
.form__submit input:hover,
.form__submit input:focus,
.form__submit input:active {
  background: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
}

/* line 370, app/assets/stylesheets/form.scss */
.form__submit .form__submit_button:focus,
.form__submit input:focus {
  box-shadow: 0 0 4px 0 black;
}

/* line 375, app/assets/stylesheets/form.scss */
.form__submit .form__submit_button:hover,
.form__submit input:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 380, app/assets/stylesheets/form.scss */
.form__submit .form__submit_button:active,
.form__submit input:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* line 385, app/assets/stylesheets/form.scss */
.form__submit .form__submit_button:disabled,
.form__submit input:disabled {
  cursor: initial;
  outline: none;
  box-shadow: none;
  user-select: none;
  background: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
}

/* line 395, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit input {
  color: var(--color-primary-contrast);
  background: var(--color-primary);
  border-color: var(--color-employee);
}

/* line 400, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit input:disabled {
  cursor: initial;
  outline: none;
  box-shadow: none;
  user-select: none;
  background: var(--color-faw-employee-tint);
  border-color: var(--color-faw-employee-tint);
}

/* line 409, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit input:hover,
.modal__body--faw-employee .form__submit input:focus,
.modal__body--faw-employee .form__submit input:active {
  background: var(--color-faw-employee-tint);
  border-color: var(--color-faw-employee-tint);
}

/* line 416, app/assets/stylesheets/form.scss */
.form__submit.form__submit--danger input {
  color: var(--color-danger-contrast);
  background: var(--color-danger);
  border-color: var(--color-danger);
}

/* line 421, app/assets/stylesheets/form.scss */
.form__submit.form__submit--danger input:disabled {
  cursor: initial;
  outline: none;
  box-shadow: none;
  user-select: none;
  background: var(--color-danger-tint);
  border-color: var(--color-danger-tint);
}

/* line 430, app/assets/stylesheets/form.scss */
.form__submit.form__submit--danger input:hover,
.form__submit.form__submit--danger input:focus,
.form__submit.form__submit--danger input:active {
  background: var(--color-danger-tint);
  border-color: var(--color-danger-tint);
}

/* line 437, app/assets/stylesheets/form.scss */
.form__submit--center input,
.form__submit--center .button {
  font-size: 1.2em;
  padding: 0.75em 2.5em;
  margin: 2em auto;
}

/* line 443, app/assets/stylesheets/form.scss */
.form__submit--center input:only-child,
.form__submit--center .button:only-child {
  margin-left: auto;
  margin-right: auto;
}

/* line 449, app/assets/stylesheets/form.scss */
.form__submit--center-sm input,
.form__submit--center-sm .button {
  font-size: 1em;
  padding: 0.6em 3em;
  margin: 1em auto;
}

/* line 455, app/assets/stylesheets/form.scss */
.form__submit--center-sm input:only-child,
.form__submit--center-sm .button:only-child {
  margin-left: auto;
  margin-right: auto;
}

/* line 461, app/assets/stylesheets/form.scss */
.form__submit--start {
  justify-content: flex-start;
}

/* line 465, app/assets/stylesheets/form.scss */
.form__submit--end {
  justify-content: flex-end;
}

/* line 469, app/assets/stylesheets/form.scss */
.form__submit--spread {
  justify-content: space-between;
}

/* line 473, app/assets/stylesheets/form.scss */
.form__submit--align-center {
  align-items: center;
}

@media only screen and (max-width: 812px) {
  /* line 477, app/assets/stylesheets/form.scss */
  .form__submit--mobile-action {
    justify-content: space-between;
    font-size: 1.2em;
  }
  /* line 482, app/assets/stylesheets/form.scss */
  .form__submit--mobile-action > a, .form__submit--mobile-action > input, .form__submit--mobile-action > button, .form__submit--mobile-action > .button {
    flex: 1 1;
  }
}

/* line 491, app/assets/stylesheets/form.scss */
.form__link {
  font-size: 1.2em;
}

/* line 495, app/assets/stylesheets/form.scss */
.form__link:focus {
  color: var(--color-primary-tint);
}

/* line 499, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__link:focus {
  color: var(--color-faw-employee-tint);
}

/* line 503, app/assets/stylesheets/form.scss */
.form__submit a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 509, app/assets/stylesheets/form.scss */
.form__submit a,
.form__submit button {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

/* line 516, app/assets/stylesheets/form.scss */
.form__submit a:hover,
.form__submit button:hover {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}

/* line 522, app/assets/stylesheets/form.scss */
.form__submit a:focus,
.form__submit button:focus {
  background: var(--color-primary-tint);
  border-color: var(--color-primary);
}

/* line 528, app/assets/stylesheets/form.scss */
.form__submit a:active,
.form__submit button:active {
  background: var(--color-primary-tint);
}

/* line 534, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit a,
.modal__body--faw-employee .form__submit button {
  color: var(--color-faw-employee);
  border-color: var(--color-faw-employee);
}

/* line 540, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit a:hover,
.modal__body--faw-employee .form__submit button:hover {
  background: var(--color-faw-employee);
  color: var(--color-faw-employee-contrast);
}

/* line 546, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit a:focus,
.modal__body--faw-employee .form__submit button:focus {
  background: var(--color-faw-employee-tint);
  border-color: var(--color-faw-employee);
}

/* line 552, app/assets/stylesheets/form.scss */
.modal__body--faw-employee .form__submit a:active,
.modal__body--faw-employee .form__submit button:active {
  background: var(--color-faw-employee-tint);
}

/* line 558, app/assets/stylesheets/form.scss */
.form__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 1em;
}

/* line 565, app/assets/stylesheets/form.scss */
.form__footer-note {
  display: flex;
  align-items: center;
  color: var(--color-dark-tint);
  font-size: 10px;
}

/* line 572, app/assets/stylesheets/form.scss */
.form__footer .form__submit {
  margin-top: 0;
}

@media only screen and (max-width: 812px) {
  /* line 577, app/assets/stylesheets/form.scss */
  .form__footer .form__submit {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 1em;
  }
}

/* line 587, app/assets/stylesheets/form.scss */
.cc__input {
  display: flex;
  flex-flow: row nowrap;
  column-gap: 0.75em;
  position: relative;
  padding: 5px 8px;
}

@media only screen and (max-width: 812px) {
  /* line 587, app/assets/stylesheets/form.scss */
  .cc__input {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
}

/* line 599, app/assets/stylesheets/form.scss */
.cc__input .cc__input__icon {
  pointer-events: none;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
}

/* line 605, app/assets/stylesheets/form.scss */
.cc__input .cc__input__icon svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-medium);
}

@media only screen and (max-width: 812px) {
  /* line 599, app/assets/stylesheets/form.scss */
  .cc__input .cc__input__icon {
    display: none;
  }
}

/* line 616, app/assets/stylesheets/form.scss */
.cc__input #cc_number {
  flex: 1 1 100%;
}

@media only screen and (max-width: 812px) {
  /* line 620, app/assets/stylesheets/form.scss */
  .cc__input #cc_exp {
    flex-basis: calc(50% - 0.5rem);
  }
}

@media only screen and (max-width: 812px) {
  /* line 626, app/assets/stylesheets/form.scss */
  .cc__input #cc_cvv {
    flex-basis: calc(50% - 0.5rem);
  }
}

@supports (-webkit-touch-callout: none) {
  /* line 634, app/assets/stylesheets/form.scss */
  input[type="file"]::file-selector-button,
input.form__input[type="date"] {
    color: black;
    background: white;
    border-color: var(--color-dark);
  }
  /* line 641, app/assets/stylesheets/form.scss */
  select.form__input {
    color: black;
    background: white;
    height: 39px;
  }
}

/* line 1, app/assets/stylesheets/table.scss */
.table-wrapper {
  overflow-x: auto;
}

/* line 5, app/assets/stylesheets/table.scss */
.table-placeholder {
  text-align: center;
  margin: 2rem 1rem 1rem 1rem;
  font-weight: 500;
}

@media only screen and (max-width: 812px) {
  /* line 5, app/assets/stylesheets/table.scss */
  .table-placeholder {
    margin-bottom: 2rem;
  }
}

/* line 15, app/assets/stylesheets/table.scss */
.data-table {
  width: 100%;
}

/* line 19, app/assets/stylesheets/table.scss */
.data-table tbody tr:nth-child(odd) {
  background-color: var(--color-light);
}

/* line 23, app/assets/stylesheets/table.scss */
.data-table th {
  text-align: center;
}

/* line 27, app/assets/stylesheets/table.scss */
.data-table td {
  text-align: center;
  margin: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 33, app/assets/stylesheets/table.scss */
.data-table td.data-table--left-align {
  text-align: left;
}

/* line 36, app/assets/stylesheets/table.scss */
.data-table td.data-table--right-align {
  text-align: right;
}

/* line 1, app/assets/stylesheets/icon.scss */
.icon-info {
  color: var(--color-medium);
  cursor: pointer;
}

/* line 5, app/assets/stylesheets/icon.scss */
.icon-info::before {
  vertical-align: middle;
}

/* line 9, app/assets/stylesheets/icon.scss */
.icon--text-top::before {
  vertical-align: text-top;
}

/* line 12, app/assets/stylesheets/icon.scss */
.icon--text-bottom::before {
  vertical-align: text-bottom;
}

/* line 15, app/assets/stylesheets/icon.scss */
.icon--bottom::before {
  vertical-align: text-bottom;
}

/* line 18, app/assets/stylesheets/icon.scss */
.icon--middle::before {
  vertical-align: middle;
}

/* line 21, app/assets/stylesheets/icon.scss */
.icon--sub::before {
  vertical-align: sub;
}

/* line 25, app/assets/stylesheets/icon.scss */
.link-with-icon {
  display: flex;
  align-items: center;
}

/* line 30, app/assets/stylesheets/icon.scss */
.link-with-icon__label {
  margin-left: 0.5em;
}

/* line 34, app/assets/stylesheets/icon.scss */
.link-with-icon.color--primary:hover,
.link-with-icon.color--primary:focus {
  color: var(--color-primary-tint);
}

/* line 38, app/assets/stylesheets/icon.scss */
.link-with-icon.color--faw-employee:hover,
.link-with-icon.color--faw-employee:focus {
  color: var(--color-faw-employee-tint);
}

@media only screen and (max-width: 812px) {
  /* line 44, app/assets/stylesheets/icon.scss */
  .icon--white-mobile {
    color: white;
  }
}

/* line 49, app/assets/stylesheets/icon.scss */
.icon-circle {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  font-size: 1rem;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px;
}

/* line 63, app/assets/stylesheets/icon.scss */
.icon-circle--invert {
  color: var(--color-primary);
  background-color: var(--color-primary-contrast);
}

/* line 68, app/assets/stylesheets/icon.scss */
.icon-circle--notification {
  width: 0.5rem;
  height: 0.5rem;
  min-width: 0.5rem;
  min-height: 0.5rem;
}

/* line 75, app/assets/stylesheets/icon.scss */
.icon-circle--inline {
  display: inline-flex;
}

/* line 79, app/assets/stylesheets/icon.scss */
.icon-circle--small {
  font-size: 0.8rem;
}

/* line 82, app/assets/stylesheets/icon.scss */
.icon-circle--large {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 1.2rem;
}

/* line 89, app/assets/stylesheets/icon.scss */
.icon-circle--oblong {
  width: 3em;
  height: 2em;
  border-radius: 5em;
}

/* line 95, app/assets/stylesheets/icon.scss */
.icon-circle--outline {
  background: transparent;
  color: var(--color-primary);
  border: 3px solid var(--color-primary);
  width: 19px;
  height: 19px;
  min-width: 19px;
  min-height: 19px;
}

/* line 104, app/assets/stylesheets/icon.scss */
.icon-circle--outline:hover {
  color: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
}

/* line 110, app/assets/stylesheets/icon.scss */
.icon-circle.icon-circle--desktop {
  background: transparent;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  font-size: 1.2rem;
  margin: 0 0.5rem;
}

/* line 121, app/assets/stylesheets/icon.scss */
.icon-circle i {
  display: flex;
}

/* line 125, app/assets/stylesheets/icon.scss */
.icon-circle i::before {
  vertical-align: middle;
}

/* line 129, app/assets/stylesheets/icon.scss */
.icon-circle.color--faw-employee {
  background: var(--color-faw-employee);
  color: var(--color-faw-employee-contrast);
}

/* line 133, app/assets/stylesheets/icon.scss */
.icon-circle.color--faw-employee.icon-circle--outline {
  color: var(--color-faw-employee);
  border-color: var(--color-faw-employee);
}

/* line 139, app/assets/stylesheets/icon.scss */
.icon-circle.color--primary:hover,
.icon-circle.color--primary:focus {
  background: var(--color-primary-tint);
}

/* line 143, app/assets/stylesheets/icon.scss */
.icon-circle.color--faw-employee:hover,
.icon-circle.color--faw-employee:focus {
  background: var(--color-faw-employee-tint);
}

/* line 147, app/assets/stylesheets/icon.scss */
.icon-circle.icon-circle--outline.color--primary:hover,
.icon-circle.icon-circle--outline.color--primary:focus {
  color: var(--color-primary-tint);
  border-color: var(--color-primary-tint);
}

/* line 152, app/assets/stylesheets/icon.scss */
.icon-circle.icon-circle--outline.color--faw-employee:hover,
.icon-circle.icon-circle--outline.color--faw-employee:focus {
  color: var(--color-faw-employee-tint);
  border-color: var(--color-faw-employee-tint);
}

/* line 158, app/assets/stylesheets/icon.scss */
.icon-circle.icon-circle--square {
  border-radius: 5px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

/* line 165, app/assets/stylesheets/icon.scss */
.icon--clickable {
  cursor: pointer;
}

/* line 168, app/assets/stylesheets/icon.scss */
.icon--clickable:hover, .icon--clickable:focus {
  opacity: 0.6;
}

/* line 174, app/assets/stylesheets/icon.scss */
.icon--xl {
  font-size: 4rem;
}

/* line 177, app/assets/stylesheets/icon.scss */
.icon--lg {
  font-size: 2.5rem;
}

/* line 180, app/assets/stylesheets/icon.scss */
.icon--md {
  font-size: 2rem;
}

/* line 183, app/assets/stylesheets/icon.scss */
.icon--mdsm {
  font-size: 1.5rem;
}

/* line 186, app/assets/stylesheets/icon.scss */
.icon--sm {
  font-size: 1rem;
}

/* line 189, app/assets/stylesheets/icon.scss */
.icon--xs {
  font-size: 0.8rem;
}

/* line 193, app/assets/stylesheets/icon.scss */
.icon--tilt-left {
  display: inline-block;
  transform: rotate(45deg);
}

/* line 197, app/assets/stylesheets/icon.scss */
.icon--tilt-right {
  display: inline-block;
  transform: rotate(-45deg);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 208, app/assets/stylesheets/icon.scss */
.icon--spinning,
.icon--spinning::before {
  width: 14px;
  height: 13.8px;
  margin: 0 auto;
  border-radius: 50%;
  background: transparent;
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-duration: 1.1s;
  animation-timing-function: linear;
  position: relative;
  display: inline-block;
}

/* line 4, app/assets/stylesheets/modal.scss */
#modal,
#modal-container {
  z-index: 1000;
  position: relative;
}

/* line 11, app/assets/stylesheets/modal.scss */
#local-modals-container .modal-container,
#local-modals-container .modal-overlay {
  display: none;
}

/* line 16, app/assets/stylesheets/modal.scss */
#local-modals-container > .modal-container--show .modal-container {
  display: flex;
}

/* line 21, app/assets/stylesheets/modal.scss */
.modal-container {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 30, app/assets/stylesheets/modal.scss */
.modal-container__modal-display {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}

/* line 40, app/assets/stylesheets/modal.scss */
div:not(.tw) .modal {
  z-index: 1010;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  background: var(--color-base);
  margin: 5em auto;
}

/* line 48, app/assets/stylesheets/modal.scss */
div:not(.tw) .modal--sm {
  width: 350px;
}

/* line 52, app/assets/stylesheets/modal.scss */
div:not(.tw) .modal--md {
  width: 430px;
}

/* line 56, app/assets/stylesheets/modal.scss */
div:not(.tw) .modal--mdlg {
  width: 540px;
}

/* line 60, app/assets/stylesheets/modal.scss */
div:not(.tw) .modal--lg {
  width: 650px;
}

/* line 64, app/assets/stylesheets/modal.scss */
div:not(.tw) .modal--xl {
  width: 812px;
}

@media only screen and (max-width: 812px) {
  /* line 40, app/assets/stylesheets/modal.scss */
  div:not(.tw) .modal {
    min-height: 100%;
    width: 100%;
    margin: 0;
  }
}

@media only screen and (max-width: 812px) {
  /* line 74, app/assets/stylesheets/modal.scss */
  div:not(.tw) .modal.modal--alert {
    min-height: initial;
    width: initial;
    margin: 0 auto;
    top: 10%;
    max-width: 80%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
  }
  /* line 83, app/assets/stylesheets/modal.scss */
  div:not(.tw) .modal.modal--alert .modal__header {
    top: initial;
    left: initial;
    right: initial;
    width: 80%;
  }
}

/* line 93, app/assets/stylesheets/modal.scss */
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1.5em;
  background: var(--color-primary);
  background: var(--color-primary-gradient);
  color: var(--color-primary-contrast);
  font-size: 1.1em;
  font-weight: bold;
  height: 51px;
  box-sizing: border-box;
  z-index: 101;
}

@media only screen and (max-width: 812px) {
  /* line 93, app/assets/stylesheets/modal.scss */
  .modal__header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* line 115, app/assets/stylesheets/modal.scss */
.modal__header--faw-employee {
  background: var(--color-primary);
}

/* line 119, app/assets/stylesheets/modal.scss */
.modal__banner {
  height: 13px;
  width: 100%;
  background-color: #E3DFDA;
  margin-top: 51px;
}

@media only screen and (min-width: 813px) {
  /* line 119, app/assets/stylesheets/modal.scss */
  .modal__banner {
    display: none;
  }
}

/* line 130, app/assets/stylesheets/modal.scss */
.modal__body {
  box-sizing: border-box;
  padding: 2em;
  height: 100%;
}

/* line 135, app/assets/stylesheets/modal.scss */
.modal__body--full {
  padding: 0;
}

@media only screen and (max-width: 812px) {
  /* line 140, app/assets/stylesheets/modal.scss */
  :not(.modal__banner) + .modal__body {
    margin-top: 51px;
  }
}

/* line 145, app/assets/stylesheets/modal.scss */
.modal__body.modal__body--alert {
  text-align: center;
  font-weight: 600;
  font-size: 1.05rem;
}

/* line 150, app/assets/stylesheets/modal.scss */
.modal__body.modal__body--alert a {
  display: block;
  margin: 1rem auto 0;
  max-width: 100px;
}

/* line 157, app/assets/stylesheets/modal.scss */
.modal__body.modal__body--alert.text--left {
  text-align: left;
}

/* line 163, app/assets/stylesheets/modal.scss */
.modal__footer {
  display: none;
}

@media only screen and (max-width: 812px) {
  /* line 163, app/assets/stylesheets/modal.scss */
  .modal__footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: var(--color-base);
    border-top: 2px solid var(--color-light-shade);
    padding: 1em;
  }
  /* line 176, app/assets/stylesheets/modal.scss */
  .modal__footer--action-button {
    justify-content: center;
    align-items: center;
  }
  /* line 181, app/assets/stylesheets/modal.scss */
  .modal__footer .button {
    width: 100%;
  }
}

/* line 187, app/assets/stylesheets/modal.scss */
.modal__close {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  cursor: pointer;
  outline: inherit;
  font: inherit;
  font-size: 18px;
}

/* line 198, app/assets/stylesheets/modal.scss */
.modal__close:hover {
  opacity: 0.7;
}

/* line 202, app/assets/stylesheets/modal.scss */
.modal__close i::before {
  vertical-align: bottom;
}

/* line 206, app/assets/stylesheets/modal.scss */
[data-modal],
[data-local-modal] {
  cursor: pointer;
}

/* line 211, app/assets/stylesheets/modal.scss */
.modal-container.modal-container--lightbox {
  color: white;
  align-items: center;
}

/* line 1, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion {
  position: relative;
  overflow: hidden;
  border-top: 10px solid var(--color-light-shade);
}

/* line 6, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion.tab-accordion--is-empty {
  grid-template-columns: auto;
}

@media only screen and (max-width: 812px) {
  /* line 10, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion.tab-accordion--is-empty .tab-accordion__items .button {
    margin: 2em 1.5em;
  }
}

@media only screen and (min-width: 813px) {
  /* line 16, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion.tab-accordion--is-empty .tab-accordion__items {
    display: none;
  }
}

/* line 22, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion .tab-accordion__items {
  display: flex;
  flex-flow: column nowrap;
}

/* line 26, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion .tab-accordion__items .button {
  margin: auto 1.5em 2em 1.5em;
}

/* line 31, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion .tab-accordion__main {
  padding: 2em;
}

/* line 34, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion .tab-accordion__main .tab-accordion__main__placeholder {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media only screen and (min-width: 813px) {
  /* line 1, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion {
    display: grid;
    grid-template-columns: 180px auto;
    min-height: 400px;
  }
  /* line 48, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion .tab-accordion__items {
    background: var(--color-light);
    border-right: 1px solid var(--color-medium-tint);
  }
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion {
    display: flex;
  }
  /* line 57, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion .tab-accordion__main {
    display: none;
  }
}

/* line 62, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion-item--primary {
  border-left: 0.5rem solid var(--color-primary);
}

/* line 65, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion-item--secondary {
  border-left: 0.5rem solid var(--color-secondary);
}

/* line 69, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion-item {
  border-bottom: 1px solid var(--color-light-shade);
}

/* line 74, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion-item .tab-accordion-item__label__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 81, app/assets/stylesheets/tab-accordion.scss */
.tab-accordion-item:last-of-type {
  margin-bottom: 1.5em;
}

@media only screen and (min-width: 813px) {
  /* line 69, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item {
    color: black;
  }
  /* line 89, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  /* line 95, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input:checked + .tab-accordion-item__label .tab-accordion-item__label__inner {
    background: var(--color-primary-contrast);
  }
  /* line 99, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input:checked + .tab-accordion-item__label .tab-accordion-item__label__title {
    color: var(--color-primary);
    font-weight: bold;
  }
  /* line 105, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input:checked ~ .tab-accordion-item__content {
    max-height: 100vh;
    padding: 1em;
  }
  /* line 111, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label {
    cursor: pointer;
  }
  /* line 114, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label__inner {
    padding: 0.5em 1.5em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
  }
  /* line 121, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label__subtitle {
    font-size: 0.8rem;
  }
  /* line 125, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label:hover {
    background: var(--color-light);
  }
  /* line 130, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__content {
    display: none;
    flex-flow: column nowrap;
    max-height: 0;
    padding: 0 1em;
    color: var(--color-primary);
    background: white;
    transition: all .35s;
  }
}

@media only screen and (max-width: 812px) {
  /* line 69, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item {
    color: white;
    overflow: hidden;
  }
  /* line 145, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  /* line 150, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input:checked + .tab-accordion-item__label::after {
    transform: rotate(90deg);
  }
  /* line 154, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__input:checked ~ .tab-accordion-item__content {
    max-height: 100vh;
    padding: 0 1em 1em 1em;
    transition: all 0.2s;
  }
  /* line 161, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    color: black;
    background: white;
    font-weight: bold;
    cursor: pointer;
  }
  /* line 170, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label__title {
    font-size: 1.1em;
    font-weight: 500;
    width: calc(100vw - 3.2em);
  }
  /* line 176, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label__subtitle {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--color-medium-shade);
  }
  /* line 182, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__label::after {
    content: "\79";
    font-family: "icomoon";
    font-size: 1.2rem;
    color: var(--color-primary);
    width: 1em;
    height: 1em;
    margin-top: 0.5rem;
    text-align: center;
    transition: all .2s;
  }
  /* line 195, app/assets/stylesheets/tab-accordion.scss */
  .tab-accordion-item .tab-accordion-item__content {
    display: flex;
    flex-flow: column nowrap;
    max-height: 0;
    padding: 0 1em;
    color: black;
    background: white;
    transition: all .2s;
  }
}

/* line 1, app/assets/stylesheets/tooltip.scss */
.tooltip-container:hover {
  position: relative;
  z-index: 1000;
}

/* line 6, app/assets/stylesheets/tooltip.scss */
.tooltip {
  position: relative;
}

/* line 9, app/assets/stylesheets/tooltip.scss */
.tooltip::after, .tooltip::before {
  z-index: 1000;
  display: none;
  position: absolute;
  background-color: var(--color-dark-shade);
}

/* line 18, app/assets/stylesheets/tooltip.scss */
.tooltip::after {
  content: attr(data-tip);
  color: white;
  border-radius: 10px;
  padding: 0.5em 1em;
  font-size: 1rem;
  line-height: initial;
  text-transform: none;
  min-width: 25vw;
  max-width: 350px;
  font-weight: 500;
}

/* line 31, app/assets/stylesheets/tooltip.scss */
.tooltip::before {
  content: ' ';
  width: 15px;
  height: 15px;
}

/* line 37, app/assets/stylesheets/tooltip.scss */
.tooltip:hover::after,
.tooltip:hover::before {
  display: block;
}

/* line 42, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top::before {
  top: 0;
  left: calc(50% + 2px);
  transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}

/* line 47, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top::after {
  top: 0;
  left: calc(50% + 2px);
  transform: translate(-50%, calc(-100% - 10px));
}

/* line 52, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top.tooltip--start-lg::after {
  transform: translate(-10%, calc(-100% - 10px));
}

/* line 55, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top.tooltip--start-md::after {
  transform: translate(-20%, calc(-100% - 10px));
}

/* line 58, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top.tooltip--start-sm::after {
  transform: translate(-45%, calc(-100% - 10px));
}

/* line 61, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top.tooltip--end-sm::after {
  transform: translate(-65%, calc(-100% - 10px));
}

/* line 64, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top.tooltip--end-md::after {
  transform: translate(-80%, calc(-100% - 10px));
}

/* line 67, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--top.tooltip--end-lg::after {
  transform: translate(-90%, calc(-100% - 10px));
}

/* line 71, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom::before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 5px)) rotate(45deg);
}

/* line 76, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom::after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 10px));
}

/* line 81, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom.tooltip--start-lg::after {
  transform: translate(-10%, calc(100% + 10px));
}

/* line 84, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom.tooltip--start-md::after {
  transform: translate(-20%, calc(100% + 10px));
}

/* line 87, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom.tooltip--start-sm::after {
  transform: translate(-45%, calc(100% + 10px));
}

/* line 90, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom.tooltip--end-sm::after {
  transform: translate(-65%, calc(100% + 10px));
}

/* line 93, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom.tooltip--end-md::after {
  transform: translate(-80%, calc(100% + 10px));
}

/* line 96, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--bottom.tooltip--end-lg::after {
  transform: translate(-90%, calc(100% + 10px));
}

/* line 100, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--right::before {
  top: 50%;
  right: 0;
  transform: translate(calc(100% + 5px), -50%) rotate(45deg);
}

/* line 105, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--right::after {
  top: 0;
  right: 0;
  transform: translateX(calc(100% + 8px));
}

/* line 111, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--left::before {
  top: 50%;
  left: 0;
  transform: translate(calc(-100% - 5px), -50%) rotate(45deg);
}

/* line 116, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--left::after {
  top: 0;
  left: 0;
  transform: translateX(calc(-100% - 8px));
}

/* line 123, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--xxl::after,
.tooltip.tooltip--xl::after,
.tooltip.tooltip--lg::after,
.tooltip.tooltip--md::after,
.tooltip.tooltip--sm::after,
.tooltip.tooltip--xs::after,
.tooltip.tooltip--xxs::after {
  max-width: none;
  min-width: auto;
}

/* line 134, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--xxl::after {
  width: 600px;
}

/* line 138, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--xl::after {
  width: 500px;
}

/* line 142, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--lg::after {
  width: 400px;
}

/* line 146, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--md::after {
  width: 350px;
}

/* line 150, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--sm::after {
  width: 300px;
}

/* line 154, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--xs::after {
  width: 200px;
}

/* line 158, app/assets/stylesheets/tooltip.scss */
.tooltip.tooltip--xxs::after {
  width: 100px;
}

/* line 162, app/assets/stylesheets/tooltip.scss */
.js-tooltip {
  z-index: 1000;
  display: inline-block;
  position: absolute;
  text-align: center;
  background-color: var(--color-dark-shade);
  color: white;
  border-radius: 10px;
  padding: 0.5em 1em;
  font-size: 1rem;
  line-height: initial;
  text-transform: none;
  min-width: 25vw;
  max-width: 350px;
  font-weight: 500;
  white-space: pre-line;
}

/* line 179, app/assets/stylesheets/tooltip.scss */
.js-tooltip.tooltip--sm {
  min-width: 75px;
}

/* line 1, app/assets/stylesheets/pagination.scss */
nav.pagination {
  text-align: center;
  padding: 1em;
}

/* line 1, app/assets/stylesheets/select.scss */
.select {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  color: var(--color-primary);
  text-transform: uppercase;
  background: white;
  font-weight: 600;
  font-size: 0.8rem;
  outline: none;
  cursor: pointer;
}

/* line 12, app/assets/stylesheets/select.scss */
.select.select--arrow {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpolyline%20points='6%209%2012%2015%2018%209'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 2em;
}

/* line 20, app/assets/stylesheets/select.scss */
.select.select--sm {
  border-width: 2px;
  border-radius: 3px;
  transform: scale(0.8);
  max-height: 1.5rem;
}

/* line 28, app/assets/stylesheets/select.scss */
.select--standard-case {
  text-transform: none;
}

/* line 32, app/assets/stylesheets/select.scss */
.header__select {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  color: var(--color-primary);
  background: white;
  font-weight: 600;
  font-size: 1rem;
  outline: none;
  padding: 0.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 32, app/assets/stylesheets/select.scss */
  .header__select {
    width: 100%;
  }
}

/* line 1, app/assets/stylesheets/toggle.scss */
.toggle {
  display: flex;
  align-items: center;
  color: var(--color-primary);
}

/* line 6, app/assets/stylesheets/toggle.scss */
.toggle .toggle__input {
  display: none;
}

/* line 10, app/assets/stylesheets/toggle.scss */
.toggle .toggle__button {
  outline: 0;
  display: block;
  padding: 2px;
  width: 4em;
  height: 2em;
  box-sizing: content-box;
  position: relative;
  cursor: pointer;
  user-select: none;
  background: var(--color-light-shade);
  border-radius: 2em;
  transition: all 0.4s ease;
}

/* line 24, app/assets/stylesheets/toggle.scss */
.toggle .toggle__button::after, .toggle .toggle__button::before {
  content: "";
  position: relative;
  display: block;
  width: 50%;
  height: 100%;
}

/* line 33, app/assets/stylesheets/toggle.scss */
.toggle .toggle__button::after {
  left: 0;
  border-radius: 50%;
  background: var(--color-primary-contrast);
  transition: all 0.2s ease;
}

/* line 40, app/assets/stylesheets/toggle.scss */
.toggle .toggle__button::before {
  display: none;
}

/* line 45, app/assets/stylesheets/toggle.scss */
.toggle .toggle__label-checked,
.toggle .toggle__label-unchecked {
  display: none;
  font-size: 1.3em;
  font-weight: 600;
  text-transform: capitalize;
  margin-left: 0.5em;
  user-select: none;
}

/* line 55, app/assets/stylesheets/toggle.scss */
.toggle .toggle__label-unchecked {
  color: var(--color-medium);
}

/* line 59, app/assets/stylesheets/toggle.scss */
.toggle .toggle__input:checked ~ .toggle__label-checked {
  display: inline;
}

/* line 63, app/assets/stylesheets/toggle.scss */
.toggle .toggle__input:not(:checked) ~ .toggle__label-unchecked {
  display: inline;
}

/* line 67, app/assets/stylesheets/toggle.scss */
.toggle .toggle__input:checked ~ .toggle__button {
  background: var(--color-primary);
}

/* line 70, app/assets/stylesheets/toggle.scss */
.toggle .toggle__input:checked ~ .toggle__button.color--faw-employee, .modal__body--faw-employee .toggle .toggle__input:checked ~ .toggle__button {
  background: var(--color-faw-employee);
}

/* line 75, app/assets/stylesheets/toggle.scss */
.toggle .toggle__input:checked ~ .toggle__button::after {
  left: 50%;
}

/* line 80, app/assets/stylesheets/toggle.scss */
.modal__body--faw-employee .toggle {
  color: var(--color-faw-employee);
}

/* line 84, app/assets/stylesheets/toggle.scss */
.toggle.toggle--center {
  justify-content: center;
}

/* line 89, app/assets/stylesheets/toggle.scss */
.toggle.toggle--small .toggle__button {
  width: 2rem;
  height: 1rem;
}

/* line 94, app/assets/stylesheets/toggle.scss */
.toggle.toggle--small .toggle__label-checked,
.toggle.toggle--small .toggle__label-unchecked {
  display: none;
  font-size: 1rem;
  font-weight: 600;
  text-transform: inital;
  margin-left: 0.25em;
}

/* line 105, app/assets/stylesheets/toggle.scss */
.toggle.toggle--dark .toggle__button {
  background-color: var(--color-dark);
}

/* line 109, app/assets/stylesheets/toggle.scss */
.toggle.toggle--dark .toggle__label-unchecked {
  color: var(--color-dark);
}

/* line 1, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar {
  display: flex;
  flex-direction: row;
  border-bottom: 0.1em solid white;
  margin-bottom: 1em;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/navigation-bar.scss */
  .navigation-bar {
    border-bottom: none;
  }
}

/* line 14, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar .select {
  width: 100%;
}

@media only screen and (max-width: 812px) {
  /* line 14, app/assets/stylesheets/navigation-bar.scss */
  .navigation-bar .select {
    padding: 0.5rem;
  }
}

/* line 22, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar button {
  z-index: 1;
}

/* line 26, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar__options {
  display: flex;
  flex-direction: row;
}

/* line 31, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar__employee-buttons {
  display: flex;
  flex-direction: row;
}

/* line 36, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar__employee-buttons button:first-child {
  margin-right: 0.5rem;
}

/* line 40, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar__entry {
  color: white;
  text-transform: uppercase;
  margin-right: 1em;
  margin-left: 1em;
  font-size: 1.2em;
  padding-bottom: 0.5em;
  position: relative;
  top: 0.2em;
}

/* line 51, app/assets/stylesheets/navigation-bar.scss */
a.navigation-bar__entry:hover {
  color: white;
  font-weight: bold;
  margin-right: 0.9em;
  margin-left: 0.9em;
}

/* line 58, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar__entry--selected {
  border-bottom: 0.3em solid white;
  font-weight: bold;
}

/* line 63, app/assets/stylesheets/navigation-bar.scss */
.navigation-bar__notification {
  position: relative;
  top: 0.4em;
  left: -0.9em;
  font-size: 0.8em;
  font-weight: bold;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  min-height: 0;
  height: 1em;
  min-width: 2em;
}

/* line 1, app/assets/stylesheets/category-segment.scss */
.category-segment {
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 90%;
  text-align: center;
  padding: 1rem 0;
}

/* line 10, app/assets/stylesheets/category-segment.scss */
.category-segment input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  position: absolute;
}

/* line 17, app/assets/stylesheets/category-segment.scss */
.category-segment .category-segment-button {
  flex: 1;
  margin: 0 0.25rem;
  box-sizing: border-box;
  min-width: 0;
}

/* line 23, app/assets/stylesheets/category-segment.scss */
.category-segment .category-segment-button:first-of-type {
  margin-left: 0;
}

/* line 27, app/assets/stylesheets/category-segment.scss */
.category-segment .category-segment-button:last-of-type {
  margin-right: 0;
}

/* line 31, app/assets/stylesheets/category-segment.scss */
.category-segment .category-segment-button label {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  background: white;
  color: black;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  font-size: 0.65rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  line-height: initial;
  box-shadow: 0 0 6px #00000029;
}

/* line 52, app/assets/stylesheets/category-segment.scss */
.category-segment .category-segment-button input:checked + label {
  background: var(--color-primary);
  border-color: var(--color-primary-shade);
  color: white;
}

/* line 1, app/assets/stylesheets/segment.scss */
.segment {
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 90%;
  text-align: center;
}

/* line 10, app/assets/stylesheets/segment.scss */
.segment .segment-button {
  display: block;
  flex: 1;
  border: 1px solid var(--color-primary);
  border-right: none;
  margin: 0;
  background: white;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 20, app/assets/stylesheets/segment.scss */
.segment .segment-button.segment-button--selected {
  background-color: var(--color-primary);
}

/* line 24, app/assets/stylesheets/segment.scss */
.segment .segment-button label {
  font-size: 0.7rem;
  font-weight: 500;
  display: block;
  padding: 0.4em;
  box-sizing: border-box;
  color: var(--color-primary);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

/* line 36, app/assets/stylesheets/segment.scss */
.segment .segment-button .segment__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 576px) {
  /* line 46, app/assets/stylesheets/segment.scss */
  .segment.segment--small label {
    font-size: 2vw;
  }
}

/* line 53, app/assets/stylesheets/segment.scss */
.segment.segment--thin .segment-button label {
  padding: 0.1rem;
}

/* line 58, app/assets/stylesheets/segment.scss */
.segment .segment-button input:checked + label {
  background: var(--color-primary);
  color: #fff;
}

/* line 63, app/assets/stylesheets/segment.scss */
.segment .segment-button:first-child {
  border-radius: 0.4em 0 0 0.4em;
  border-right: 0;
}

/* line 68, app/assets/stylesheets/segment.scss */
.segment .segment-button:last-child {
  border-radius: 0 0.4em 0.4em 0;
  border-right: 1px solid var(--color-primary);
}

/* line 73, app/assets/stylesheets/segment.scss */
.segment input[type="radio"] {
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0;
  position: absolute;
}

/* line 84, app/assets/stylesheets/segment.scss */
.segment.segment--flex {
  min-height: 1.8rem;
}

/* line 87, app/assets/stylesheets/segment.scss */
.segment.segment--flex .segment-button {
  display: flex;
}

/* line 90, app/assets/stylesheets/segment.scss */
.segment.segment--flex .segment-button label {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  line-height: 1.3em;
}

@media only screen and (max-width: 812px) {
  /* line 100, app/assets/stylesheets/segment.scss */
  .segment.segment--invert-color-mobile {
    min-width: 160px;
  }
  /* line 104, app/assets/stylesheets/segment.scss */
  .segment.segment--invert-color-mobile .segment-button {
    border-color: white;
    background: var(--color-primary);
  }
  /* line 108, app/assets/stylesheets/segment.scss */
  .segment.segment--invert-color-mobile .segment-button input + label {
    color: white;
  }
  /* line 112, app/assets/stylesheets/segment.scss */
  .segment.segment--invert-color-mobile .segment-button input:checked + label {
    background: white;
    color: var(--color-primary);
  }
}

/* line 120, app/assets/stylesheets/segment.scss */
.segment.segment--wide .segment-button label {
  width: 90px;
}

/* line 124, app/assets/stylesheets/segment.scss */
.segment.segment--wide-2 .segment-button label {
  width: 120px;
}

/* line 1, app/assets/stylesheets/segmented-control.scss */
.segmented-control {
  --color-selected: var(--color-primary);
  --color-selected-contrast: var(--color-primary-contrast);
  --color-selected-tint: var(--color-primary-tint);
  --color-deselected: white;
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", Helvetica, Arial,  sans-serif;
}

/* line 12, app/assets/stylesheets/segmented-control.scss */
.segmented-control.segmented-control--invert-color {
  --color-selected: white;
  --color-selected-contrast: var(--color-primary);
  --color-selected-tint: var(--color-light);
  --color-deselected:var(--color-primary);
}

@media only screen and (max-width: 812px) {
  /* line 19, app/assets/stylesheets/segmented-control.scss */
  .segmented-control.segmented-control--invert-color-mobile {
    --color-selected: white;
    --color-selected-contrast: var(--color-primary);
    --color-selected-tint: var(--color-light);
    --color-deselected:var(--color-primary);
  }
}

/* line 28, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button {
  padding: 0.5rem 1rem;
  background-color: var(--color-deselected);
  color: var(--color-selected);
  border: 1px solid var(--color-selected);
  border-right: 0;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  flex: 1;
}

/* line 42, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button:focus {
  border-color: var(--color-selected);
}

/* line 46, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button:hover {
  background: var(--color-selected-tint);
  color: var(--color-selected-contrast);
}

/* line 51, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button:active {
  background: var(--color-selected-tint);
  color: var(--color-selected-contrast);
}

/* line 56, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button:first-child {
  border-radius: 0.4rem 0 0 0.4rem;
}

/* line 60, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
  border-right: 1px solid var(--color-selected);
}

/* line 65, app/assets/stylesheets/segmented-control.scss */
.segmented-control .segmented-control__button.segmented-control__button--selected {
  background-color: var(--color-selected);
  color: var(--color-selected-contrast);
}

/* line 72, app/assets/stylesheets/segmented-control.scss */
[data-segmented-control-view] {
  display: none;
}

/* line 75, app/assets/stylesheets/segmented-control.scss */
.segmented-control-view--show[data-segmented-control-view] {
  display: initial;
}

/* line 1, app/assets/stylesheets/toolbar.scss */
.toolbar {
  padding: 0 1rem 1rem 1rem;
  height: 44px;
  box-sizing: border-box;
  background-color: white;
}

/* line 1, app/assets/stylesheets/logo-upload.scss */
.logo-upload {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  background-color: var(--color-light-shade);
  min-height: 140px;
  width: 140px;
  border-radius: 4px;
  padding: 0.75rem 0.75rem 0 0.75rem;
  box-sizing: border-box;
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/logo-upload.scss */
.logo-upload.logo-upload--disabled {
  cursor: initial;
}

/* line 20, app/assets/stylesheets/logo-upload.scss */
.logo-upload .logo-upload__text {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: initial;
}

/* line 26, app/assets/stylesheets/logo-upload.scss */
.logo-upload .logo-upload__icon {
  font-size: 4rem;
}

/* line 1, app/assets/stylesheets/collapsible.scss */
.collapsible {
  border-top: 1px solid #1d1d1d;
}

/* line 4, app/assets/stylesheets/collapsible.scss */
.collapsible.collapsible--no-border {
  border: none;
}

/* line 8, app/assets/stylesheets/collapsible.scss */
.collapsible input[type='checkbox']:not(.checkbox__visible) {
  display: none;
}

/* line 13, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__toggle:checked + .collapsible__header .collapsible__icon--on {
  display: initial;
}

/* line 17, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__toggle:checked + .collapsible__header .collapsible__icon--off {
  display: none;
}

/* line 23, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__toggle:not(:checked) + .collapsible__header .collapsible__icon--on {
  display: none;
}

/* line 27, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__toggle:not(:checked) + .collapsible__header .collapsible__icon--off {
  display: initial;
}

/* line 32, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__toggle:checked + .collapsible__header + .collapsible__content {
  max-height: 100%;
}

/* line 36, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__toggle:checked + .collapsible__header {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 41, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

/* line 51, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__header.collapsible__header--no-padding {
  padding: 1rem 0;
}

/* line 54, app/assets/stylesheets/collapsible.scss */
.collapsible:first-of-type .collapsible .collapsible__header.collapsible__header--no-padding {
  padding-top: 0;
}

/* line 60, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

/* line 65, app/assets/stylesheets/collapsible.scss */
.collapsible .collapsible__content .content-inner {
  background: white;
  padding: 0 1rem 1rem 1rem;
}

/* line 73, app/assets/stylesheets/collapsible.scss */
.collapsible.collapsible.collapsible.disabled .collapsible__toggle + .collapsible__header .collapsible__icon--on {
  display: none;
}

/* line 77, app/assets/stylesheets/collapsible.scss */
.collapsible.collapsible.collapsible.disabled .collapsible__toggle + .collapsible__header .collapsible__icon--off {
  display: initial;
}

/* line 82, app/assets/stylesheets/collapsible.scss */
.collapsible.collapsible.collapsible.disabled .collapsible__content {
  max-height: 0;
}

/* line 1, app/assets/stylesheets/view-scanner.scss */
[data-view-scanner-item] {
  display: none;
}

/* line 4, app/assets/stylesheets/view-scanner.scss */
.show-view-scanner-item[data-view-scanner-item] {
  display: inherit;
}

/* line 1, app/assets/stylesheets/challenge-card.css */
.challenge-card-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}

/* line 5, app/assets/stylesheets/challenge-card.css */
.challenge-card {
  display: flex;
  flex-direction: column;
  flex-basis: 24.6rem;
  margin: 1rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
}

/* line 13, app/assets/stylesheets/challenge-card.css */
.challenge-follower-count {
  font-size: 0.8rem;
}

/* line 17, app/assets/stylesheets/challenge-card.css */
.challenge__featured {
  box-shadow: var(--color-primary) 0 4px 16px;
}

/* line 21, app/assets/stylesheets/challenge-card.css */
.challenge-card__vid_processing {
  height: 15rem;
  text-align: center;
  color: white;
  padding: 0 1rem;
  background: var(--color-dark-tint);
}

/* .challenge-card__vid_processing h3 {
  margin: 5rem 0 0 0;
} */
/* line 32, app/assets/stylesheets/challenge-card.css */
.challenge-card__image {
  height: 15rem;
  width: 345px;
  object-fit: cover;
}

/* line 38, app/assets/stylesheets/challenge-card.css */
.challenge-card__date {
  font-size: 0.8rem;
  color: var(--color-medium-shade);
}

/* line 43, app/assets/stylesheets/challenge-card.css */
.challenge-card__number-bubble {
  border-radius: 50%;
  background: var(--color-faw-employee-shade);
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-faw-employee-contrast);
  font-weight: bold;
}

/* line 58, app/assets/stylesheets/challenge-card.css */
.challenge-card__info {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}

/* line 66, app/assets/stylesheets/challenge-card.css */
.challenge-card__title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/* line 72, app/assets/stylesheets/challenge-card.css */
.challenge-card__title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 79, app/assets/stylesheets/challenge-card.css */
.challenge-card__completions-container, .challenge-card__comments-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 85, app/assets/stylesheets/challenge-card.css */
.challenge-card__comments-container {
  margin-left: 1rem;
}

/* line 86, app/assets/stylesheets/challenge-card.css */
.challenge-card__completions-container span, .challenge-card__comments-container span {
  color: var(--color-dark);
}

/* line 90, app/assets/stylesheets/challenge-card.css */
.challenge-card__completions, .challenge-card__comments {
  align-self: center;
  font-size: 3rem;
  color: var(--color-primary);
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 98, app/assets/stylesheets/challenge-card.css */
.challenge-card__button {
  align-self: center;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  border-radius: 0.25rem;
}

/* line 109, app/assets/stylesheets/challenge-card.css */
.challenge-card__button:hover {
  background-color: var(--color-primary-tint);
  color: var(--color-primary-contrast);
}

/* line 113, app/assets/stylesheets/challenge-card.css */
.challenge-card__button-bar {
  display: flex;
}

/* line 116, app/assets/stylesheets/challenge-card.css */
.challenge-card__button-bar .challenge-card__button {
  padding-left: initial;
  padding-right: initial;
  flex: 1;
  text-align: center;
}

/* line 123, app/assets/stylesheets/challenge-card.css */
.public-url-link {
  margin-top: 1rem;
}

/* line 125, app/assets/stylesheets/challenge-card.css */
.header__text {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* line 130, app/assets/stylesheets/challenge-card.css */
.header__text .icon.icon-chevron-right {
  display: inline-block;
  margin: 0 1rem;
}

/* line 134, app/assets/stylesheets/challenge-card.css */
.header__text.header__text--small-gap .icon.icon-chevron-right {
  margin: 0 0.5rem;
}

/* line 137, app/assets/stylesheets/challenge-card.css */
.header__text .toggle-switch {
  margin-left: 2rem;
}

/* line 141, app/assets/stylesheets/challenge-card.css */
#challenge-modal input:disabled {
  color: -internal-light-dark(graytext, #aaaaaa);
  opacity: 0.7;
  border-color: var(--color-dark);
}

/* line 1, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background: rgba(0, 0, 0, 0.8);
}

/* line 8, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox.hide {
  display: none;
}

/* line 12, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox .icon-close-round {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 2rem;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox .photo-lightbox-button {
  padding: 1rem 1rem 0.5rem 1rem;
  border: 1px solid white;
  background: none;
  color: white;
  font-size: 2rem;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox .photo-lightbox-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 36, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox .photo-lightbox-main__counter {
  align-self: flex-end;
  border: 1px solid white;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.3rem;
  position: relative;
  top: 2.5rem;
  right: 0.5rem;
  border-radius: 0.25rem;
}

/* line 47, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox .lightbox-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 80vh;
  width: 60vw;
}

/* line 54, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox .lightbox-image-container img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  max-height: 100vh;
}

/* line 60, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox-description {
  margin-top: 0.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 65, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
  #photo-lightbox .photo-lightbox-main__counter,
#photo-lightbox .photo-lightbox-button {
    display: none;
  }
  /* line 69, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
  #photo-lightbox .photo-lightbox-main {
    flex-grow: 1;
  }
  /* line 72, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
  #photo-lightbox .lightbox-image-container {
    max-height: 70vh;
    width: 100vw;
  }
  /* line 76, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
  #photo-lightbox-image {
    object-fit: contain;
  }
  /* line 79, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
  #photo-lightbox-description,
#photo-lightbox-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0.5rem;
    padding-left: 1rem;
  }
}

/* line 90, app/assets/stylesheets/topshops/image-carosel-overlay.scss */
#photo-lightbox.photo-lightbox--only .photo-lightbox-button,
#photo-lightbox.photo-lightbox--only .photo-lightbox-main__counter {
  display: none;
}

/* line 1, app/assets/stylesheets/mobile-grid.scss */
.mobile-grid.mobile-grid.mobile-grid {
  display: grid;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/mobile-grid.scss */
  .mobile-grid.mobile-grid.mobile-grid {
    grid-template-columns: auto;
  }
  /* line 8, app/assets/stylesheets/mobile-grid.scss */
  .mobile-grid.mobile-grid.mobile-grid.mobile-grid--list .mobile-grid__details {
    display: none;
  }
  /* line 14, app/assets/stylesheets/mobile-grid.scss */
  .mobile-grid.mobile-grid.mobile-grid.mobile-grid--details .mobile-grid__list {
    display: none;
  }
  /* line 19, app/assets/stylesheets/mobile-grid.scss */
  .mobile-grid.mobile-grid.mobile-grid .mobile-grid__list {
    border-right: none;
    max-width: 100vw;
  }
  /* line 24, app/assets/stylesheets/mobile-grid.scss */
  .mobile-grid.mobile-grid.mobile-grid .mobile-grid__details {
    border-left: none;
    max-width: 100vw;
  }
}

/* line 32, app/assets/stylesheets/mobile-grid.scss */
.mobile-grid.mobile-grid.mobile-grid .mobile-grid__list.mobile-grid--hide,
.mobile-grid.mobile-grid.mobile-grid .mobile-grid__details.mobile-grid--hide {
  display: none;
}

/* line 1, app/assets/stylesheets/report-filter.scss */
.report-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 7, app/assets/stylesheets/report-filter.scss */
.report-filter label {
  display: flex;
  flex-direction: column;
}

/* line 12, app/assets/stylesheets/report-filter.scss */
.report-filter .report-filter__state-options {
  display: flex;
  flex-direction: row;
}

@media only screen and (max-width: 812px) {
  /* line 12, app/assets/stylesheets/report-filter.scss */
  .report-filter .report-filter__state-options {
    flex-direction: column;
  }
}

/* line 1, app/assets/stylesheets/file-download.scss */
.file-download {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-dark);
  border-radius: 3px;
  background-color: var(--color-light);
  font-size: 0.8rem;
}

/* line 12, app/assets/stylesheets/file-download.scss */
.file-download:hover {
  background-color: rgba(var(--color-light-rgb), 0.7);
}

/* line 1, app/assets/stylesheets/school-card.scss */
.school-card {
  display: grid;
  grid-template-columns: 200px auto;
  position: relative;
  margin: 0.75rem;
  padding: 2rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
  border-radius: 5px;
  background: white;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/school-card.scss */
  .school-card {
    grid-template-columns: auto;
  }
}

/* line 15, app/assets/stylesheets/school-card.scss */
.school-card .school-card__ident {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  text-align: center;
  line-height: 1.2em;
}

@media only screen and (min-width: 813px) {
  /* line 15, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__ident {
    margin-right: 1.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 26, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__ident .school-card__ident__avatar {
    margin: 2rem 0 1rem 0;
  }
}

/* line 31, app/assets/stylesheets/school-card.scss */
.school-card .school-card__ident .school-card__ident__avatar img {
  width: 100%;
}

/* line 36, app/assets/stylesheets/school-card.scss */
.school-card .school-card__ident .school-card__ident__proj_count {
  display: block;
  color: var(--color-primary);
  font-weight: 600;
  margin-top: 10px;
  font-size: 0.9rem;
}

/* line 45, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content {
  display: flex;
  flex-flow: row nowrap;
}

/* line 49, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body {
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 100%;
}

@media only screen and (max-width: 812px) {
  /* line 49, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__content .school-card__body {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 58, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__content .school-card__body .school-card__main-header {
    margin-right: 25px;
  }
}

/* line 64, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__main-text {
  font-size: 1rem;
  margin: 0.50rem 0 1rem 0;
  padding: 0;
  height: 100%;
  word-break: break-word;
}

@media only screen and (min-width: 813px) {
  /* line 64, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__content .school-card__body .school-card__main-text {
    margin-right: 60px;
  }
}

/* line 76, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__favorite {
  position: absolute;
  top: 0;
  right: 0;
  margin: 2rem;
}

/* line 82, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__favorite .checkbox {
  font-size: 1.5rem;
}

/* line 85, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__favorite .checkbox .checkbox__blank {
  color: var(--color-dark);
}

/* line 89, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__favorite .checkbox .checkbox__checked {
  color: var(--color-danger);
}

/* line 95, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__interact {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}

@media only screen and (max-width: 812px) {
  /* line 95, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__content .school-card__body .school-card__interact {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 105, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__content .school-card__body .school-card__interact .button {
    margin-top: 2rem;
  }
}

/* line 110, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__interact .school-card__images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: 0.5rem;
  width: 100%;
  margin-right: 1rem;
}

/* line 117, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__interact .school-card__images img {
  object-fit: cover;
  width: 40px;
  height: 40px;
}

/* line 125, app/assets/stylesheets/school-card.scss */
.school-card .school-card__content .school-card__body .school-card__interact .school-card__message .button {
  padding: 0.5rem 0.75rem;
}

@media only screen and (max-width: 812px) {
  /* line 125, app/assets/stylesheets/school-card.scss */
  .school-card .school-card__content .school-card__body .school-card__interact .school-card__message .button {
    padding: 0.5rem 1.5rem;
  }
}

/* line 1, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-search {
  margin-right: 0.5em;
}

/* line 4, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card {
  display: grid;
  grid-template-columns: 150px auto;
  position: relative;
  margin: 0.75rem;
  padding: 2rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
  border-radius: 5px;
  background: white;
}

@media only screen and (max-width: 812px) {
  /* line 4, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card {
    grid-template-columns: auto;
  }
}

/* line 18, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .see-more-text__section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

/* line 25, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 32, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .see-more-link {
  color: var(--color-secondary);
  cursor: pointer;
  margin: 0 0.5em 0 0;
  width: 200px;
}

/* line 39, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__ident {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  line-height: 1.2em;
}

@media only screen and (min-width: 813px) {
  /* line 39, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__ident {
    margin-right: 1.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 50, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__ident .school-top-shop-card__ident__avatar {
    margin: 2rem 0 1rem 0;
  }
}

/* line 55, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__ident .school-top-shop-card__ident__avatar img {
  width: 100%;
}

/* line 60, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__ident .school-top-shop-card__ident__name {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

/* line 65, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__ident .school-top-shop-card__ident__address {
  font-style: oblique;
}

/* line 70, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content {
  display: flex;
  flex-flow: row nowrap;
}

/* line 74, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body {
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 100%;
}

@media only screen and (max-width: 812px) {
  /* line 74, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body {
    margin-top: 1rem;
  }
}

/* line 83, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__main-header {
  font-size: 1.1rem;
  font-weight: bold;
}

@media only screen and (min-width: 813px) {
  /* line 83, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__main-header {
    margin-right: 25px;
  }
}

/* line 92, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__main-text {
  font-size: 1rem;
  margin: 0.25rem 0 1rem 0;
  white-space: pre-line;
  height: 100%;
}

@media only screen and (min-width: 813px) {
  /* line 92, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__main-text {
    margin-right: 60px;
  }
}

/* line 103, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__favorite {
  position: absolute;
  top: 0;
  right: 0;
  margin: 2rem;
}

/* line 109, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__favorite .checkbox {
  font-size: 1.5rem;
}

/* line 112, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__favorite .checkbox .checkbox__blank {
  color: var(--color-dark);
}

/* line 116, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__favorite .checkbox .checkbox__checked {
  color: var(--color-danger);
}

/* line 122, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}

@media only screen and (max-width: 812px) {
  /* line 122, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 132, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact .button {
    margin-top: 2rem;
  }
}

/* line 137, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact .school-top-shop-card__images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: 0.5rem;
  width: 100%;
  margin-right: 1rem;
}

/* line 144, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact .school-top-shop-card__images img {
  object-fit: cover;
  width: 40px;
  height: 40px;
}

/* line 151, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact .school-top-shop-card__message {
  text-align: center;
}

/* line 153, app/assets/stylesheets/school-top-shop-card.scss */
.school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact .school-top-shop-card__message .button {
  text-align: center;
  padding: 0.5rem 0.75rem;
}

@media only screen and (max-width: 812px) {
  /* line 153, app/assets/stylesheets/school-top-shop-card.scss */
  .school-top-shop-card .school-top-shop-card__content .school-top-shop-card__body .school-top-shop-card__interact .school-top-shop-card__message .button {
    padding: 0.5rem 1.5rem;
  }
}

/* line 167, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area {
  padding: 1rem 1rem;
  margin: 2rem 1rem 0;
}

/* line 172, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form_header div {
  font-size: 1.1rem;
}

/* line 175, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form_header div span {
  font-weight: 600;
}

/* line 183, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form .school_assist_project_categories_form_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

/* line 188, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form .school_assist_project_categories_form_grid .school_assist_project_categories_form_checkbox {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

/* line 192, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form .school_assist_project_categories_form_grid .school_assist_project_categories_form_checkbox input[type=checkbox] {
  margin: 0;
  vertical-align: middle;
  font-size: 1.2rem;
}

/* line 199, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form .school_assist_project_categories_form_grid label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

/* line 205, app/assets/stylesheets/school-top-shop-card.scss */
.school_assist_project_categories_area .school_assist_project_categories_form .school_assist_project_categories_form_grid .form__textarea {
  min-height: 100px;
}

@media only screen and (max-width: 812px) {
  /* line 183, app/assets/stylesheets/school-top-shop-card.scss */
  .school_assist_project_categories_area .school_assist_project_categories_form .school_assist_project_categories_form_grid {
    grid-template-columns: 1fr;
  }
}

/* line 1, app/assets/stylesheets/social-share.scss */
.social-share {
  margin: 1rem 1rem 0 1rem;
}

/* line 4, app/assets/stylesheets/social-share.scss */
.social-share.social-share--bare {
  margin: 1rem 0;
}

/* line 7, app/assets/stylesheets/social-share.scss */
.social-share.social-share--bare .social-share__bar {
  justify-content: flex-start;
}

/* line 12, app/assets/stylesheets/social-share.scss */
.social-share .social-share__title {
  text-align: center;
  font-weight: 500;
  font-size: 0.9rem;
}

/* line 18, app/assets/stylesheets/social-share.scss */
.social-share .social-share__subtitle {
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.2em;
  margin: 0.25rem 0 0.5rem 0;
}

/* line 25, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar {
  display: flex;
  justify-content: center;
}

/* line 29, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar a,
.social-share .social-share__bar .social-link {
  margin: 0 0.25rem;
}

/* line 34, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar .icon-link,
.social-share .social-share__bar .icon-twitter-square,
.social-share .social-share__bar .icon-facebook-square,
.social-share .social-share__bar .icon-linkedin-square {
  font-size: 2rem;
}

/* line 41, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar .social-link {
  margin-top: 2px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}

/* line 47, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar .social-link .icon-link {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  padding: 0.3rem 0.25rem 0.25rem 0.25rem;
  font-size: 1.21rem;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 59, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar .icon-twitter-square {
  color: black;
}

/* line 62, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar .icon-facebook-square {
  color: #1877f2;
}

/* line 65, app/assets/stylesheets/social-share.scss */
.social-share .social-share__bar .icon-linkedin-square {
  color: #0a66c2;
}

/* line 71, app/assets/stylesheets/social-share.scss */
.social-share.social-share--white .icon-link,
.social-share.social-share--white .icon-twitter-square,
.social-share.social-share--white .icon-facebook-square,
.social-share.social-share--white .icon-linkedin-square {
  color: white;
}

/* line 79, app/assets/stylesheets/social-share.scss */
.social-share .icon-square.icon-square {
  cursor: pointer;
  margin-top: 2.245px;
  margin-bottom: 2.245px;
  height: 24.01px;
  width: 24.01px;
  font-size: 1.29rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 90, app/assets/stylesheets/social-share.scss */
.social-share .icon-square.icon-square i {
  border-radius: 5px;
  background: white;
  color: black;
  padding: 3.9px;
}

/* line 1, app/assets/stylesheets/chip.scss */
.chip {
  color: var(--color-primary-contrast);
  background-color: var(--color-primary);
  padding: 0.5em 1em;
  border-radius: 1em;
}

/* line 7, app/assets/stylesheets/chip.scss */
.chip.chip--inline-block {
  display: inline-block;
}

/* line 11, app/assets/stylesheets/chip.scss */
.chip.chip--outline {
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

/* line 17, app/assets/stylesheets/chip.scss */
.chip.chip--rounded-corners {
  border-radius: 5px;
}

/* line 21, app/assets/stylesheets/chip.scss */
.chip.chip--compact {
  padding: 0 0.5rem;
  font-size: 0.75rem;
}

/* line 26, app/assets/stylesheets/chip.scss */
.chip.chip--gray {
  --color-primary: gray;
}

/* Priority 2 - view specific */
@media only screen and (max-width: 812px) {
  /* line 2, app/assets/stylesheets/recruiting.scss */
  .recruiting__title-cell {
    background: white;
  }
  /* line 6, app/assets/stylesheets/recruiting.scss */
  .recruiting__title-cell .text--one-line {
    white-space: initial;
  }
}

@media only screen and (min-width: 813px) {
  /* line 2, app/assets/stylesheets/recruiting.scss */
  .recruiting__title-cell {
    background: rgba(255, 255, 255, 0.9);
  }
  /* line 14, app/assets/stylesheets/recruiting.scss */
  .recruiting__title-cell .header__text {
    width: 0;
  }
}

/* line 1, app/assets/stylesheets/users.scss */
.auth-container {
  color: white;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

/* line 9, app/assets/stylesheets/users.scss */
.auth-container__bg-image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: var(--color-background);
  background-image: url(/assets/portal-bg-image-6f520e35f1ae7c80787fd247ce9cd933cad0441b66295ad494e083b7a5643c98.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(4px);
  -webkit-filter: blur(4px);
}

/* line 25, app/assets/stylesheets/users.scss */
.auth-container__content {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  background: var(--color-base);
  color: var(--color-base-contrast);
  z-index: 1;
  box-sizing: border-box;
  width: 35em;
  max-width: 100vw;
  max-height: 100vh;
  border-radius: 5px;
  box-shadow: 0 0 5px var(--color-background);
}

@media only screen and (max-width: 812px) {
  /* line 25, app/assets/stylesheets/users.scss */
  .auth-container__content {
    width: 100vw;
    height: 100vh;
    justify-content: center;
  }
}

/* line 47, app/assets/stylesheets/users.scss */
.auth-container .auth-container__header {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #1e357b;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  padding-left: 2rem;
  padding-right: 2rem;
  z-index: 10;
  box-sizing: border-box;
}

@media only screen and (max-width: 812px) {
  /* line 47, app/assets/stylesheets/users.scss */
  .auth-container .auth-container__header {
    flex-direction: row;
  }
}

/* line 67, app/assets/stylesheets/users.scss */
.auth-container .auth-container__header img {
  height: 1.75rem;
  width: auto;
}

/* line 72, app/assets/stylesheets/users.scss */
.auth-container .auth-container__header .header__extras {
  min-width: 0;
}

/* line 75, app/assets/stylesheets/users.scss */
.auth-container .auth-container__header .header__extras .button.button--outline.button--invert-hover {
  padding: 0.6rem 1.1rem;
  font-weight: 600;
  border: transparent;
}

/* line 84, app/assets/stylesheets/users.scss */
.auth-content-logo {
  width: 180px;
  margin-top: 4em;
  margin-bottom: 2.5em;
}

/* line 90, app/assets/stylesheets/users.scss */
.auth-content-header {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5em;
}

/* line 97, app/assets/stylesheets/users.scss */
.auth-content-body {
  box-sizing: border-box;
  width: 100%;
  padding: 2em 3em;
  margin-bottom: 51px;
}

/* line 103, app/assets/stylesheets/users.scss */
.auth-content-body__static-label {
  font-size: 1.2em;
  margin-bottom: 2em;
}

/* line 107, app/assets/stylesheets/users.scss */
.auth-content-body__static-label span:first-of-type {
  color: var(--color-medium-shade);
}

/* line 112, app/assets/stylesheets/users.scss */
.auth-content-body__success {
  color: var(--color-primary);
  text-align: center;
  margin-top: 3em;
}

/* line 117, app/assets/stylesheets/users.scss */
.auth-content-body__success p {
  font-size: 1.2em;
}

/* line 122, app/assets/stylesheets/users.scss */
.auth-content-body__danger {
  color: var(--color-danger);
  text-align: center;
  margin-top: 3em;
}

/* line 127, app/assets/stylesheets/users.scss */
.auth-content-body__danger p {
  font-size: 1.2em;
}

/* line 132, app/assets/stylesheets/users.scss */
.auth-content-body .form__submit input {
  min-width: 180px;
}

/* line 137, app/assets/stylesheets/users.scss */
.auth-content-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-light);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: 500;
}

/* line 151, app/assets/stylesheets/users.scss */
.auth-content-footer .form__link {
  font-size: 1rem;
  text-decoration: underline;
}

/* line 157, app/assets/stylesheets/users.scss */
.auth-container__forgot-password {
  color: var(--color-primary);
  text-decoration: underline;
  display: flex;
  justify-content: flex-end;
}

/* line 164, app/assets/stylesheets/users.scss */
.auth-splitter {
  padding: 4rem 3rem;
}

/* line 167, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

/* line 174, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__logo .logo__top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 180, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__logo .logo__top img {
  width: 4rem;
  object-fit: contain;
}

/* line 185, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__logo .logo__top span {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: bold;
}

/* line 194, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__message {
  font-size: 1.2rem;
  font-weight: 600;
  color: black;
  margin-bottom: 2rem;
}

/* line 201, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__button-bar {
  display: flex;
  justify-content: space-evenly;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

/* line 207, app/assets/stylesheets/users.scss */
.auth-splitter .auth-splitter__button-bar .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
}

/* line 216, app/assets/stylesheets/users.scss */
.auth-container.auth-container--public-signup {
  display: initial;
}

/* line 220, app/assets/stylesheets/users.scss */
.public-signup-splitter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* line 227, app/assets/stylesheets/users.scss */
.public-signup {
  max-width: 80rem;
  color: black;
  line-height: initial;
  display: grid;
  grid-template-columns: 600px auto;
  padding-top: 4rem;
  margin: 0 auto;
  min-width: 100vw;
  min-height: 100vh;
  box-sizing: border-box;
}

@media only screen and (min-width: 1500px) {
  /* line 227, app/assets/stylesheets/users.scss */
  .public-signup {
    grid-template-columns: 800px auto;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  /* line 227, app/assets/stylesheets/users.scss */
  .public-signup {
    grid-template-columns: 500px auto;
  }
}

@media only screen and (max-width: 992px) {
  /* line 227, app/assets/stylesheets/users.scss */
  .public-signup {
    grid-template-columns: 400px auto;
  }
}

@media only screen and (max-width: 812px) {
  /* line 227, app/assets/stylesheets/users.scss */
  .public-signup {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* line 256, app/assets/stylesheets/users.scss */
.public-signup .public-signup__header-text {
  font-size: 1.5rem !important;
  color: #3a5199;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 263, app/assets/stylesheets/users.scss */
.public-signup .auth-container__content {
  max-height: initial;
}

/* line 267, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info {
  background-color: #f9fafb;
  padding: 4rem;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  box-sizing: border-box;
}

@media only screen and (max-width: 812px) {
  /* line 267, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__info {
    padding: 1.5rem;
  }
}

/* line 280, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__header {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 2.5rem;
}

@media only screen and (max-width: 576px) {
  /* line 280, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__info .public-signup__header {
    font-size: 2rem;
  }
}

/* line 291, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__sub-header {
  font-size: 0.9rem;
  font-weight: 600;
}

/* line 295, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__sub-header a {
  text-decoration: underline;
  font-weight: 600;
}

@media only screen and (max-width: 812px) {
  /* line 291, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__info .public-signup__sub-header {
    font-size: 1rem;
  }
}

/* line 305, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section {
  margin-top: 3rem;
}

/* line 308, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section > h3 {
  font-weight: 600;
  font-size: 1.3rem;
}

/* line 312, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section > h3 > span {
  font-weight: normal;
}

/* line 315, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section > h3 > span > span {
  font-style: italic;
}

/* line 321, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section > p, .public-signup .public-signup__info .public-signup__primary-section > ul {
  font-size: 1.1rem;
}

/* line 325, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section > p li, .public-signup .public-signup__info .public-signup__primary-section > ul li {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 321, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__info .public-signup__primary-section > p, .public-signup .public-signup__info .public-signup__primary-section > ul {
    padding-inline-start: 25px;
  }
}

/* line 335, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__primary-section--indent {
  margin-left: 2rem;
}

/* line 339, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__secondary-section {
  color: var(--color-dark);
  margin-top: 2rem;
}

/* line 343, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__secondary-section > h3 {
  font-weight: 600;
  font-size: 1.3rem;
}

/* line 348, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__secondary-section > ul {
  font-size: 1.1rem;
}

/* line 351, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__secondary-section > ul li {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 348, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__info .public-signup__secondary-section > ul {
    padding-inline-start: 25px;
  }
}

/* line 361, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__learn-more {
  margin-top: 3rem;
  font-size: 1.3rem;
}

/* line 365, app/assets/stylesheets/users.scss */
.public-signup .public-signup__info .public-signup__learn-more a {
  text-decoration: underline;
  font-weight: bold;
}

@media only screen and (max-width: 812px) {
  /* line 361, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__info .public-signup__learn-more {
    font-size: 1.2rem;
  }
}

/* line 376, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form {
  padding: 2rem;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  box-sizing: border-box;
}

@media only screen and (min-width: 813px) {
  /* line 376, app/assets/stylesheets/users.scss */
  .public-signup .tech-account-activation__form {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

/* line 389, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .public-signup__login {
  align-self: flex-end;
  font-size: 0.9rem;
  font-weight: 600;
}

/* line 394, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .public-signup__login a {
  font-size: 0.9rem;
  text-decoration: underline;
  font-weight: 600;
}

/* line 401, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .public-signup__form-header {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

/* line 408, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form {
  width: 100%;
  max-width: 500px;
}

/* line 412, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .school-connect-signup__steps {
  display: flex;
  justify-content: space-between;
  color: var(--color-primary);
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
}

/* line 419, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .school-connect-signup__steps span {
  cursor: pointer;
}

/* line 423, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .school-connect-signup__steps .back-step {
  font-weight: 500;
}

/* line 428, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__field {
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  line-height: 1.25rem;
}

/* line 434, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__field .form__input {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-color: #d1d5db;
  padding: 0.65rem 0.85rem;
  border: 1px solid #d1d5db;
  border-radius: 3px;
}

/* line 442, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__field input,
.public-signup .tech-account-activation__form .form .form__field select {
  border: none;
  padding: 0;
  outline: none;
  box-shadow: none;
}

/* line 450, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__field select {
  margin-right: 1rem;
}

/* line 453, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__field select option[value=""] {
  color: var(--color-dark);
}

/* line 459, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__field--error .form__input,
.public-signup .tech-account-activation__form .form .form__field--error .form__textarea {
  border-color: var(--color-danger);
}

/* line 464, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form .form__submit {
  margin: 3rem 0 4rem 0;
}

/* line 469, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form__row {
  margin-bottom: 1.5rem;
}

/* line 472, app/assets/stylesheets/users.scss */
.public-signup .tech-account-activation__form .form__row .form__field {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  /* line 469, app/assets/stylesheets/users.scss */
  .public-signup .tech-account-activation__form .form__row {
    display: block;
  }
  /* line 479, app/assets/stylesheets/users.scss */
  .public-signup .tech-account-activation__form .form__row .form__field {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}

/* line 489, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form {
  padding: 2rem;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  box-sizing: border-box;
}

@media only screen and (min-width: 813px) {
  /* line 489, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__form {
    padding: 4rem;
  }
}

/* line 501, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .public-signup__login {
  align-self: flex-end;
  font-size: 0.9rem;
  font-weight: 600;
}

/* line 506, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .public-signup__login a {
  font-size: 0.9rem;
  text-decoration: underline;
  font-weight: 600;
}

/* line 513, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .public-signup__form-header {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

/* line 520, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form {
  width: 100%;
  max-width: 500px;
}

/* line 524, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .school-connect-signup__steps {
  display: flex;
  justify-content: space-between;
  color: var(--color-primary);
  margin-bottom: 1.5rem;
  font-size: 0.9rem;
}

/* line 531, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .school-connect-signup__steps span {
  cursor: pointer;
}

/* line 535, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .school-connect-signup__steps .back-step {
  font-weight: 500;
}

/* line 540, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .form__field {
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  line-height: 1.25rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-color: #d1d5db;
  padding: 0.65rem 0.85rem;
  border: 1px solid #d1d5db;
  border-radius: 3px;
}

/* line 550, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .form__field input,
.public-signup .public-signup__form .form .form__field select {
  border: none;
  padding: 0;
  outline: none;
  box-shadow: none;
}

/* line 558, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .form__field select {
  margin-right: 1rem;
}

/* line 561, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .form__field select option[value=""] {
  color: var(--color-dark);
}

/* line 567, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form .form__submit {
  margin: 3rem 0 4rem 0;
}

/* line 572, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form__row {
  margin-bottom: 1.5rem;
}

/* line 575, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .form__row .form__field {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  /* line 572, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__form .form__row {
    display: block;
  }
  /* line 582, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__form .form__row .form__field {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}

/* line 590, app/assets/stylesheets/users.scss */
.public-signup .public-signup__form .public-signup__disclaimer {
  max-width: 400px;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 812px) {
  /* line 590, app/assets/stylesheets/users.scss */
  .public-signup .public-signup__form .public-signup__disclaimer {
    width: initial;
  }
}

/* line 1, app/assets/stylesheets/modal-applicant-notes.scss */
.modal-applicant-notes {
  border-top: 10px solid var(--color-light-shade);
}

/* line 4, app/assets/stylesheets/modal-applicant-notes.scss */
.modal-applicant-notes__form {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}

/* line 11, app/assets/stylesheets/modal-applicant-notes.scss */
.modal-applicant-notes__title {
  flex: 0 1 auto;
}

/* line 15, app/assets/stylesheets/modal-applicant-notes.scss */
.modal-applicant-notes__body {
  flex: 1 1 auto;
}

/* line 18, app/assets/stylesheets/modal-applicant-notes.scss */
.modal-applicant-notes__body .field_with_errors {
  height: 100%;
}

/* line 22, app/assets/stylesheets/modal-applicant-notes.scss */
.modal-applicant-notes__body .form__textarea {
  height: 100%;
}

/* line 1, app/assets/stylesheets/modal-jobs.scss */
.modal-job-description__header {
  display: flex;
  flex-flow: column nowrap;
}

/* line 6, app/assets/stylesheets/modal-jobs.scss */
.modal-job-description__job-id {
  font-size: 11px;
  color: var(--color-medium-shade);
}

/* line 11, app/assets/stylesheets/modal-jobs.scss */
.modal-job-description__title {
  font-size: 18px;
  font-weight: 500;
}

/* line 16, app/assets/stylesheets/modal-jobs.scss */
.modal-job-description__body {
  white-space: pre-line;
}

/* line 20, app/assets/stylesheets/modal-jobs.scss */
.modal-job-description__footer {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-medium-shade);
}

/* line 26, app/assets/stylesheets/modal-jobs.scss */
.modal-job__min-max {
  color: var(--color-dark-tint);
  font-size: 12px;
  margin-left: 0.5em;
}

/* line 32, app/assets/stylesheets/modal-jobs.scss */
.modal-job__hour {
  color: var(--color-dark-tint);
  font-weight: bold;
  margin-top: 10px;
  margin-left: 5px;
}

/* line 1, app/assets/stylesheets/job-conversation-interface.scss */
.chat {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 25rem auto;
  background-color: var(--color-base);
}

/* line 9, app/assets/stylesheets/job-conversation-interface.scss */
.chat__sidebar {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 5rem auto;
  border-right: 1px solid var(--color-medium-shade);
}

/* line 16, app/assets/stylesheets/job-conversation-interface.scss */
.chat__sidebar__go-back {
  position: relative;
  right: 3.7rem;
  color: var(--color-primary);
}

/* line 21, app/assets/stylesheets/job-conversation-interface.scss */
.chat__sidebar__add-link {
  position: relative;
  left: 3.7rem;
  color: var(--color-primary);
}

/* line 26, app/assets/stylesheets/job-conversation-interface.scss */
.chat__sidebar__add-link:hover {
  color: var(--color-primary-tint);
}

/* line 30, app/assets/stylesheets/job-conversation-interface.scss */
.chat__sidebar__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--color-medium-tint);
}

/* line 44, app/assets/stylesheets/job-conversation-interface.scss */
.chat__sidebar__conversation-listing {
  display: flex;
  flex-direction: column;
}

/* line 49, app/assets/stylesheets/job-conversation-interface.scss */
.chat__main-area {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 5rem auto auto;
}

/* line 54, app/assets/stylesheets/job-conversation-interface.scss */
.chat__main-area--new {
  grid-template-rows: 5rem auto 13rem;
}

/* line 58, app/assets/stylesheets/job-conversation-interface.scss */
.chat__main-area__header {
  border-bottom: 1px solid var(--color-medium-tint);
  display: flex;
  align-items: center;
  padding-left: 1rem;
  font-weight: bold;
}

/* line 66, app/assets/stylesheets/job-conversation-interface.scss */
.chat__main-area__body {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 71, app/assets/stylesheets/job-conversation-interface.scss */
.chat__main-area__footer {
  border-top: 1px solid var(--color-light-shade);
  display: flex;
  flex-direction: row;
  padding: 1rem;
}

/* line 78, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 0.5rem;
}

/* line 85, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__submission {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

/* line 91, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__message-container {
  display: flex;
  border: var(--color-light);
  border-radius: 0.25rem;
  flex-direction: column;
  background: var(--color-light-tint);
  padding: 1em;
  margin-bottom: 0.5rem;
}

/* line 102, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__message {
  border-style: none;
  border-color: Transparent;
  overflow: auto;
  background: var(--color-light-tint);
  min-height: 2rem;
}

/* line 109, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__message:focus {
  outline: none;
  border-style: none;
  border-color: Transparent;
}

/* line 116, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__subject {
  margin-bottom: 0.5rem;
  background: var(--color-light-tint);
  border: gray;
  border-radius: 0.25rem;
  padding: 0.5em;
  padding-left: 1rem;
}

/* line 124, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__send {
  padding: 0.5rem;
  border-radius: 0.25rem;
  padding-right: 1rem;
  padding-left: 1rem;
  background: var(--color-primary);
  color: var(--color-base);
  border-color: var(--color-primary);
}

/* line 134, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__checkbox {
  margin-right: 1rem;
}

/* line 138, app/assets/stylesheets/job-conversation-interface.scss */
.chat-input-form__button {
  flex-grow: 0;
  max-width: 10rem;
  background: var(--color-base);
  border: 1px solid var(--color-primary);
  border-radius: 0.25rem;
  color: var(--color-primary);
  padding: 0.5rem;
  margin-right: 1rem;
}

/* line 149, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  border: 1px solid var(--color-primary);
  border-radius: 5px;
  overflow: hidden;
  font-size: 0.8rem;
}

/* line 159, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch.toggle-switch--margin {
  margin: 0;
}

@media only screen and (max-width: 812px) {
  /* line 159, app/assets/stylesheets/job-conversation-interface.scss */
  .toggle-switch.toggle-switch--margin {
    margin: 0.5rem 0;
  }
}

@media only screen and (min-width: 813px) {
  /* line 159, app/assets/stylesheets/job-conversation-interface.scss */
  .toggle-switch.toggle-switch--margin {
    margin: 0 1rem;
  }
}

/* line 171, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch.toggle-switch--aligned {
  align-items: center;
  line-height: 23px;
}

/* line 177, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch__option {
  padding-right: 2rem;
  padding-left: 2rem;
  background-color: var(--color-base);
  color: var(--color-primary);
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

/* line 186, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch__option--middle {
  border-left: 1px solid var(--color-primary);
  border-right: 1px solid var(--color-primary);
}

/* line 190, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch__option--selected {
  background-color: var(--color-primary);
  color: var(--color-base);
  margin-top: 0;
  margin-bottom: 0;
}

/* line 198, app/assets/stylesheets/job-conversation-interface.scss */
.toggle-switch--aligned .toggle-switch__option,
.toggle-switch--aligned .toggle-switch__option--selected {
  margin: 0;
}

/* line 204, app/assets/stylesheets/job-conversation-interface.scss */
.conversation-listing-element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-light-shade);
}

/* line 211, app/assets/stylesheets/job-conversation-interface.scss */
.conversation-listing-element--selected {
  background: var(--color-primary-tint-light);
}

/* line 215, app/assets/stylesheets/job-conversation-interface.scss */
.conversation-listing-element__info {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: gray;
  font-weight: bold;
  font-size: 0.8em;
}

/* line 226, app/assets/stylesheets/job-conversation-interface.scss */
.conversation-listing-element--selected .conversation-listing-element__info,
.conversation-listing-element__info--unread {
  color: var(--color-base-contrase);
}

/* line 232, app/assets/stylesheets/job-conversation-interface.scss */
.conversation-listing-element__info__date {
  font-size: 0.6rem;
}

/* line 235, app/assets/stylesheets/job-conversation-interface.scss */
.conversation-listing-element__notification {
  margin-right: 0.5rem;
  font-size: 0.5rem;
}

/* line 240, app/assets/stylesheets/job-conversation-interface.scss */
.message {
  display: flex;
  flex-direction: column;
}

/* line 244, app/assets/stylesheets/job-conversation-interface.scss */
.message--to-me {
  align-items: flex-end;
}

/* line 248, app/assets/stylesheets/job-conversation-interface.scss */
.message__author {
  font-size: 0.8rem;
  font-weight: bold;
  color: var(--color-medium-shade);
}

/* line 253, app/assets/stylesheets/job-conversation-interface.scss */
.message__body {
  background: gray;
  color: var(--color-base-contrast);
  padding: 1rem;
  border-radius: 1.0rem;
  max-width: 80%;
  border-bottom-left-radius: 0;
  width: fit-content;
  white-space: pre-wrap;
  display: flex;
  flex-direction: column;
}

/* line 266, app/assets/stylesheets/job-conversation-interface.scss */
.message__body img {
  object-fit: contain;
  max-height: 150px;
}

/* line 271, app/assets/stylesheets/job-conversation-interface.scss */
.message__body a.attachment {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 276, app/assets/stylesheets/job-conversation-interface.scss */
.message--to-me .message__body {
  background: var(--color-primary);
  color: var(--color-base);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 0;
}

/* line 282, app/assets/stylesheets/job-conversation-interface.scss */
.message__dateline {
  font-size: 0.8rem;
  color: var(--color-medium);
}

@media only screen and (max-width: 812px) {
  /* line 288, app/assets/stylesheets/job-conversation-interface.scss */
  .chat__sidebar {
    background-color: var(--color-base);
    grid-template-rows: 4rem;
  }
  /* line 292, app/assets/stylesheets/job-conversation-interface.scss */
  .chat {
    grid-template-rows: 4em  auto;
    grid-template-columns: auto;
    background-color: var(--color-base);
  }
  /* line 297, app/assets/stylesheets/job-conversation-interface.scss */
  .chat__main-area {
    grid-template-rows: 2rem auto 10rem;
    background-color: var(--color-base);
  }
}

/* line 2, app/assets/stylesheets/topshop-profile/about-us-section.scss */
.topshop-profile-page .about-us-section .about-us-section__bio {
  margin-top: 1rem;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 8, app/assets/stylesheets/topshop-profile/about-us-section.scss */
.topshop-profile-page .about-us-section .see-more-link {
  color: var(--color-primary);
  margin-top: 3px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  user-select: none;
}

/* line 16, app/assets/stylesheets/topshop-profile/about-us-section.scss */
.topshop-profile-page .about-us-section .see-more-link.hidden {
  display: none;
}

/* line 2, app/assets/stylesheets/topshop-profile/benefits-modal.scss */
#topshop_benefits_modal .benefits-modal__form_banner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 4, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .school-instructor-modal__add-btn,
#topshop_compensation_modal .school-course-modal__add-btn,
#topshop_compensation_modal .ccd-modal__add-btn,
#top_schools_curriculum_modal .school-instructor-modal__add-btn,
#top_schools_curriculum_modal .school-course-modal__add-btn,
#top_schools_curriculum_modal .ccd-modal__add-btn,
#top_schools_instructors_modal .school-instructor-modal__add-btn,
#top_schools_instructors_modal .school-course-modal__add-btn,
#top_schools_instructors_modal .ccd-modal__add-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-primary);
  cursor: pointer;
  user-select: none;
}

/* line 14, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .school-instructor-modal__add-btn span,
#topshop_compensation_modal .school-course-modal__add-btn span,
#topshop_compensation_modal .ccd-modal__add-btn span,
#top_schools_curriculum_modal .school-instructor-modal__add-btn span,
#top_schools_curriculum_modal .school-course-modal__add-btn span,
#top_schools_curriculum_modal .ccd-modal__add-btn span,
#top_schools_instructors_modal .school-instructor-modal__add-btn span,
#top_schools_instructors_modal .school-course-modal__add-btn span,
#top_schools_instructors_modal .ccd-modal__add-btn span {
  width: initial;
}

/* line 18, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .school-instructor-modal__add-btn:hover, #topshop_compensation_modal .school-instructor-modal__add-btn:active,
#topshop_compensation_modal .school-course-modal__add-btn:hover,
#topshop_compensation_modal .school-course-modal__add-btn:active,
#topshop_compensation_modal .ccd-modal__add-btn:hover,
#topshop_compensation_modal .ccd-modal__add-btn:active,
#top_schools_curriculum_modal .school-instructor-modal__add-btn:hover,
#top_schools_curriculum_modal .school-instructor-modal__add-btn:active,
#top_schools_curriculum_modal .school-course-modal__add-btn:hover,
#top_schools_curriculum_modal .school-course-modal__add-btn:active,
#top_schools_curriculum_modal .ccd-modal__add-btn:hover,
#top_schools_curriculum_modal .ccd-modal__add-btn:active,
#top_schools_instructors_modal .school-instructor-modal__add-btn:hover,
#top_schools_instructors_modal .school-instructor-modal__add-btn:active,
#top_schools_instructors_modal .school-course-modal__add-btn:hover,
#top_schools_instructors_modal .school-course-modal__add-btn:active,
#top_schools_instructors_modal .ccd-modal__add-btn:hover,
#top_schools_instructors_modal .ccd-modal__add-btn:active {
  color: var(--color-primary-tint);
}

/* line 24, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-section--new,
#top_schools_curriculum_modal .compensation-section--new,
#top_schools_instructors_modal .compensation-section--new {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-medium);
}

/* line 30, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .ccd__item,
#top_schools_curriculum_modal .ccd__item,
#top_schools_instructors_modal .ccd__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
}

/* line 36, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .ccd__item.ccd__item--no-margin,
#top_schools_curriculum_modal .ccd__item.ccd__item--no-margin,
#top_schools_instructors_modal .ccd__item.ccd__item--no-margin {
  margin-bottom: 0;
}

@media only screen and (max-width: 812px) {
  /* line 42, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .ccd__item.ccd__item--dynamic .checkbox,
#top_schools_curriculum_modal .ccd__item.ccd__item--dynamic .checkbox,
#top_schools_instructors_modal .ccd__item.ccd__item--dynamic .checkbox {
    margin-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 48, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .ccd__item .checkbox,
#top_schools_curriculum_modal .ccd__item .checkbox,
#top_schools_instructors_modal .ccd__item .checkbox {
    margin-right: 0.5rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 48, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .ccd__item .checkbox,
#top_schools_curriculum_modal .ccd__item .checkbox,
#top_schools_instructors_modal .ccd__item .checkbox {
    margin-right: 0.8rem;
  }
}

/* line 58, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .ccd__item span,
#top_schools_curriculum_modal .ccd__item span,
#top_schools_instructors_modal .ccd__item span {
  font-weight: 500;
}

/* line 62, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .ccd__item input[type="text"],
#top_schools_curriculum_modal .ccd__item input[type="text"],
#top_schools_instructors_modal .ccd__item input[type="text"] {
  font-size: 0.9rem;
  padding: 7px 8px;
}

@media only screen and (max-width: 812px) {
  /* line 30, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .ccd__item,
#top_schools_curriculum_modal .ccd__item,
#top_schools_instructors_modal .ccd__item {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 813px) {
  /* line 30, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .ccd__item,
#top_schools_curriculum_modal .ccd__item,
#top_schools_instructors_modal .ccd__item {
    flex-wrap: nowrap;
  }
  /* line 74, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .ccd__item span,
#top_schools_curriculum_modal .ccd__item span,
#top_schools_instructors_modal .ccd__item span {
    width: 350px;
  }
}

/* line 79, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .ccd__item.hidden,
#top_schools_curriculum_modal .ccd__item.hidden,
#top_schools_instructors_modal .ccd__item.hidden {
  display: none;
}

/* line 84, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-title-label,
#top_schools_curriculum_modal .compensation-title-label,
#top_schools_instructors_modal .compensation-title-label {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* line 90, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-title,
#top_schools_curriculum_modal .compensation-title,
#top_schools_instructors_modal .compensation-title {
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
}

/* line 94, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-title.compensation-title--no-margin,
#top_schools_curriculum_modal .compensation-title.compensation-title--no-margin,
#top_schools_instructors_modal .compensation-title.compensation-title--no-margin {
  margin-bottom: 0.75rem;
}

/* line 98, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-title .icon-info,
#top_schools_curriculum_modal .compensation-title .icon-info,
#top_schools_instructors_modal .compensation-title .icon-info {
  color: var(--color-primary);
}

/* line 102, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-title span,
#topshop_compensation_modal .compensation-title strong,
#top_schools_curriculum_modal .compensation-title span,
#top_schools_curriculum_modal .compensation-title strong,
#top_schools_instructors_modal .compensation-title span,
#top_schools_instructors_modal .compensation-title strong {
  position: relative;
  top: -3px;
}

@media only screen and (max-width: 812px) {
  /* line 90, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-title,
#top_schools_curriculum_modal .compensation-title,
#top_schools_instructors_modal .compensation-title {
    font-size: 1.1rem;
  }
  /* line 111, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-title div:first-child,
#top_schools_curriculum_modal .compensation-title div:first-child,
#top_schools_instructors_modal .compensation-title div:first-child {
    margin-bottom: 0.5rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 90, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-title,
#top_schools_curriculum_modal .compensation-title,
#top_schools_instructors_modal .compensation-title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
}

/* line 123, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range,
#top_schools_curriculum_modal .compensation-pay-range,
#top_schools_instructors_modal .compensation-pay-range {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 123, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-pay-range,
#top_schools_curriculum_modal .compensation-pay-range,
#top_schools_instructors_modal .compensation-pay-range {
    margin-right: 0;
  }
  /* line 132, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-pay-range .form__field.form__field,
#top_schools_curriculum_modal .compensation-pay-range .form__field.form__field,
#top_schools_instructors_modal .compensation-pay-range .form__field.form__field {
    font-size: 1rem;
    width: 80px;
  }
}

/* line 138, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__label,
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__dash,
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__dash,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__dash,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__year {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 812px) {
  /* line 138, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-pay-range .compensation-pay-range__label,
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__dash,
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__dash,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__dash,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__year {
    font-size: 1rem;
  }
}

/* line 150, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__year {
  font-weight: 400;
  margin-top: 1px;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 150, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__year,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__year {
    margin-right: 2rem;
  }
}

/* line 161, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__label {
  width: 100px;
}

@media only screen and (max-width: 812px) {
  /* line 161, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__label,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__label {
    width: 60px;
  }
}

/* line 169, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__dash,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__dash,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__dash {
  margin-top: 3px;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 175, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .compensation-pay-range__type,
#top_schools_curriculum_modal .compensation-pay-range .compensation-pay-range__type,
#top_schools_instructors_modal .compensation-pay-range .compensation-pay-range__type {
  font-size: 0.8rem;
  color: var(--color-dark);
  margin-left: 0.5rem;
}

/* line 181, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .form__field,
#top_schools_curriculum_modal .compensation-pay-range .form__field,
#top_schools_instructors_modal .compensation-pay-range .form__field {
  margin-bottom: 0;
  flex: initial;
  width: 150px;
}

/* line 186, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .form__field .form__input,
#top_schools_curriculum_modal .compensation-pay-range .form__field .form__input,
#top_schools_instructors_modal .compensation-pay-range .form__field .form__input {
  padding-left: 0;
  padding: 5px;
}

/* line 191, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .form__field i,
#top_schools_curriculum_modal .compensation-pay-range .form__field i,
#top_schools_instructors_modal .compensation-pay-range .form__field i {
  font-size: 1.5em;
  height: 0;
  position: relative;
  top: -3px;
  color: rgba(0, 0, 0, 0.75);
}

/* line 198, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .form__field i.icon--disabled,
#top_schools_curriculum_modal .compensation-pay-range .form__field i.icon--disabled,
#top_schools_instructors_modal .compensation-pay-range .form__field i.icon--disabled {
  color: rgba(var(--color-dark-rgb), 0.75);
}

/* line 202, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .form__field i:before,
#top_schools_curriculum_modal .compensation-pay-range .form__field i:before,
#top_schools_instructors_modal .compensation-pay-range .form__field i:before {
  vertical-align: baseline;
}

/* line 207, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-pay-range .form__field input,
#top_schools_curriculum_modal .compensation-pay-range .form__field input,
#top_schools_instructors_modal .compensation-pay-range .form__field input {
  font-size: 1rem;
}

/* line 213, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-hourly-equiv-toggle,
#top_schools_curriculum_modal .compensation-hourly-equiv-toggle,
#top_schools_instructors_modal .compensation-hourly-equiv-toggle {
  margin-bottom: 0.5rem;
}

/* line 216, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-hourly-equiv-toggle span,
#top_schools_curriculum_modal .compensation-hourly-equiv-toggle span,
#top_schools_instructors_modal .compensation-hourly-equiv-toggle span {
  font-size: 1rem;
}

/* line 220, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-hourly-equiv-toggle .checkbox,
#top_schools_curriculum_modal .compensation-hourly-equiv-toggle .checkbox,
#top_schools_instructors_modal .compensation-hourly-equiv-toggle .checkbox {
  display: flex;
  gap: 0.3rem;
  font-weight: 500;
  align-items: flex-end;
}

/* line 229, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-textarea .form__textarea,
#top_schools_curriculum_modal .compensation-textarea .form__textarea,
#top_schools_instructors_modal .compensation-textarea .form__textarea {
  font-size: 0.9rem;
  min-height: 120px;
  margin-bottom: 3rem;
}

/* line 234, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
#topshop_compensation_modal .compensation-textarea .form__textarea.margin-bottom--none,
#top_schools_curriculum_modal .compensation-textarea .form__textarea.margin-bottom--none,
#top_schools_instructors_modal .compensation-textarea .form__textarea.margin-bottom--none {
  margin-bottom: 0;
}

@media only screen and (max-width: 812px) {
  /* line 228, app/assets/stylesheets/topshop-profile/compensation-modal.scss */
  #topshop_compensation_modal .compensation-textarea,
#top_schools_curriculum_modal .compensation-textarea,
#top_schools_instructors_modal .compensation-textarea {
    border-bottom: none;
    padding-bottom: 0;
  }
}

/* line 2, app/assets/stylesheets/topshop-profile/faq-modal.scss */
.faq-modal .faq-modal__question {
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

/* line 8, app/assets/stylesheets/topshop-profile/faq-modal.scss */
.faq-modal .faq-modal__textarea {
  margin-bottom: 2rem;
}

/* line 11, app/assets/stylesheets/topshop-profile/faq-modal.scss */
.faq-modal .faq-modal__textarea .form__textarea {
  min-height: 100px;
}

@media only screen and (max-width: 812px) {
  /* line 3, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section textarea {
    background: #EFEFEF72;
    border-color: #EBEBEB;
  }
  /* line 7, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section textarea::placeholder {
    color: var(--color-dark);
  }
  /* line 12, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section textarea {
    min-height: 100px;
  }
}

@media only screen and (min-width: 813px) {
  /* line 19, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section .form__field input,
.topshop-profile-page .get-in-touch-section .form__field textarea {
    font-size: 0.8rem;
    background: #EFEFEF72;
    border-color: #EBEBEB;
  }
  /* line 25, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section .form__field input::placeholder,
.topshop-profile-page .get-in-touch-section .form__field textarea::placeholder {
    color: black;
    opacity: 0.9;
  }
  /* line 31, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section .form__field input {
    padding: 0.5rem 1rem;
  }
  /* line 35, app/assets/stylesheets/topshop-profile/get-in-touch-section.scss */
  .topshop-profile-page .get-in-touch-section .form__field textarea {
    min-height: 100px;
  }
}

/* line 2, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__label {
  font-size: 0.8rem;
  font-weight: 500;
  margin-left: 238px;
}

@media only screen and (max-width: 812px) {
  /* line 2, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__label {
    display: none;
  }
}

/* line 12, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
}

/* line 18, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__item.open-positions-modal__item--no-margin {
  margin-bottom: 0;
}

@media only screen and (max-width: 812px) {
  /* line 24, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__item.open-positions-modal__item--dynamic .checkbox {
    margin-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 30, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__item .checkbox {
    margin-right: 0.5rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 30, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__item .checkbox {
    margin-right: 0.8rem;
  }
}

/* line 40, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__item span {
  font-weight: 500;
}

/* line 44, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__item input[type="text"] {
  font-size: 0.9rem;
  padding: 7px 8px;
}

@media only screen and (max-width: 812px) {
  /* line 12, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__item {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 813px) {
  /* line 12, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__item {
    flex-wrap: nowrap;
  }
  /* line 56, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__item span {
    width: 350px;
  }
}

@media only screen and (max-width: 812px) {
  /* line 62, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__job-title-input {
    width: 92%;
    margin-bottom: 0.5rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 62, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-modal__job-title-input {
    width: calc(350px - 2.5rem);
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 74, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-desc-modal__job-title-input {
    width: 92%;
    margin-bottom: 0.5rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 74, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
  #topshop_open_positions_modal .open-positions-desc-modal__job-title-input {
    width: calc(350px - 2.5rem);
    margin: 0 1rem 0.5rem 0.5rem;
  }
}

/* line 86, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__add-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-primary);
  cursor: pointer;
  user-select: none;
}

/* line 94, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__add-btn span {
  width: initial;
}

/* line 98, app/assets/stylesheets/topshop-profile/open-positions-modal.scss */
#topshop_open_positions_modal .open-positions-modal__add-btn:hover, #topshop_open_positions_modal .open-positions-modal__add-btn:active {
  color: var(--color-primary-tint);
}

/* line 2, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
#topshop_photos_create_modal .photos-create-modal__box, #school_photos_create_modal .photos-create-modal__box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

/* line 7, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
#topshop_photos_create_modal .photos-create-modal__box .photos-create-modal__file-upload, #school_photos_create_modal .photos-create-modal__box .photos-create-modal__file-upload {
  flex: 3;
}

@media only screen and (max-width: 812px) {
  /* line 7, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
  #topshop_photos_create_modal .photos-create-modal__box .photos-create-modal__file-upload, #school_photos_create_modal .photos-create-modal__box .photos-create-modal__file-upload {
    flex-basis: 100%;
  }
}

/* line 15, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
#topshop_photos_create_modal .photos-create-modal__box .photos-create-modal__file-caption, #school_photos_create_modal .photos-create-modal__box .photos-create-modal__file-caption {
  flex: 2;
}

@media only screen and (max-width: 812px) {
  /* line 15, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
  #topshop_photos_create_modal .photos-create-modal__box .photos-create-modal__file-caption, #school_photos_create_modal .photos-create-modal__box .photos-create-modal__file-caption {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 15, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
  #topshop_photos_create_modal .photos-create-modal__box .photos-create-modal__file-caption, #school_photos_create_modal .photos-create-modal__box .photos-create-modal__file-caption {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 30, app/assets/stylesheets/topshop-profile/photos-create-modal.scss */
  #topshop_photos_create_modal .drop-zone-preview.drop-zone-preview--has-file .photos-create-modal__file-upload, #school_photos_create_modal .drop-zone-preview.drop-zone-preview--has-file .photos-create-modal__file-upload {
    margin-right: 2rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 3, app/assets/stylesheets/topshop-profile/photos-section.scss */
  .topshop-profile-page .photos-section .card {
    margin: 0;
    box-shadow: none;
  }
  /* line 7, app/assets/stylesheets/topshop-profile/photos-section.scss */
  .topshop-profile-page .photos-section .card .card__header {
    display: none;
  }
}

/* line 13, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 0.5rem;
}

/* line 19, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item {
  position: relative;
  background: white;
  background-position: center;
  background-size: cover;
  border: 2px solid #b7b7b7;
  border-radius: 5px;
  height: 140px;
  box-sizing: border-box;
  cursor: grab;
}

/* line 30, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item.photos-section__grid-item--virtual-tour {
  color: var(--color-secondary);
  border-color: var(--color-secondary);
  display: grid;
  place-items: center;
  font-weight: bold;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
}

/* line 40, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item.photos-section__grid-item--virtual-tour > span {
  margin-bottom: calc(27.98px / 2);
  font-size: 1.1rem;
}

/* line 45, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item.photos-section__grid-item--virtual-tour .grid-item__toolbar {
  border-top: 1px solid var(--color-secondary);
  font-weight: normal;
}

/* line 51, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item .grid-item__select-bar {
  display: none;
  height: 140px;
  width: 3px;
  background: var(--color-primary);
  position: absolute;
  top: -1px;
}

/* line 59, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item .grid-item__select-bar.grid-item__select-bar--left {
  left: -0.5rem;
}

/* line 63, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item .grid-item__select-bar.grid-item__select-bar--right {
  right: -0.5rem;
}

/* line 68, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item .grid-item__toolbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background: white;
  color: var(--color-primary);
  padding: 0.3rem 0.25rem 0.2rem 0.25rem;
  user-select: none;
}

/* line 82, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item .grid-item__toolbar span {
  cursor: pointer;
}

/* line 85, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__grid-item .grid-item__toolbar span:hover {
  opacity: 0.6;
}

/* line 92, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__add {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

/* line 103, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__add i {
  font-size: 4rem;
}

/* line 107, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__add span {
  font-size: 1rem;
  font-weight: 500;
}

/* line 112, app/assets/stylesheets/topshop-profile/photos-section.scss */
.topshop-profile-page .photos-section .photos-section__add.photos-section__add--single {
  width: 33%;
  height: 140px;
}

/* line 3, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box,
#topshop_photos_update_modal .photos-update-modal__box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

/* line 8, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__image,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image {
  flex: 3;
}

/* line 11, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__image img,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image img {
  object-fit: contain;
  width: 100%;
  max-height: 350px;
}

@media only screen and (max-width: 812px) {
  /* line 11, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
  #school_photos_update_modal .photos-update-modal__box .photos-update-modal__image img,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image img {
    max-height: 282px;
  }
}

/* line 21, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  color: var(--color-primary);
  font-weight: bold;
}

/* line 29, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar .icon-chevron-left,
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar .icon-chevron-right,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar .icon-chevron-left,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar .icon-chevron-right {
  font-size: 13px;
}

/* line 34, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar .icon-trash,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image .photos-update-modal__image__button-bar .icon-trash {
  font-size: 1.3rem;
}

@media only screen and (max-width: 812px) {
  /* line 8, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
  #school_photos_update_modal .photos-update-modal__box .photos-update-modal__image,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 813px) {
  /* line 8, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
  #school_photos_update_modal .photos-update-modal__box .photos-update-modal__image,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__image {
    margin-right: 2rem;
  }
}

/* line 48, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
#school_photos_update_modal .photos-update-modal__box .photos-update-modal__caption,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__caption {
  flex: 2;
}

@media only screen and (max-width: 812px) {
  /* line 48, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
  #school_photos_update_modal .photos-update-modal__box .photos-update-modal__caption,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__caption {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 48, app/assets/stylesheets/topshop-profile/photos-update-modal.scss */
  #school_photos_update_modal .photos-update-modal__box .photos-update-modal__caption,
#topshop_photos_update_modal .photos-update-modal__box .photos-update-modal__caption {
    margin-top: 2rem;
  }
}

/* line 2, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__title {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8rem;
}

/* line 10, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__address {
  color: #393939;
  font-size: 1.1rem;
  line-height: 1.4rem;
  font-weight: 500;
}

/* line 17, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__domain {
  font-size: 1.1rem;
  line-height: 1.1rem;
  color: var(--color-secondary);
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 25, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__domain span {
  color: #393939;
}

/* line 30, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .card {
  padding: 2rem;
}

/* line 34, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__toggle {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1rem 1rem;
}

/* line 41, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__logo {
  margin: 0 auto;
  width: fit-content;
}

/* line 45, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__logo img {
  margin-right: 0;
  object-fit: contain;
  height: 140px;
  width: 140px;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page .profile-section .profile-section__contact {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 63, app/assets/stylesheets/topshop-profile/profile-section.scss */
  .topshop-profile-page .profile-section .profile-section__pencil {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--color-primary);
    font-size: 1.4rem;
    margin: 0.75rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 74, app/assets/stylesheets/topshop-profile/profile-section.scss */
  .topshop-profile-page .profile-section .profile-section__pencil {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    font-size: 1.2rem;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 1.5rem;
  }
  /* line 91, app/assets/stylesheets/topshop-profile/profile-section.scss */
  .topshop-profile-page .profile-section .profile-section__pencil.profile-section__pencil--disabled {
    background-color: var(--color-dark);
  }
  /* line 95, app/assets/stylesheets/topshop-profile/profile-section.scss */
  .topshop-profile-page .profile-section .profile-section__pencil .icon-pencil {
    display: flex;
  }
  /* line 98, app/assets/stylesheets/topshop-profile/profile-section.scss */
  .topshop-profile-page .profile-section .profile-section__pencil .icon-pencil:before {
    vertical-align: middle;
  }
}

/* line 107, app/assets/stylesheets/topshop-profile/profile-section.scss */
.topshop-profile-page.topshop-profile-page--master .profile-section .profile-section__logo {
  margin-top: 1.5rem;
}

/* line 1, app/assets/stylesheets/topshop-profile/progress-bar.scss */
.progress-bar-cell {
  display: flex;
  flex-flow: row nowrap;
  padding: 0 0.75rem;
}

/* line 6, app/assets/stylesheets/topshop-profile/progress-bar.scss */
.progress-bar-cell .progress-bar {
  flex: 1;
  border-radius: 5px;
  font-weight: 500;
  background: linear-gradient(180deg, #FFFFFF 0%, #E6E6E6 100%);
  border: 1px solid #d5d5d5;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1rem;
  color: #919191;
  position: relative;
}

/* line 20, app/assets/stylesheets/topshop-profile/progress-bar.scss */
.progress-bar-cell .progress-bar .progress-bar__progress {
  color: white;
  font-weight: 500;
  background: linear-gradient(180deg, #3FBC74 0%, #1E9A52 100%);
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding-left: 1rem;
}

/* line 1, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
.progress-checklist {
  display: flex;
  flex-flow: row wrap;
}

/* line 5, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
.progress-checklist .progress-checklist__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 107px;
  white-space: nowrap;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.7rem;
  min-width: 0;
  line-height: 1rem;
}

/* line 16, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
.progress-checklist .progress-checklist__item i {
  margin-right: 0.25rem;
}

/* line 20, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
.progress-checklist .progress-checklist__item span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media only screen and (max-width: 812px) {
  /* line 28, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
  .progress-checklist .progress-checklist__item {
    line-height: 1.4rem;
    font-size: 0.9rem;
    width: 50%;
    white-space: wrap;
  }
}

@media only screen and (min-width: 813px) {
  /* line 1, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
  .progress-checklist {
    width: 50%;
  }
  /* line 40, app/assets/stylesheets/topshop-profile/progress-checklist.scss */
  .progress-checklist .progress-checklist__item span {
    letter-spacing: -0.2px;
  }
}

/* line 1, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page {
  display: grid;
  grid-template-columns: 30fr 70fr;
  column-gap: 0.5rem;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  background: var(--color-background-light);
  box-sizing: border-box;
  width: 100%;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
  .topshop__page {
    margin: 0;
    padding: 0;
    background: var(--color-base);
    grid-template-columns: 100%;
  }
  /* line 16, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
  .topshop__page--2-col {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (min-width: 1201px) {
  /* line 1, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
  .topshop__page {
    grid-template-columns: 27.5fr 45fr 27.5fr;
  }
}

/* line 26, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page--2-col {
  grid-template-columns: 30fr 70fr;
}

@media only screen and (min-width: 813px) and (max-width: 992px) {
  /* line 1, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
  .topshop__page {
    grid-template-columns: auto;
  }
}

/* line 34, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page.topshop__page--partial {
  padding: none;
}

/* line 38, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page.topshop__page--normal {
  width: initial;
  display: block;
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  /* line 43, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
  .topshop__page .topshop-column.topshop-column--xl {
    grid-column-end: 3;
  }
}

/* line 49, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .filter-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

/* line 55, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .filter-title:first-of-type {
  margin-top: 0;
}

/* line 61, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form .map-form__inputs {
  display: flex;
  flex-flow: column nowrap;
  align-content: center;
}

/* line 66, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form .map-form__inputs > :first-child {
  margin-bottom: 0.5rem;
}

/* line 70, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form .map-form__inputs > div {
  display: flex;
  flex-flow: row nowrap;
}

/* line 74, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form .map-form__inputs > div > :first-child {
  margin-right: 0.5rem;
}

/* line 80, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form input,
.topshop__page .map-form select {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  padding: 5px 0.5rem;
  font-size: 0.75rem;
}

/* line 88, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form input {
  display: flex;
  border-radius: 5px;
  -webkit-appearance: initial;
  outline: none;
  box-sizing: border-box;
  transition: 0.3s;
  max-width: 165px;
  padding: 6px 0.75rem;
}

/* line 99, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form select {
  color: var(--color-primary);
  font-weight: 600;
  outline: none;
}

/* line 105, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__page .map-form .current-search {
  margin-top: 0.5rem;
  font-size: 0.7rem;
  line-height: 1rem;
}

/* line 115, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__simple-page .shop-talk-section__list .shop-talk-section__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 120, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__simple-page .shop-talk-section__list .shop-talk-section__list .shop-talk-section__list__item {
  width: 100%;
  max-width: 600px;
}

/* line 127, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
}

/* line 134, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop__header :last-child {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 141, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop-approved-box.topshop-approved-box {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  font-weight: 500;
}

/* line 149, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.topshop-placeholder-text {
  margin-bottom: 0.5rem;
  color: #919191;
  font-size: 1rem;
  font-style: italic;
}

/* line 156, app/assets/stylesheets/topshop-profile/topshop-profile.scss */
.header__hireology_integration_label {
  padding-top: 0.8rem;
  color: var(--color-dark);
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: none;
}

/* line 2, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .under-the-hood-section__select-bar {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0.75rem;
}

/* line 7, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .under-the-hood-section__select-bar select {
  flex-grow: 1;
  margin-right: 0.5rem;
  font-size: 1rem;
  text-transform: initial;
}

/* line 15, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .topshops-faq-section {
  display: none;
}

/* line 18, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .topshops-faq-section.topshops-faq-section--show {
  display: block;
}

/* line 21, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .topshops-faq-section.topshops-faq-section--show.header__btn {
  display: flex;
}

/* line 27, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .topshops-faq-section__benefits-list {
  border-bottom: 1px solid #1d1d1d;
}

/* line 33, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-faq__header {
  display: flex;
  flex-flow: row nowrap;
}

/* line 37, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-faq__header .tfs-faq__header__body {
  font-weight: 500;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  line-height: 1.2rem;
  align-self: center;
}

@media only screen and (min-width: 813px) {
  /* line 46, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
  .topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__pay-range {
    margin-bottom: 1rem;
  }
}

/* line 52, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__base,
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__flat-rate,
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__other-pay {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}

/* line 60, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__base strong,
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__flat-rate strong,
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__other-pay strong {
  width: 100px;
}

/* line 65, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-compensation .tfs-compensation__description {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* line 73, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-benefits .tfs-benefits__content-inner {
  white-space: pre-line;
  padding-top: 0;
  padding-bottom: 1rem;
}

/* line 82, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-instructors .tfs-instructors__item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 1rem;
  border-top: 1px solid #1d1d1d;
}

/* line 89, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-instructors .tfs-instructors__item .tfs-instructors__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  align-self: flex-start;
}

/* line 96, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-instructors .tfs-instructors__item .tfs-instructors__image img {
  width: 100px;
  height: 160px;
  object-fit: contain;
  margin: 0 10px;
}

/* line 105, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-instructors .tfs-instructors__item .tfs-instructors__info .tfs-instructors__info-title {
  font-weight: 600;
  font-size: 1.1rem;
}

/* line 111, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-instructors .tfs-instructors__item .tfs-instructors__info-sub-title {
  white-space: pre-line;
}

/* line 118, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers {
  border-top: 1px solid #1d1d1d;
}

/* line 121, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 1rem;
  border-top: solid 1px #efefef;
}

/* line 128, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__start {
  display: flex;
  align-items: center;
}

/* line 132, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__start .item-logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}

/* line 138, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__start .item-logo-wrapper img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin: 0 10px;
}

/* line 146, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__start .tfs-employers__item-title {
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 152, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__end {
  display: flex;
  align-items: center;
}

/* line 156, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__end .now-hiring-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 3px 1rem 0 1rem;
  height: 50px;
}

/* line 163, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__end .now-hiring-wrapper .now-hiring-dot {
  position: absolute;
  top: 1px;
  right: 16px;
  border-radius: 100%;
  background-color: var(--color-primary);
  width: 7px;
  height: 7px;
}

/* line 173, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__end .now-hiring-wrapper .now-hiring {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  width: 40px;
  height: 30px;
  border-radius: 6px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 0.6rem;
  position: relative;
  top: 15px;
}

/* line 189, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__end .now-hiring-wrapper .now-hiring:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 10px;
  height: 25px;
  width: 1px;
  background: var(--color-primary);
  transform: rotate(50deg);
}

/* line 200, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .tfs-employers__item__end .now-hiring-wrapper .now-hiring:after {
  content: '';
  position: absolute;
  top: -15px;
  right: 10px;
  height: 25px;
  width: 1px;
  background: var(--color-primary);
  transform: rotate(135deg);
}

/* line 214, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .stp-video-card-header-link {
  color: var(--color-secondary);
  margin-bottom: 0.2rem;
  font-weight: 600;
}

/* line 219, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .stp-video-card-header-link:hover, .topshop-profile-page .under-the-hood-section .tfs-employers .tfs-employers__item .stp-video-card-header-link:focus {
  opacity: 0.7;
}

/* line 229, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__header {
  display: flex;
  flex-flow: row nowrap;
}

/* line 233, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__header .tfs-faq__header__body {
  font-weight: 500;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  line-height: 1.2rem;
  align-self: center;
}

/* line 242, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__content-inner {
  font-size: 0.9rem;
  line-height: initial;
}

/* line 246, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
.topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__content-inner p {
  margin: 0;
  white-space: pre-wrap;
}

@media only screen and (min-width: 813px) {
  /* line 254, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
  .topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__header i:not(.icon-info) {
    font-size: 1.8rem;
  }
  /* line 258, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
  .topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__header .tfs-faq__header__body {
    font-size: 1rem;
  }
  /* line 263, app/assets/stylesheets/topshop-profile/under-the-hood-section.scss */
  .topshop-profile-page .under-the-hood-section .tfs-faq .tfs-faq__content-inner {
    font-size: 1rem;
    padding-left: 3rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 3, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
  .topshop-profile-page .shop-talk-section .card {
    margin: 0;
    box-shadow: none;
  }
  /* line 7, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
  .topshop-profile-page .shop-talk-section .card .card__header {
    display: none;
  }
}

/* line 13, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-medium);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

/* line 22, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add i:not(.icon-info) {
  font-size: 2rem;
  color: var(--color-primary);
}

/* line 27, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add span {
  font-size: 1rem;
  font-weight: 600;
}

/* line 32, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add.photos-section__add--single {
  width: 33%;
  height: 140px;
}

/* line 38, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-medium);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

/* line 47, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add i:not(.icon-info) {
  font-size: 2rem;
  color: var(--color-primary);
}

/* line 52, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__add span {
  font-size: 1rem;
  font-weight: 600;
}

/* line 57, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-post-publish-details {
  font-size: 0.9rem;
  line-height: 1.25em;
  padding: 0.75rem 0.5rem 0.5rem 1rem;
}

/* line 62, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-post-publish-details__ellipsis {
  padding-top: 0.75rem;
  padding-right: 1rem;
  font-size: 1em;
  cursor: pointer;
}

/* line 69, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item {
  position: relative;
  border: 1px var(--color-medium) solid;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 16px;
  overflow: visible;
}

/* line 78, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__pin {
  color: var(--color-primary);
  background-color: white;
  padding: 0.75rem 1rem 0 1rem;
}

/* line 83, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__pin span {
  font-size: 0.8rem;
  font-weight: bold;
}

/* line 89, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__publish-warning {
  padding: 0.5rem 1rem;
  font-size: 0.6rem;
  line-height: 1.4;
  background-color: rgba(0, 0, 0, 0.12);
  color: gray;
}

/* line 97, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__primary-media {
  overflow: hidden;
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: calc(9/16*100%);
  background-color: #111827;
}

/* line 105, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__primary-media img {
  object-position: center;
  object-fit: contain;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  display: block;
  vertical-align: middle;
}

/* line 120, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__primary-media .shop-talk-item__big-play-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: solid white 5px;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  box-sizing: border-box;
  position: absolute;
}

/* line 135, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__primary-media .shop-talk-item__big-play-button:hover {
  opacity: 0.9;
}

/* line 139, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__primary-media .shop-talk-item__big-play-button .icon-placeholder::before {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  font-size: 2rem;
  content: "\34";
  font-family: "icomoon";
}

/* line 151, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__content {
  padding-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background-color: white;
  border-radius: 8px;
}

/* line 160, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__content .shop-talk-item__description {
  display: block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 169, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__content .shop-talk-item__timestamp {
  color: gray;
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
}

/* line 176, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item .shop-talk-item__pin + .shop-talk-item__content {
  padding-top: 0.5rem;
}

/* line 180, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-section .shop-talk-section__list .shop-talk-section__list__item.sortable-list__item--chosen {
  opacity: 0.5;
}

/* line 187, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-placeholder {
  padding: 4rem 0;
  text-align: center;
}

/* line 191, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-placeholder.shop-talk-placeholder--constrain {
  max-width: 375px;
  margin: 0 auto;
}

/* line 196, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-placeholder img {
  width: 100%;
  padding: 1rem 3rem;
  box-sizing: border-box;
}

/* line 202, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.topshop-profile-page .shop-talk-placeholder span {
  font-size: 1.1rem;
  font-weight: 500;
}

/* line 209, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel {
  position: relative;
}

/* line 212, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__wrapper {
  position: relative;
  height: 14rem;
  overflow: hidden;
  background-color: #111827;
}

@media (min-width: 640px) {
  /* line 212, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
  .top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__wrapper {
    height: 24rem;
  }
}

/* line 223, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__item {
  display: none;
}

/* line 226, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__item.hidden {
  display: none;
}

/* line 230, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__item.translate-x-0 {
  display: block;
}

/* line 235, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__img {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* line 243, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__indicators {
  display: hidden;
  position: absolute;
  z-index: 30;
  left: 50%;
  bottom: 1.25rem;
  transform: matrix(1, 0, 0, 1, -18, 0);
}

/* line 252, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__indicators button {
  background-color: white;
  border-radius: 9999px;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.75rem;
}

/* line 259, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__indicators button:last-child {
  margin-right: 0;
}

/* line 265, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow {
  position: absolute;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem;
  cursor: pointer;
  box-sizing: border-box;
  background-color: transparent;
  background: none;
  border: none;
}

/* line 280, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow.shop-talk-image-carousel__arrow--prev {
  left: 0;
}

/* line 284, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow.shop-talk-image-carousel__arrow--next {
  right: 0;
}

/* line 288, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 812px) {
  /* line 288, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
  .top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow span {
    width: 2rem;
    height: 2rem;
  }
}

/* line 303, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow span svg {
  width: 1.5rem;
  height: 1.5rem;
  color: white;
}

@media only screen and (max-width: 812px) {
  /* line 303, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
  .top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow span svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

/* line 315, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow:focus {
  outline: none;
}

/* line 318, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow:focus span {
  box-shadow: white 0 0 0 0, white 0 0 0 4px, white 0 0 0 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* line 326, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-image-carousel .shop-talk-image-carousel__arrow:hover span {
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 333, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__primary-media {
  overflow: hidden;
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: calc(9/16*100%);
  background-color: #111827;
}

/* line 341, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__primary-media img {
  object-position: center;
  object-fit: contain;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  display: block;
  vertical-align: middle;
}

/* line 356, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__primary-media .shop-talk-item__big-play-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: solid white 5px;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  box-sizing: border-box;
  position: absolute;
}

/* line 371, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__primary-media .shop-talk-item__big-play-button:hover {
  opacity: 0.9;
}

/* line 375, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__primary-media .shop-talk-item__big-play-button .icon-placeholder::before {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  font-size: 2rem;
  content: "\34";
  font-family: "icomoon";
}

/* line 387, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__content {
  padding-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background-color: white;
  border-radius: 8px;
}

/* line 396, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__content .shop-talk-item__description {
  display: block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 405, app/assets/stylesheets/topshop-profile/shop-talk-section.scss */
.top-shop-profile-shop-talk-modal .shop-talk-item__content .shop-talk-item__timestamp {
  color: gray;
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/topshop-profile/voucher-section.scss */
  .topshop-profile-page .voucher-section {
    max-width: calc(100vw - 1rem);
  }
  /* line 5, app/assets/stylesheets/topshop-profile/voucher-section.scss */
  .topshop-profile-page .voucher-section .card__content {
    overflow-x: scroll;
  }
}

/* line 1, app/assets/stylesheets/partner-offers.scss */
.partner-offers {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/partner-offers.scss */
  .partner-offers {
    grid-template-columns: auto;
  }
}

/* line 10, app/assets/stylesheets/partner-offers.scss */
.partner-offers .partner-offer-item {
  display: flex;
  position: relative;
  margin: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
  border-radius: 5px;
  background: white;
  padding: 1rem;
}

/* line 19, app/assets/stylesheets/partner-offers.scss */
.partner-offers .partner-offer-item .partner-offer-item__image {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 24, app/assets/stylesheets/partner-offers.scss */
.partner-offers .partner-offer-item .partner-offer-item__image img {
  object-fit: contain;
  max-width: 120px;
}

/* line 30, app/assets/stylesheets/partner-offers.scss */
.partner-offers .partner-offer-item .partner-offer-item__details {
  padding: 1rem;
}

/* line 33, app/assets/stylesheets/partner-offers.scss */
.partner-offers .partner-offer-item .partner-offer-item__details .partner-offer-item__title {
  font-size: 1.2rem;
  font-weight: 500;
}

/* line 38, app/assets/stylesheets/partner-offers.scss */
.partner-offers .partner-offer-item .partner-offer-item__details .partner-offer-item__description {
  font-size: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 49, app/assets/stylesheets/partner-offers.scss */
.partner-offer-info {
  display: flex;
  position: relative;
}

/* line 53, app/assets/stylesheets/partner-offers.scss */
.partner-offer-info .partner-offer-info__image {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 58, app/assets/stylesheets/partner-offers.scss */
.partner-offer-info .partner-offer-info__image img {
  object-fit: contain;
  max-width: 150px;
}

/* line 64, app/assets/stylesheets/partner-offers.scss */
.partner-offer-info .partner-offer-info__details {
  padding: 1rem;
}

/* line 67, app/assets/stylesheets/partner-offers.scss */
.partner-offer-info .partner-offer-info__details .partner-offer-info__description {
  font-size: 1rem;
}

/* line 72, app/assets/stylesheets/partner-offers.scss */
.partner-offer-info .partner-offer-info__url {
  width: 100%;
}

@media only screen and (max-width: 812px) {
  /* line 49, app/assets/stylesheets/partner-offers.scss */
  .partner-offer-info {
    flex-flow: column nowrap;
  }
  /* line 80, app/assets/stylesheets/partner-offers.scss */
  .partner-offer-info .partner-offer-info__image img {
    max-width: 100%;
  }
  /* line 85, app/assets/stylesheets/partner-offers.scss */
  .partner-offer-info .partner-offer-info__details {
    padding: 1rem 0;
  }
}

/* line 91, app/assets/stylesheets/partner-offers.scss */
#request_info_form_area {
  border-top: 2px solid var(--color-light-shade);
  padding-top: 1rem;
  margin-top: 1rem;
}

/* line 1, app/assets/stylesheets/activity-dashboard.scss */
.top-shop-alerts {
  display: flex;
  padding: 1.2rem;
}

/* line 4, app/assets/stylesheets/activity-dashboard.scss */
.top-shop-alerts .alert-statuses {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  flex-grow: 1;
}

/* line 10, app/assets/stylesheets/activity-dashboard.scss */
.top-shop-alerts .alerts-title {
  padding-right: 0.8rem;
  font-size: 1.2rem;
  font-weight: bold;
  border-right: 1px var(--color-light-shade) solid;
}

/* line 17, app/assets/stylesheets/activity-dashboard.scss */
.school-profile-stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

/* line 22, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 28, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard, .school-profile-stats {
  gap: 1.0rem;
  padding: 1rem;
}

/* line 31, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item, .school-profile-stats .activity-dashboard__item {
  position: relative;
  border: 1px var(--color-light-shade) solid;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 16px;
  overflow: hidden;
}

/* line 38, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__header, .school-profile-stats .activity-dashboard__item .adi__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 1rem 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  font-weight: bold;
  border-bottom: 1px var(--color-light-shade) solid;
}

/* line 48, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__header .adi__header__title, .school-profile-stats .activity-dashboard__item .adi__header .adi__header__title {
  font-size: 1.2rem;
}

/* line 51, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__header .adi__header__title__select, .school-profile-stats .activity-dashboard__item .adi__header .adi__header__title__select {
  display: inline;
}

/* line 55, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__header .adi__header__last-updated, .school-profile-stats .activity-dashboard__item .adi__header .adi__header__last-updated {
  font-size: 0.75rem;
  color: var(--color-dark);
}

/* line 60, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__header .adi__header__selector, .school-profile-stats .activity-dashboard__item .adi__header .adi__header__selector {
  font-size: 0.75rem;
  color: var(--color-dark);
}

/* line 65, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__header .adi__header__view-details, .school-profile-stats .activity-dashboard__item .adi__header .adi__header__view-details {
  font-size: 1rem;
  color: var(--color-secondary);
}

/* line 71, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content, .school-profile-stats .activity-dashboard__item .adi__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 1rem 1.5rem;
}

/* line 78, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content.adi__content--double-stats, .school-profile-stats .activity-dashboard__item .adi__content.adi__content--double-stats {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

/* line 83, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress {
  --percent-size: 135px;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: var(--percent-size);
  height: var(--percent-size);
}

/* line 93, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring {
  position: relative;
  width: var(--percent-size);
  height: var(--percent-size);
}

/* line 98, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg {
  position: relative;
  width: var(--percent-size);
  height: var(--percent-size);
  transform: rotate(-90deg);
}

/* line 106, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(1) stop:nth-child(1), .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(1) stop:nth-child(1) {
  stop-color: var(--color-primary-tint);
}

/* line 109, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(1) stop:nth-child(2), .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(1) stop:nth-child(2) {
  stop-color: var(--color-primary);
}

/* line 114, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(2) stop:nth-child(1),
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(2) stop:nth-child(2), .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(2) stop:nth-child(1),
.school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(2) stop:nth-child(2) {
  stop-color: var(--color-primary-tint-light);
}

/* line 118, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(2) stop:nth-child(3), .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg defs :nth-child(2) stop:nth-child(3) {
  stop-color: var(--color-primary);
}

/* line 124, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg circle, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg circle {
  width: var(--percent-size);
  height: var(--percent-size);
  cx: calc((var(--percent-size) / 2) - 8px);
  cy: calc((var(--percent-size) / 2) - 8px);
  r: calc((var(--percent-size) / 2) - 8px);
  fill: none;
  stroke-width: 16;
  transform: translate(8px, 8px);
  stroke-dasharray: 374;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}

/* line 137, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg circle:nth-child(2), .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring svg circle:nth-child(2) {
  stroke-dasharray: 400;
  stroke-dashoffset: 0;
  stroke: rgba(var(--color-primary-rgb), 0.15);
}

/* line 145, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
}

/* line 156, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value :first-child, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value :first-child {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-primary);
}

/* line 162, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value :last-child, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value :last-child {
  font-size: 0.8rem;
  color: var(--color-dark);
}

/* line 167, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value.progress-ring__value--gold :first-child, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value.progress-ring__value--gold :first-child {
  color: #d4af37;
}

/* line 171, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value .number--lightweight, .school-profile-stats .activity-dashboard__item .adi__content .adi__content__progress .progress-ring .progress-ring__value .number--lightweight {
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--color-primary);
}

/* line 180, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat-list, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: calc(100% - 200px);
}

@media only screen and (max-width: 812px) {
  /* line 180, app/assets/stylesheets/activity-dashboard.scss */
  .activity-dashboard .activity-dashboard__item .adi__content .adi-stat-list, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat-list {
    flex-flow: column nowrap;
    margin-bottom: 1rem;
  }
  /* line 191, app/assets/stylesheets/activity-dashboard.scss */
  .activity-dashboard .activity-dashboard__item .adi__content .adi-stat-list .adi-stat .adi-stat__label, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat-list .adi-stat .adi-stat__label {
    font-size: 1rem;
    font-weight: 500;
  }
  /* line 196, app/assets/stylesheets/activity-dashboard.scss */
  .activity-dashboard .activity-dashboard__item .adi__content .adi-stat-list .adi-stat .adi-stat__number, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat-list .adi-stat .adi-stat__number {
    font-size: 2rem;
    font-weight: 600;
    padding: 0;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
  }
}

/* line 207, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-basis: 50%;
  text-align: center;
}

/* line 215, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat .adi-stat__number, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat .adi-stat__number {
  font-size: 2.4rem;
  padding-bottom: 1rem;
}

/* line 219, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat .adi-stat__number--small, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat .adi-stat__number--small {
  font-size: 1.4rem;
}

/* line 223, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat .adi-stat__number a, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat .adi-stat__number a {
  color: var(--color-primary);
}

/* line 227, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat .adi-stat__label, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat .adi-stat__label {
  font-size: 1.5rem;
}

/* line 230, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-stat .adi-stat__label--small, .school-profile-stats .activity-dashboard__item .adi__content .adi-stat .adi-stat__label--small {
  font-size: 1rem;
}

/* line 235, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adi-double-stats-link, .school-profile-stats .activity-dashboard__item .adi__content .adi-double-stats-link {
  margin: 1.5rem 0;
  flex: 1 1 100%;
  text-align: center;
}

/* line 241, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adic__stat, .school-profile-stats .activity-dashboard__item .adi__content .adic__stat {
  text-align: center;
  margin-bottom: 0.5rem;
}

/* line 245, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adic__stat :first-child, .school-profile-stats .activity-dashboard__item .adi__content .adic__stat :first-child {
  font-size: 1.5rem;
  font-weight: 500;
}

/* line 250, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content .adic__stat :last-child, .school-profile-stats .activity-dashboard__item .adi__content .adic__stat :last-child {
  font-size: 0.8rem;
  color: var(--color-dark);
}

/* line 257, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content--col, .school-profile-stats .activity-dashboard__item .adi__content--col {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-items: center;
  text-align: center;
}

/* line 264, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__content--col .icon-stats-bars, .school-profile-stats .activity-dashboard__item .adi__content--col .icon-stats-bars {
  font-size: 5rem;
  margin-bottom: 0.25rem;
}

/* line 270, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item .adi__view-details, .school-profile-stats .activity-dashboard__item .adi__view-details {
  display: block;
  padding: 1rem 1.5rem;
  font-weight: bold;
  font-size: 0.8rem;
  color: var(--color-secondary);
  cursor: pointer;
}

/* line 281, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item.activity-dashboard__item--add a, .school-profile-stats .activity-dashboard__item.activity-dashboard__item--add a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  min-height: 289px;
  width: 100%;
  font-size: 1.3rem;
  font-weight: 600;
}

/* line 291, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item.activity-dashboard__item--add a span, .school-profile-stats .activity-dashboard__item.activity-dashboard__item--add a span {
  display: block;
  margin-bottom: 0.5rem;
  color: black;
}

/* line 300, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item--disabled, .school-profile-stats .activity-dashboard__item--disabled {
  background: #eee;
  color: #bbb;
}

/* line 305, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-dashboard__item--2-wide, .school-profile-stats .activity-dashboard__item--2-wide {
  grid-column: 1 / span 2;
}

/* line 309, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-views-button, .school-profile-stats .activity-views-button {
  margin: 0.5rem 20% 2rem;
  text-align: center;
}

/* line 313, app/assets/stylesheets/activity-dashboard.scss */
.activity-dashboard .activity-views-button .button, .school-profile-stats .activity-views-button .button {
  justify-content: center;
}

@media only screen and (max-width: 1259px) {
  /* line 319, app/assets/stylesheets/activity-dashboard.scss */
  .activity-dashboard .activity-dashboard__item--2-wide-mobile, .school-profile-stats .activity-dashboard__item--2-wide-mobile {
    grid-column: 1 / span 2;
  }
}

/* line 1, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(350px, 0.9fr) 1.1fr;
  border-radius: 0.25em;
}

/* line 8, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details > div:nth-child(1) {
  border-right: 2px solid var(--color-light-shade);
}

/* line 13, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__top-left {
  padding: 1.25rem 1.25rem 0.25rem 1.25rem;
  border-bottom: 2px solid var(--color-light-shade);
}

/* line 18, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__top-right {
  padding: 1.1rem 2rem 1.25rem 2rem;
  border-bottom: 2px solid var(--color-light-shade);
  line-height: 2rem;
  font-weight: 500;
  color: var(--color-dark-shade);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 29, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__top-right .view-guides {
  color: var(--color-secondary);
  font-size: 0.95rem;
  font-weight: bold;
  margin-left: 0.25rem;
}

/* line 38, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__bottom-right .adi__details {
  padding: 2rem;
  border-bottom: 1px solid var(--color-light-shade);
}

@media only screen and (max-width: 812px) {
  /* line 44, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details .activity-dashboard-details__bottom-right .adi__details > .flex {
    flex-flow: column-reverse nowrap;
  }
  /* line 47, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details .activity-dashboard-details__bottom-right .adi__details > .flex > .flex {
    justify-content: flex-end;
    margin-bottom: 0.5rem;
  }
  /* line 51, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details .activity-dashboard-details__bottom-right .adi__details > .flex > .flex select {
    width: 100%;
    font-size: 0.9rem;
  }
}

/* line 61, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__segment {
  margin-bottom: 0.75rem;
}

/* line 64, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__segment .segment-button label {
  padding: 0.18rem;
}

/* line 69, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__form {
  margin-top: 10px;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0.5rem;
}

@media only screen and (min-width: 813px) {
  /* line 69, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details .activity-dashboard-details__form {
    display: none;
  }
}

/* line 79, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__form .activity-dashboard-details__filter-select {
  flex: 1;
  padding: 0 0.25rem;
  text-transform: none;
  margin-right: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  border-width: 1px;
}

/* line 89, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__form .activity-dashboard-details__filter-button {
  font-size: 0.8rem;
  padding: 0 2.5em;
  text-transform: none;
  height: 25px;
}

/* line 97, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__sort-headers-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-weight: bold;
  font-size: 0.9rem;
}

/* line 104, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__sort-headers-wrapper .icon-plus-circle {
  margin-right: 0.25rem;
}

/* line 109, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__sort-headers {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: var(--color-dark);
  padding-top: 1rem;
  font-weight: 500;
}

/* line 119, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__sort-headers .item__due-date {
  min-width: 120px;
  text-align: center;
}

/* line 124, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__sort-headers .item__time-stamp {
  min-width: 100px;
  text-align: center;
}

/* line 131, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item.activity-dashboard-details__item--selected {
  background-color: rgba(var(--color-primary-rgb), 0.08);
}

/* line 135, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-light);
  padding: 1.25rem;
}

/* line 142, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a .item__content {
  width: calc(100% - 220px);
}

@media only screen and (max-width: 812px) {
  /* line 142, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details .activity-dashboard-details__item a .item__content {
    max-width: 117px;
  }
}

/* line 150, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a .item__title {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--color-dark-shade);
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

/* line 160, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a .item__due-date {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--color-dark);
}

/* line 169, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a .item__due-date--past-due {
  color: var(--color-danger);
}

/* line 173, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a .item__assignee,
.activity-dashboard-details .activity-dashboard-details__item a .item__time-stamp {
  font-size: 0.75rem;
  color: var(--color-dark);
}

/* line 179, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item a .item__time-stamp {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  min-width: 100px;
}

/* line 188, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__item:last-of-type a {
  border-bottom: none;
}

/* line 193, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__header {
  font-size: 1.1rem;
  font-weight: bold;
}

@media only screen and (max-width: 812px) {
  /* line 193, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details .activity-dashboard-details__header {
    max-width: 117px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* line 204, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__text {
  font-size: 1rem;
  color: var(--color-dark);
  margin: 1.5rem 0;
}

/* line 210, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .adi__comments {
  padding: 2rem;
  border-bottom: 1px solid var(--color-light-shade);
  min-width: 0;
}

/* line 215, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .adi__comments .activity-dashboard-comment {
  font-size: 0.8rem;
}

/* line 218, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .adi__comments .activity-dashboard-comment p {
  margin-top: 0;
  line-height: 1.2em;
}

/* line 223, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .adi__comments .activity-dashboard-comment img {
  width: 100%;
  object-fit: contain;
  max-height: 500px;
}

/* line 231, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .adi__textarea {
  padding: 2rem;
}

/* line 234, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .adi__textarea .form__textarea {
  border-color: var(--color-light-shade);
  background-color: var(--color-light);
  min-height: 100px;
}

/* line 241, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__date {
  color: var(--color-dark-shade);
}

/* line 244, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__date .activity-dashboard-details__posted-by {
  font-size: 0.8rem;
  font-weight: 500;
}

/* line 249, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__date .activity-dashboard-details__assignee {
  font-size: 0.7rem;
  font-weight: 500;
}

/* line 254, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__date .activity-dashboard-details__created {
  line-height: 0.8rem;
  font-size: 0.7rem;
  font-style: italic;
}

/* line 261, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__list-placeholder,
.activity-dashboard-details .activity-dashboard-details__selected-placeholder {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  margin: 0 5rem;
}

/* line 270, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__list-placeholder {
  padding: 1.5rem;
  font-size: 1rem;
  font-style: italic;
}

/* line 276, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details .activity-dashboard-details__selected-placeholder {
  padding: 0 1rem;
  font-size: 1.2rem;
  height: 300px;
  font-weight: 500;
}

/* line 283, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details a.activity-dashboard-event-attachment-download {
  border: 1px solid var(--color-light-shade);
  background: var(--color-light);
  padding: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.6rem;
}

/* line 291, app/assets/stylesheets/activity-dashboard-details.scss */
.activity-dashboard-details a.activity-dashboard-event-attachment-download i {
  margin-left: 1.2rem;
}

@media only screen and (max-width: 812px) {
  /* line 298, app/assets/stylesheets/activity-dashboard-details.scss */
  .activity-dashboard-details.mobile-grid.mobile-grid--list .activity-dashboard-details__item.activity-dashboard-details__item--selected {
    background-color: initial;
  }
}

/* line 1, app/assets/stylesheets/shop-talk-selector.scss */
.shop-talk-selector {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 80%;
}

/* line 7, app/assets/stylesheets/shop-talk-selector.scss */
.shop-talk-selector__item {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
}

/* line 13, app/assets/stylesheets/shop-talk-selector.scss */
.shop-talk-selector__item--selected {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-primary);
}

/* line 2, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details {
  user-select: none;
}

/* line 5, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details:first-of-type {
  margin-top: 1rem;
  padding-bottom: 0.25rem;
}

/* line 10, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details:last-of-type {
  margin-bottom: 1rem;
}

/* line 14, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details i {
  color: var(--color-primary);
  font-size: 1rem;
}

/* line 20, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details[open] i.icon-chevron-up {
  display: none;
}

/* line 24, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details[open] summary {
  margin-bottom: 0.5rem;
}

/* line 30, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details:not([open]) i.icon-chevron-down {
  display: none;
}

/* line 35, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details summary {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  outline: none;
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--color-dark);
  margin-left: 2rem;
  margin-right: 2rem;
}

/* line 46, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details summary.primary {
  color: var(--color-primary);
}

@media only screen and (max-width: 812px) {
  /* line 35, app/assets/stylesheets/sidebar.scss */
  .app-container__nav-menu details.primary-details summary {
    font-size: 1rem;
  }
}

/* line 55, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details summary::-webkit-details-marker {
  display: none;
}

/* line 59, app/assets/stylesheets/sidebar.scss */
.app-container__nav-menu details.primary-details:focus,
.app-container__nav-menu details.primary-details summary:focus {
  outline: none;
}

/* line 1, app/assets/stylesheets/school-connect-account-requests.scss */
.school-connect-account-request-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 6, app/assets/stylesheets/school-connect-account-requests.scss */
.school-connect-account-request-header > div {
  font-size: 1.5rem;
}

/* line 10, app/assets/stylesheets/school-connect-account-requests.scss */
.school-connect-account-request-header .segment {
  min-width: 280px;
  margin-left: 1rem;
}

/* line 15, app/assets/stylesheets/school-connect-account-requests.scss */
.school-connect-account-request-header .segment .segment-button label {
  font-size: 0.75rem;
  padding: 0.1rem 0.4rem;
  text-transform: none;
}

@media only screen and (max-width: 812px) {
  /* line 10, app/assets/stylesheets/school-connect-account-requests.scss */
  .school-connect-account-request-header .segment {
    min-width: 160px;
  }
  /* line 25, app/assets/stylesheets/school-connect-account-requests.scss */
  .school-connect-account-request-header .segment .segment-button {
    border-color: white;
    background: var(--color-primary);
  }
  /* line 29, app/assets/stylesheets/school-connect-account-requests.scss */
  .school-connect-account-request-header .segment .segment-button input + label {
    color: white;
  }
  /* line 33, app/assets/stylesheets/school-connect-account-requests.scss */
  .school-connect-account-request-header .segment .segment-button input:checked + label {
    background: white;
    color: var(--color-primary);
  }
}

/* line 1, app/assets/stylesheets/school-assist.scss */
.school-assist-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 6, app/assets/stylesheets/school-assist.scss */
.school-assist-header > div {
  font-size: 1.5rem;
}

/* line 10, app/assets/stylesheets/school-assist.scss */
.school-assist-header .segment {
  min-width: 350px;
  margin-left: 1rem;
}

/* line 15, app/assets/stylesheets/school-assist.scss */
.school-assist-header .segment .segment-button label {
  font-size: 0.75rem;
  padding: 0.1rem 0.4rem;
  text-transform: none;
}

@media only screen and (max-width: 812px) {
  /* line 10, app/assets/stylesheets/school-assist.scss */
  .school-assist-header .segment {
    margin: 0;
  }
}

/* line 28, app/assets/stylesheets/school-assist.scss */
.school-assist {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 1rem;
  padding: 1.5rem 3rem;
}

/* line 35, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form .map-form__inputs {
  display: flex;
  flex-flow: column nowrap;
  align-content: center;
}

/* line 40, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form .map-form__inputs > :first-child {
  margin-bottom: 0.5rem;
}

/* line 44, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form .map-form__inputs > div {
  display: flex;
  flex-flow: row nowrap;
}

/* line 48, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form .map-form__inputs > div > :first-child {
  margin-right: 0.5rem;
}

/* line 54, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form input,
.school-assist .map-form select {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  padding: 5px 0.5rem;
  font-size: 0.75rem;
}

/* line 62, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form input {
  display: flex;
  border-radius: 5px;
  -webkit-appearance: initial;
  outline: none;
  box-sizing: border-box;
  transition: 0.3s;
  max-width: 165px;
  padding: 6px 0.75rem;
}

/* line 73, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form select {
  color: var(--color-primary);
  font-weight: 600;
  outline: none;
}

/* line 79, app/assets/stylesheets/school-assist.scss */
.school-assist .map-form .current-search {
  margin-top: 0.5rem;
  font-size: 0.7rem;
  line-height: 1rem;
}

/* line 86, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__filter-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

/* line 92, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__filter-title:first-of-type {
  margin-top: 0;
}

/* line 97, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__zip-code {
  font-size: 1rem;
  padding: 0.3rem 1rem;
  margin-left: 1.65rem;
  width: 80px;
  box-sizing: border-box;
}

/* line 105, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper {
  position: relative;
}

/* line 108, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__complete {
  text-align: center;
  bottom: 1rem;
  right: 1rem;
}

/* line 113, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__complete .button {
  display: inline;
}

@media only screen and (max-width: 812px) {
  /* line 108, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card__wrapper .school-assist__card__complete {
    width: 100%;
    right: unset;
  }
  /* line 119, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card__wrapper .school-assist__card__complete .button {
    display: flex;
    padding: 0.75em 1.5em;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
  }
}

/* line 129, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 400;
  top: 17px;
  right: 13px;
  margin: 0.25rem 0 0.75rem 0;
  color: var(--color-primary);
  font-size: 1.2rem;
  font-weight: bold;
  padding-right: 1rem;
}

/* line 142, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions .label__title__edit {
  font-size: 1.4rem;
}

/* line 146, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions .label__title__delete {
  font-size: 1.4rem;
}

/* line 152, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions .checkbox .icon-heart {
  color: var(--color-danger);
}

/* line 156, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions .checkbox .icon-heart-o {
  color: var(--color-dark);
}

/* line 160, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions .checkbox .bookmark-svg {
  margin-right: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
}

/* line 166, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions .checkbox .bookmark-svg__saved {
  color: var(--color-primary);
}

/* line 172, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card__wrapper .school-assist__card__actions button {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
}

/* line 181, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card {
  display: flex;
  flex-flow: row nowrap;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0 4px 16px;
  background-color: white;
}

@media only screen and (max-width: 992px) {
  /* line 181, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card {
    padding-bottom: 4rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 181, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card {
    padding-bottom: 1.5rem;
  }
}

/* line 198, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__pending-label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-right: 3.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 198, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card .card__pending-label {
    margin-right: 0;
  }
}

/* line 212, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .label__title {
  margin-right: 3.5rem;
  margin-top: 0.3rem;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

/* line 219, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .label__expiry {
  margin-right: 3.5rem;
  margin-top: 0.3rem;
  margin-bottom: 0.8rem;
  font-weight: normal;
  font-size: 0.9rem;
}

/* line 225, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .label__expiry span {
  font-weight: 500;
}

/* line 228, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__thumbnail {
  margin-right: 2rem;
}

/* line 231, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__thumbnail img {
  width: 165px;
  height: 140px;
  object-fit: contain;
}

/* line 238, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__label {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  line-height: 1.2rem;
  margin-bottom: 0.15rem;
}

/* line 247, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__label .label__description {
  font-size: 0.9rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}

/* line 259, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__label .label__location {
  font-size: 0.85rem;
  font-weight: bold;
}

/* line 264, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card .card__label .label__address {
  font-size: 0.8rem;
  font-style: italic;
}

/* line 270, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__card:active {
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}

/* line 275, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__placeholder {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-align: center;
  margin: 2rem;
}

/* line 282, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__placeholder .placeholder__title {
  font-size: 1.2rem;
  font-weight: 500;
}

/* line 287, app/assets/stylesheets/school-assist.scss */
.school-assist .school-assist__placeholder .placeholder__description {
  font-size: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 28, app/assets/stylesheets/school-assist.scss */
  .school-assist {
    padding: 1rem;
    grid-template-columns: auto;
  }
  /* line 296, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card {
    flex-direction: column;
  }
  /* line 299, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card .card__thumbnail {
    margin-left: 2rem;
  }
  /* line 302, app/assets/stylesheets/school-assist.scss */
  .school-assist .school-assist__card .card__thumbnail img {
    width: 100%;
    height: 100%;
    max-height: 250px;
  }
}

@media only screen and (max-width: 812px) {
  /* line 313, app/assets/stylesheets/school-assist.scss */
  .app-body__main {
    padding: 0;
  }
  /* line 317, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .app-body__main {
    padding: 0;
  }
  /* line 321, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .rounded-cell__header {
    background-color: white;
    border-bottom: none;
    display: flex;
    justify-content: center;
  }
  /* line 329, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .school-assist-modal .school-assist-modal__details {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-light-shade);
  }
  /* line 334, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .school-assist-modal .school-assist-modal__details .summary__sub-title {
    font-size: 1rem;
  }
  /* line 338, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .school-assist-modal .school-assist-modal__details .details__description {
    font-size: 1rem;
  }
  /* line 344, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .school-assist-modal .school-assist-modal__summary .summary__owner-title,
.school_assist_projects .school-assist-modal .school-assist-modal__summary .summary__owner-location {
    font-size: 1.1rem;
  }
  /* line 348, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .school-assist-modal .school-assist-modal__summary .summary__owner-title--sm,
.school_assist_projects .school-assist-modal .school-assist-modal__summary .summary__owner-location--sm {
    font-size: 1rem;
  }
  /* line 353, app/assets/stylesheets/school-assist.scss */
  .school_assist_projects .school-assist-modal .school-assist-modal__summary .details__sub-title,
.school_assist_projects .school-assist-modal .school-assist-modal__summary .details__description {
    font-size: 1rem;
  }
}

/* line 1, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 2rem;
  padding: 2rem;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/school-assist-modal.scss */
  .school-assist-modal {
    display: block;
  }
}

/* line 11, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-project__files {
  display: flex;
  flex-direction: row;
  margin-right: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* line 18, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-project__files a {
  margin: 0.25rem;
}

/* line 22, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-align: center;
}

/* line 28, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary img.school-image {
  width: 100%;
}

/* line 32, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button {
  margin: 1.5rem 1rem;
  padding: 0.65rem 1rem;
  background: var(--color-dark-contrast);
  color: var(--color-dark);
  border: 1px solid var(--color-dark);
  box-shadow: initial;
}

/* line 40, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button:focus {
  border-color: var(--color-dark);
}

/* line 44, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button:hover {
  background: initial;
  color: initial;
  border-color: initial;
}

/* line 50, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button:active {
  background: initial;
}

/* line 55, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button.button--selected .fav-remove {
  display: none;
}

/* line 61, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button:not(.button--selected) .fav-add {
  display: none;
}

/* line 66, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button .fav-add,
.school-assist-modal .school-assist-modal__summary .button .fav-remove {
  display: flex;
  align-items: center;
}

/* line 71, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .button .fav-add i,
.school-assist-modal .school-assist-modal__summary .button .fav-remove i {
  height: 1.5rem;
  width: 1.5rem;
}

/* line 78, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .summary__owner-title {
  font-size: 1rem;
  font-weight: bold;
}

/* line 82, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .summary__owner-title--sm {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}

/* line 88, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .summary__owner-location {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-style: italic;
}

/* line 93, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .summary__owner-location--sm {
  font-size: 0.85rem;
  font-style: normal;
}

/* line 99, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .details__sub-title {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
}

/* line 106, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .details__description {
  font-size: 0.85rem;
  white-space: pre-line;
  overflow-wrap: break-word;
  line-height: 1.2rem;
}

/* line 113, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .see-more-link {
  font-size: 0.9rem;
  color: var(--color-primary);
  margin-top: 0.5rem;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  user-select: none;
  cursor: pointer;
}

/* line 123, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__summary .see-more-link.hidden {
  display: none;
}

/* line 131, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__description {
  font-size: 0.85rem;
  white-space: pre-line;
  overflow-wrap: break-word;
  line-height: 1.2rem;
  padding-bottom: 1rem;
}

/* line 139, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__title {
  position: relative;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  font-weight: bold;
}

/* line 145, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__title span {
  margin-right: 20px;
}

/* line 149, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__title .icon-pencil {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 156, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .summary__sub-title {
  margin-top: 0.2rem;
  color: var(--color-dark);
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 163, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__sub-title {
  display: block;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

/* line 171, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 110.8275px;
  gap: 1.5rem;
  margin: 1.2rem 0;
}

/* line 178, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

/* line 187, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-modal .school-assist-modal__details .details__warning a {
  font-weight: bold;
  text-decoration: underline;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/school-assist-modal.scss */
  .school-assist-modal {
    padding: 1rem;
    grid-template-columns: auto;
  }
}

/* line 200, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-edit__images {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin: 1.2rem 0;
}

/* line 206, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-edit__images > div {
  display: flex;
}

/* line 209, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-edit__images > div .form__field:first-of-type {
  flex-shrink: 1;
}

/* line 213, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-edit__images > div .form__field:last-of-type {
  flex-grow: 3;
  margin: 1.8rem 0 0 1rem;
  font-size: 0.8rem;
}

/* line 219, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-edit__images > div .form__field.school-assist-edit__images__has-image {
  margin-top: 0;
}

/* line 225, app/assets/stylesheets/school-assist-modal.scss */
.school-assist-edit__images .drop-zone-preview .form__label {
  margin-bottom: 0.5rem;
}

/* line 1, app/assets/stylesheets/project-conversations.scss */
.project-conversations {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(180px, 1fr) 2fr;
  background: white;
}

@media only screen and (min-width: 813px) {
  /* line 1, app/assets/stylesheets/project-conversations.scss */
  .project-conversations {
    height: calc(100vh - 5rem);
    border-radius: 0.25em;
  }
}

/* line 14, app/assets/stylesheets/project-conversations.scss */
.project-conversations > div:nth-child(1) {
  padding: 1.25rem;
  border-right: 2px solid var(--color-light-shade);
  border-bottom: 2px solid var(--color-light-shade);
}

/* line 21, app/assets/stylesheets/project-conversations.scss */
.project-conversations > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 2rem;
  border-bottom: 2px solid var(--color-light-shade);
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--color-dark-shade);
}

/* line 30, app/assets/stylesheets/project-conversations.scss */
.project-conversations > div:nth-child(2) a {
  vertical-align: middle;
}

@media only screen and (max-width: 812px) {
  /* line 21, app/assets/stylesheets/project-conversations.scss */
  .project-conversations > div:nth-child(2) {
    flex-direction: column;
  }
  /* line 37, app/assets/stylesheets/project-conversations.scss */
  .project-conversations > div:nth-child(2) > :first-child {
    display: flex;
    flex-direction: column;
  }
}

/* line 45, app/assets/stylesheets/project-conversations.scss */
.project-conversations > div:nth-child(3) {
  border-right: 2px solid var(--color-light-shade);
}

@media only screen and (min-width: 813px) {
  /* line 45, app/assets/stylesheets/project-conversations.scss */
  .project-conversations > div:nth-child(3) {
    overflow-y: auto;
  }
}

/* line 54, app/assets/stylesheets/project-conversations.scss */
.project-conversations > div:nth-child(4) {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr 1fr;
}

@media only screen and (min-width: 813px) {
  /* line 54, app/assets/stylesheets/project-conversations.scss */
  .project-conversations > div:nth-child(4) {
    overflow-y: auto;
    padding-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 54, app/assets/stylesheets/project-conversations.scss */
  .project-conversations > div:nth-child(4) {
    display: block;
  }
}

/* line 71, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__segment .segment {
  margin: 0 auto;
  max-width: 200px;
}

/* line 78, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item.project-conversations__item--selected {
  background-color: rgba(var(--color-primary-rgb), 0.08);
}

/* line 82, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-light);
  padding: 1.25rem;
}

/* line 89, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a > div:first-of-type {
  min-width: 0;
}

/* line 93, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a > div:last-of-type {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 50px;
}

/* line 101, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a .item__category {
  font-size: 0.95rem;
  color: var(--color-dark-shade);
}

/* line 106, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a .item__title,
.project-conversations .project-conversations__item a .item__time-stamp {
  font-size: 0.75rem;
}

/* line 111, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a .item__time-stamp {
  display: flex;
  align-items: center;
  align-self: flex-end;
}

/* line 117, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item a .item__notifications {
  display: none;
  border-radius: 1rem;
  color: var(--color-primary-contrast);
  background-color: var(--color-primary);
  padding: 0.1rem 0.65rem;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1rem;
}

/* line 130, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item.project-conversations__item--unread .item__title,
.project-conversations .project-conversations__item.project-conversations__item--unread .item__category,
.project-conversations .project-conversations__item.project-conversations__item--unread .item__time-stamp {
  font-weight: bold;
}

/* line 136, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item.project-conversations__item--unread .item__notifications {
  display: block;
}

/* line 141, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__item:last-of-type a {
  border-bottom: none;
}

/* line 146, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message-list {
  padding: 1.5rem;
}

@media only screen and (max-width: 812px) {
  /* line 146, app/assets/stylesheets/project-conversations.scss */
  .project-conversations .project-conversations__message-list {
    min-height: calc(100vh - 356.688px);
  }
}

/* line 154, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message {
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: var(--color-dark);
  margin: 0.25rem 0;
}

/* line 162, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message .message__author-entity {
  font-weight: bold;
  font-size: 0.8rem;
}

/* line 167, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message .message__author {
  font-size: 0.7rem;
}

/* line 171, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message .message__body {
  padding: 1rem;
  margin: 0.4rem 0;
  border-radius: 8px;
  overflow-wrap: anywhere;
}

/* line 178, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message .message__date {
  font-size: 0.8rem;
}

/* line 182, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message.project-conversations__message--user {
  align-items: flex-end;
}

/* line 185, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message.project-conversations__message--user .message__body {
  color: var(--color-primary-contrast);
  background-color: rgba(var(--color-primary-rgb), 0.8);
  border-top-right-radius: 0;
}

/* line 192, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message.project-conversations__message--user + .project-conversations__message--user .message__author-entity {
  display: none;
}

/* line 198, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message.project-conversations__message--contact {
  align-items: flex-start;
}

/* line 201, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message.project-conversations__message--contact .message__body {
  color: var(--color-light-contrast);
  background-color: rgba(var(--color-medium-rgb), 0.25);
  border-top-left-radius: 0;
}

/* line 208, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__message.project-conversations__message--contact + .project-conversations__message--contact .message__author-entity {
  display: none;
}

/* line 215, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__textarea {
  padding: 1.5rem;
  border-top: 2px solid var(--color-light-shade);
}

/* line 219, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__textarea .form {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}

/* line 224, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__textarea .form .form__field {
  margin-bottom: 0;
}

@media only screen and (min-width: 813px) {
  /* line 224, app/assets/stylesheets/project-conversations.scss */
  .project-conversations .project-conversations__textarea .form .form__field {
    margin-right: 0.5rem;
  }
}

/* line 231, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__textarea .form .form__field .form__textarea {
  background-color: var(--color-light);
  border-color: var(--color-light-shade);
  font-size: 0.9rem;
}

/* line 239, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__textarea .button.button--small {
  padding: 0.5rem 1rem;
}

/* line 244, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__list-placeholder,
.project-conversations .project-conversations__selected-placeholder {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 252, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__list-placeholder {
  padding: 1.5rem;
  font-size: 1rem;
  font-style: italic;
}

/* line 258, app/assets/stylesheets/project-conversations.scss */
.project-conversations .project-conversations__selected-placeholder {
  font-size: 1.2rem;
  height: 300px;
  font-weight: 500;
}

@media only screen and (max-width: 812px) {
  /* line 266, app/assets/stylesheets/project-conversations.scss */
  .project-conversations.mobile-grid.mobile-grid--list .project-conversations__item.project-conversations__item--selected {
    background-color: initial;
  }
}

/* line 1, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-banner {
  background-color: var(--color-secondary-tint);
  color: var(--color-secondary-contrast);
  margin-bottom: 1rem;
  padding: 0.5rem;
  text-align: center;
}

/* line 9, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(180px, 9fr) 14fr minmax(200px, 13fr);
  background: white;
}

/* line 15, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__tech-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.25rem;
}

@media only screen and (min-width: 813px) {
  /* line 9, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos {
    height: calc(100vh - 5rem);
    border-radius: 0.25em;
  }
}

/* line 29, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos > div:nth-child(1) {
  padding: 1.25rem;
  border-right: 2px solid var(--color-light-shade);
  border-bottom: 2px solid var(--color-light-shade);
}

/* line 36, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 2rem;
  border-bottom: 2px solid var(--color-light-shade);
  border-right: 2px solid var(--color-light-shade);
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--color-dark-shade);
}

/* line 46, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos > div:nth-child(2) a {
  vertical-align: middle;
}

@media only screen and (max-width: 812px) {
  /* line 36, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos > div:nth-child(2) {
    flex-direction: column;
  }
  /* line 53, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos > div:nth-child(2) > :first-child {
    display: flex;
    flex-direction: column;
  }
}

/* line 61, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos > div:nth-child(3) {
  border-bottom: 2px solid var(--color-light-shade);
}

/* line 66, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos > div:nth-child(4) {
  grid-template-columns: auto;
  border-right: 2px solid var(--color-light-shade);
}

@media only screen and (min-width: 813px) {
  /* line 66, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos > div:nth-child(4) {
    overflow-y: auto;
    padding-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 66, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos > div:nth-child(4) {
    display: block;
  }
}

/* line 82, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos > div:nth-child(5) {
  border-right: 2px solid var(--color-light-shade);
}

@media only screen and (min-width: 813px) {
  /* line 82, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos > div:nth-child(5) {
    overflow-y: auto;
  }
}

/* line 96, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__segment .segment {
  margin: 0 auto;
  max-width: 200px;
}

/* line 103, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item.reverse-job-posts-convos__item--selected {
  background-color: rgba(var(--color-primary-rgb), 0.08);
}

/* line 106, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item.reverse-job-posts-convos__item--same-rjp-as-selected {
  background-color: rgba(var(--color-primary-rgb), 0.03);
}

/* line 110, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-light);
  padding: 1.25rem;
}

/* line 117, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a > div:first-of-type {
  min-width: 0;
}

/* line 121, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a > div:last-of-type {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 50px;
}

/* line 129, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a .item__name {
  font-size: 0.95rem;
  color: var(--color-dark-shade);
}

/* line 134, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a .item__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 140, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a .item__title,
.reverse-job-posts-convos .reverse-job-posts-convos__item a .item__time-stamp {
  font-size: 0.75rem;
}

/* line 145, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a .item__time-stamp {
  display: flex;
  align-items: center;
  align-self: flex-end;
}

/* line 151, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item a .item__notifications {
  display: none;
  border-radius: 1rem;
  color: var(--color-primary-contrast);
  background-color: var(--color-primary);
  padding: 0.1rem 0.65rem;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1rem;
}

/* line 164, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item.reverse-job-posts-convos__item--unread .item__title,
.reverse-job-posts-convos .reverse-job-posts-convos__item.reverse-job-posts-convos__item--unread .item__category,
.reverse-job-posts-convos .reverse-job-posts-convos__item.reverse-job-posts-convos__item--unread .item__time-stamp {
  font-weight: bold;
}

/* line 170, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item.reverse-job-posts-convos__item--unread .item__notifications {
  display: block;
}

/* line 175, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__item:last-of-type a {
  border-bottom: none;
}

/* line 180, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos #reverse-job-post-convo-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* line 185, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos #reverse-job-post-convo-container.mobile-grid--hide {
  display: none;
}

/* line 190, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .convo-canceled-warning {
  text-align: center;
  background-color: rgba(var(--color-secondary-rgb), 0.25);
  color: var(--color-secondary-shade);
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2rem;
}

/* line 200, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message-list {
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
}

@media only screen and (max-width: 812px) {
  /* line 200, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos .reverse-job-posts-convos__message-list {
    min-height: calc(100vh - 356.688px);
  }
}

/* line 213, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message {
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: var(--color-dark);
  margin: 0.25rem 0;
}

/* line 221, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message .message__author-entity {
  font-weight: bold;
  font-size: 0.8rem;
}

/* line 226, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message .message__author {
  font-size: 0.7rem;
}

/* line 230, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message .message__body {
  padding: 1rem;
  margin: 0.4rem 0;
  border-radius: 8px;
  overflow-wrap: anywhere;
}

/* line 237, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message .message-body-link {
  background-color: initial;
  text-decoration: underline;
}

/* line 242, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message .message__date {
  font-size: 0.8rem;
}

/* line 246, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message.reverse-job-posts-convos__message--shop-owned {
  align-items: flex-end;
}

/* line 249, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message.reverse-job-posts-convos__message--shop-owned .message__body {
  color: var(--color-primary-contrast);
  background-color: rgba(var(--color-primary-rgb), 0.8);
  border-top-right-radius: 0;
}

/* line 256, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message.reverse-job-posts-convos__message--shop-owned + .reverse-job-posts-convos__message--shop-owned .message__author-entity {
  display: none;
}

/* line 262, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message.reverse-job-posts-convos__message--tech-owned {
  align-items: flex-start;
}

/* line 265, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message.reverse-job-posts-convos__message--tech-owned .message__body {
  color: var(--color-light-contrast);
  background-color: rgba(var(--color-medium-rgb), 0.25);
  border-top-left-radius: 0;
}

/* line 272, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__message.reverse-job-posts-convos__message--tech-owned + .reverse-job-posts-convos__message--tech-owned .message__author-entity {
  display: none;
}

/* line 279, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__textarea {
  padding: 1.5rem;
  border-top: 2px solid var(--color-light-shade);
}

/* line 283, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__textarea .form {
  display: flex;
  flex-flow: column;
}

/* line 287, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__textarea .form .form__field {
  margin-bottom: 0;
}

@media only screen and (min-width: 813px) {
  /* line 287, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos .reverse-job-posts-convos__textarea .form .form__field {
    margin-right: 0.5rem;
  }
}

/* line 294, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__textarea .form .form__field .form__textarea {
  background-color: var(--color-light);
  border-color: var(--color-light-shade);
  font-size: 0.9rem;
}

/* line 302, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__textarea .button.button--small {
  padding: 0.5rem 1rem;
}

/* line 307, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__list-placeholder,
.reverse-job-posts-convos .reverse-job-posts-convos__selected-placeholder {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

/* line 315, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__list-placeholder {
  padding: 1.5rem;
  font-size: 1rem;
  font-style: italic;
  text-align: center;
}

/* line 322, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__convo-placeholder {
  padding: 1.5rem 5rem;
  text-align: center;
  font-size: 1rem;
  font-style: italic;
}

/* line 329, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-posts-convos .reverse-job-posts-convos__selected-placeholder {
  font-size: 1.2rem;
  height: 300px;
  font-weight: 500;
}

@media only screen and (max-width: 812px) {
  /* line 337, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .reverse-job-posts-convos.mobile-grid.mobile-grid--list .reverse-job-posts-convos__item.reverse-job-posts-convos__item--selected {
    background-color: initial;
  }
}

/* line 345, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__expired-notice {
  text-align: center;
  background-color: rgba(var(--color-secondary-rgb), 0.25);
  color: var(--color-secondary-shade);
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2rem;
}

/* line 355, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-info-container {
  border-bottom: 2px solid var(--color-light-shade);
  margin-top: 2rem;
  padding-bottom: 2rem;
}

/* line 360, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-info-placeholder-container {
  margin-top: 2rem;
  padding-bottom: 2rem;
}

/* line 364, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-info-placeholder-container .reverse-job-post__technician-name img {
  border: 1px solid var(--color-primary);
  margin-bottom: 1rem;
}

/* line 369, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-name {
  border-bottom: 1px solid var(--color-light-shade);
  margin: auto;
  text-align: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 376, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .technician-name {
  font-weight: bold;
}

/* line 379, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-name img {
  border-radius: 50%;
}

/* line 383, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-info {
  max-width: 80%;
  margin: auto;
}

/* line 388, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-info-icon-data__wrapper {
  display: grid;
  justify-content: center;
}

/* line 393, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__technician-info-icon-data {
  display: grid;
  grid-template-columns: auto minmax(auto, 1fr);
  gap: 0.5rem;
}

/* line 399, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__answers {
  padding: 0 10%;
  margin: auto;
  border-bottom: 2px solid var(--color-light-shade);
}

/* line 404, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__answers h5 {
  font-size: 1.0rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0;
}

/* line 409, app/assets/stylesheets/reverse-job-posts-convos.scss */
.reverse-job-post.reverse-job-post .reverse-job-post__answers p {
  margin-top: 0;
  padding-top: 0;
}

/* line 415, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-reverse-job-posts {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(180px, 1fr) 2fr;
  background: white;
}

@media only screen and (min-width: 813px) {
  /* line 415, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .admin-reverse-job-posts {
    height: calc(100vh - 5rem);
    border-radius: 0.25em;
  }
}

/* line 428, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-reverse-job-posts > div:nth-child(1) {
  padding: 1.25rem;
  border-right: 2px solid var(--color-light-shade);
  border-bottom: 2px solid var(--color-light-shade);
}

/* line 435, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-reverse-job-posts > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 2rem;
  border-bottom: 2px solid var(--color-light-shade);
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--color-dark-shade);
}

@media only screen and (max-width: 812px) {
  /* line 435, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .admin-reverse-job-posts > div:nth-child(2) {
    flex-direction: column;
  }
  /* line 447, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .admin-reverse-job-posts > div:nth-child(2) > :first-child {
    display: flex;
    flex-direction: column;
  }
}

/* line 455, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-reverse-job-posts > div:nth-child(3) {
  padding: 1.25rem 2rem;
  border-right: 2px solid var(--color-light-shade);
}

@media only screen and (min-width: 813px) {
  /* line 455, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .admin-reverse-job-posts > div:nth-child(3) {
    overflow-y: auto;
  }
}

/* line 465, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-reverse-job-posts > div:nth-child(4) {
  padding: 1.25rem 2rem;
  display: grid;
}

@media only screen and (min-width: 813px) {
  /* line 465, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .admin-reverse-job-posts > div:nth-child(4) {
    overflow-y: auto;
    padding-bottom: 1.25rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 465, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .admin-reverse-job-posts > div:nth-child(4) {
    display: block;
  }
}

/* line 483, app/assets/stylesheets/reverse-job-posts-convos.scss */
.convo_as_technician .reverse-job-posts-convos__message--shop-owned {
  align-items: flex-end;
}

/* line 486, app/assets/stylesheets/reverse-job-posts-convos.scss */
.convo_as_technician .reverse-job-posts-convos__message--shop-owned .message__body {
  color: var(--color-primary-contrast);
  background-color: rgba(var(--color-primary-rgb), 0.8);
  border-top-right-radius: 0;
}

/* line 493, app/assets/stylesheets/reverse-job-posts-convos.scss */
.convo_as_technician .reverse-job-posts-convos__message--shop-owned + .reverse-job-posts-convos__message--shop-owned .message__author-entity {
  display: none;
}

/* line 499, app/assets/stylesheets/reverse-job-posts-convos.scss */
.convo_as_technician .reverse-job-posts-convos__message--tech-owned {
  align-items: flex-start;
}

/* line 502, app/assets/stylesheets/reverse-job-posts-convos.scss */
.convo_as_technician .reverse-job-posts-convos__message--tech-owned .message__body {
  color: var(--color-light-contrast);
  background-color: rgba(var(--color-medium-rgb), 0.25);
  border-top-left-radius: 0;
}

/* line 509, app/assets/stylesheets/reverse-job-posts-convos.scss */
.convo_as_technician .reverse-job-posts-convos__message--tech-owned + .reverse-job-posts-convos__message--tech-owned .message__author-entity {
  display: none;
}

/* line 518, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__expired-notice {
  text-align: center;
  background-color: rgba(var(--color-secondary-rgb), 0.25);
  color: var(--color-secondary-shade);
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2rem;
}

/* line 528, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__technician-info-container {
  border-bottom: 2px solid var(--color-light-shade);
  margin-top: 2rem;
  padding-bottom: 2rem;
}

/* line 533, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__technician-info-placeholder-container {
  margin-top: 2rem;
  padding-bottom: 2rem;
}

/* line 537, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__technician-name {
  border-bottom: 1px solid var(--color-light-shade);
  margin: auto;
  text-align: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 544, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .technician-name {
  font-weight: bold;
}

/* line 547, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__technician-name img {
  border-radius: 50%;
}

/* line 551, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__technician-info {
  max-width: 80%;
  margin: auto;
}

/* line 556, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__answers {
  max-width: 80%;
  margin: auto;
}

/* line 560, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__answers h5 {
  font-size: 1.0rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0;
}

/* line 565, app/assets/stylesheets/reverse-job-posts-convos.scss */
.admin-rjp-container .reverse-job-post .reverse-job-post__answers p {
  margin-top: 0;
  padding-top: 0;
}

@media only screen and (max-width: 812px) {
  /* line 572, app/assets/stylesheets/reverse-job-posts-convos.scss */
  .rjp-middle-section {
    padding: 0 2rem;
  }
}

/* line 1, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle {
  padding: 2rem;
}

/* line 4, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top {
  --avatar-size: 5.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  padding-bottom: 3rem;
  margin: 1rem 0 2rem 0;
  border-bottom: 1px solid var(--color-light-shade);
}

/* line 14, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-avatar {
  height: var(--avatar-size);
  width: var(--avatar-size);
  border-radius: 9999px;
  object-fit: cover;
}

/* line 21, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-avatar-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--avatar-size);
  width: var(--avatar-size);
  border-radius: 9999px;
  background-color: var(--color-primary);
}

/* line 30, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-avatar-initials .tech-shop-avatar-initials__inner {
  font-size: 2.25rem;
  font-weight: 500;
  color: white;
}

/* line 37, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-tech-name {
  margin-top: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.7rem;
  font-weight: 600;
  color: black;
}

/* line 45, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  color: black;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* line 54, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data .tech-shop-data__item {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  text-align: center;
}

/* line 59, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data .tech-shop-data__item .tech-shop-data__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 64, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data .tech-shop-data__item .tech-shop-data__item-icon .coin-svg {
  margin-right: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  color: var(--color-secondary-tint);
}

/* line 71, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data .tech-shop-data__item .tech-shop-data__item-icon .comments-svg {
  margin-right: 0.25rem;
  height: 1.75rem;
  width: 1.75rem;
  color: #0ea5e9;
}

/* line 78, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data .tech-shop-data__item .tech-shop-data__item-icon span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/tech-shop-convos.scss */
.tech-shop-middle .tech-shop-middle__top .tech-shop-data .tech-shop-data__item .tech-shop-data__item-label {
  font-weight: 500;
  color: #6b7280;
}

/* line 1, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup {
  padding: 4rem 3rem;
}

/* line 4, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .school-connect-signup__logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

/* line 11, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .school-connect-signup__logo .logo__top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-end;
}

/* line 17, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .school-connect-signup__logo .logo__top img {
  width: 4rem;
  object-fit: contain;
}

/* line 22, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .school-connect-signup__logo .logo__top span {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: bold;
}

/* line 30, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .school-connect-signup__logo .logo__bottom {
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--color-primary);
}

/* line 37, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .form__submit input {
  margin-bottom: 1rem;
}

/* line 41, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup .school-connect-signup__steps {
  text-align: center;
  color: var(--color-medium);
  margin-bottom: 1rem;
}

/* line 48, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup-success {
  padding: 2rem 4rem;
  background-color: var(--color-light);
  border: 1px solid var(--color-medium);
  border-radius: 0.5rem;
  text-align: center;
}

/* line 55, app/assets/stylesheets/school-connect-signup.scss */
.school-connect-signup-success h3 {
  margin-top: 0;
}

/* line 1, app/assets/stylesheets/guides.scss */
.guide-categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  text-align: center;
  padding: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/guides.scss */
  .guide-categories {
    grid-template-columns: auto;
  }
}

/* line 12, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card {
  position: relative;
  text-align: center;
  border-radius: 5px;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  background: rgba(var(--color-primary-tint-rgb), 0.1);
  padding: 3rem 1rem;
  font-weight: 700;
  user-select: none;
}

/* line 23, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card.guide-category-card--draggable {
  position: relative;
  border: 2px solid #b7b7b7;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card.guide-category-card--draggable .grid-item__select-bar {
  display: none;
  height: 100%;
  width: 3px;
  background: var(--color-primary);
  position: absolute;
  top: -1px;
}

/* line 38, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card.guide-category-card--draggable .grid-item__select-bar.grid-item__select-bar--left {
  left: -0.5rem;
}

/* line 42, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card.guide-category-card--draggable .grid-item__select-bar.grid-item__select-bar--right {
  right: -0.5rem;
}

/* line 48, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card.sortable-list__item--chosen {
  opacity: 0.5;
  border-style: solid;
}

/* line 53, app/assets/stylesheets/guides.scss */
.guide-categories .guide-category-card.sortable-list__item--ghost {
  border-style: dotted;
  background-color: rgba(var(--color-primary-rgb), 0.25);
}

/* line 60, app/assets/stylesheets/guides.scss */
.guide-posts {
  padding: 0 1rem;
}

/* line 63, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__container {
  border-bottom: 1px solid var(--color-medium-shade);
  padding: 0 0 1rem 0;
}

/* line 68, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post {
  display: flex;
  justify-content: space-between;
}

/* line 72, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 812px) {
  /* line 68, app/assets/stylesheets/guides.scss */
  .guide-posts .guide-post {
    flex-flow: column-reverse;
    margin: 1rem 0;
  }
}

/* line 81, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post h3 {
  margin-bottom: 0.5rem;
}

/* line 84, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post h3 span.guide-post__main_title {
  color: var(--color-primary);
}

/* line 89, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post .guide-post__body-container {
  white-space: pre-line;
  margin-top: 0;
}

@media only screen and (min-width: 813px) {
  /* line 89, app/assets/stylesheets/guides.scss */
  .guide-posts .guide-post .guide-post__body-container {
    margin-left: 1.2rem;
  }
}

/* line 98, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post .icon-trash {
  margin-left: 1.2rem;
}

/* line 103, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__details {
  margin-top: 1.2rem;
}

/* line 105, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__details .see-more-link {
  color: var(--color-primary);
  font-weight: bold;
  cursor: pointer;
  margin: 1em 0 1em 0;
}

/* line 113, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__files {
  display: flex;
  flex-direction: row;
  margin-left: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* line 120, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__files a {
  margin: 0.25rem;
}

/* line 124, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__attachment {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 2rem;
  min-width: 290px;
}

/* line 131, app/assets/stylesheets/guides.scss */
.guide-posts .guide-post__attachment img {
  margin: 0 auto;
  cursor: pointer;
}

@media only screen and (max-width: 812px) {
  /* line 124, app/assets/stylesheets/guides.scss */
  .guide-posts .guide-post__attachment {
    margin: 0;
  }
  /* line 139, app/assets/stylesheets/guides.scss */
  .guide-posts .guide-post__attachment img {
    width: 100%;
    object-fit: cover;
  }
}

/* line 147, app/assets/stylesheets/guides.scss */
.guide-posts-reorder {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: bold;
  font-size: 1.1rem;
  margin-left: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 147, app/assets/stylesheets/guides.scss */
  .guide-posts-reorder {
    margin-top: 1rem;
  }
}

/* line 160, app/assets/stylesheets/guides.scss */
.guide-posts-reorder i.icon {
  font-size: 0.8rem;
  margin-right: 0.25rem;
}

/* line 164, app/assets/stylesheets/guides.scss */
.guide-posts-reorder i.icon::before {
  vertical-align: text-bottom;
}

/* line 2, app/assets/stylesheets/sortable-list.scss */
.sortable-list .sortable-list__item {
  display: flex;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  user-select: none;
  cursor: grab;
}

/* line 10, app/assets/stylesheets/sortable-list.scss */
.sortable-list .sortable-list__item.sortable-list__item--ghost, .sortable-list .sortable-list__item.sortable-list__item--ghost .icon {
  color: var(--color-medium);
}

/* line 15, app/assets/stylesheets/sortable-list.scss */
.sortable-list .sortable-list__item.sortable-list__item--chosen {
  background-color: rgba(var(--color-primary-tint-rgb), 0.1);
}

/* line 19, app/assets/stylesheets/sortable-list.scss */
.sortable-list .sortable-list__item.sortable-list__item--drag {
  opacity: 0.2;
  background-color: transparent;
}

/* line 24, app/assets/stylesheets/sortable-list.scss */
.sortable-list .sortable-list__item i.icon {
  color: var(--color-dark);
  margin-right: 1rem;
}

/* line 1, app/assets/stylesheets/qrcode-container.scss */
.qrcode-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  max-width: 270px;
  margin: auto;
}

@media only screen and (max-width: 812px) {
  /* line 1, app/assets/stylesheets/qrcode-container.scss */
  .qrcode-container {
    margin-top: 1rem;
    max-width: 100%;
    align-items: center;
  }
}

/* line 15, app/assets/stylesheets/qrcode-container.scss */
.qrcode-container__full {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
}

/* line 22, app/assets/stylesheets/qrcode-container.scss */
.qrcode-description--desktop {
  display: block;
}

@media only screen and (max-width: 812px) {
  /* line 22, app/assets/stylesheets/qrcode-container.scss */
  .qrcode-description--desktop {
    display: none;
  }
}

/* line 28, app/assets/stylesheets/qrcode-container.scss */
.qrcode-description--mobile {
  display: none;
}

@media only screen and (max-width: 812px) {
  /* line 28, app/assets/stylesheets/qrcode-container.scss */
  .qrcode-description--mobile {
    display: block;
  }
}

@media only screen and (max-width: 812px) {
  /* line 35, app/assets/stylesheets/qrcode-container.scss */
  #qrcode-download {
    display: none;
  }
}

/* line 2, app/assets/stylesheets/team-share.scss */
.team-share .team-share-link {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border: 2px solid var(--color-primary);
  margin: 2rem 2rem 0;
}

/* line 9, app/assets/stylesheets/team-share.scss */
.team-share .team-share-link .team-share-link__header {
  font-weight: 600;
  width: 100%;
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  padding: 0.5rem 2.1rem;
}

/* line 17, app/assets/stylesheets/team-share.scss */
.team-share .team-share-link .team-share-link__body {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
}

/* line 23, app/assets/stylesheets/team-share.scss */
.team-share .team-share-link .team-share-link__body i {
  font-size: 1.8rem;
  margin: 0.75rem 0.25rem;
}

/* line 29, app/assets/stylesheets/team-share.scss */
.team-share .team-share-link .team-share-link__body:last-of-type {
  margin-bottom: 1em;
}

/* line 32, app/assets/stylesheets/team-share.scss */
.team-share .team-share-link .team-share-link__body:last-of-type div {
  padding-left: 0.3em;
}

/* line 38, app/assets/stylesheets/team-share.scss */
.team-share .team-share__scheduled,
.team-share .team-share__expired {
  margin: 2rem;
}

/* line 42, app/assets/stylesheets/team-share.scss */
.team-share .team-share__scheduled .team-share__title,
.team-share .team-share__expired .team-share__title {
  font-weight: 600;
  padding: 0.5rem 2rem;
  border-bottom: 2px solid var(--color-medium);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 812px) {
  /* line 42, app/assets/stylesheets/team-share.scss */
  .team-share .team-share__scheduled .team-share__title,
.team-share .team-share__expired .team-share__title {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 58, app/assets/stylesheets/team-share.scss */
.team-share .team-share__active {
  border: 2px solid var(--color-primary);
  margin: 2rem;
}

/* line 62, app/assets/stylesheets/team-share.scss */
.team-share .team-share__active .team-share__title {
  font-weight: 600;
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
  padding: 0.5rem 2rem;
  display: inline-block;
}

@media only screen and (max-width: 812px) {
  /* line 62, app/assets/stylesheets/team-share.scss */
  .team-share .team-share__active .team-share__title {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 76, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile {
  display: grid;
  grid-template-columns: 6fr 1fr 2fr;
  position: relative;
  margin: 2rem 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
  border-radius: 5px;
  background: white;
  padding: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 76, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile {
    grid-template-columns: auto;
    padding: 1rem 1.5rem;
    margin: 1rem 0 0 0;
  }
}

@media only screen and (min-width: 813px) {
  /* line 76, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile {
    padding: 1.5rem 2rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 96, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile .team-share-tile__details {
    text-align: center;
  }
}

/* line 102, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile .team-share-tile__details .team-share-tile__details__title {
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 107, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile .team-share-tile__details .team-share-tile__details__duration {
  font-size: 0.9rem;
}

@media only screen and (min-width: 813px) {
  /* line 112, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile .team-share-tile__view {
    max-width: 150px;
    margin: 0rem 0rem 0rem auto;
  }
}

@media only screen and (max-width: 812px) {
  /* line 118, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile .team-share-tile__view .button {
    max-width: 200px;
    margin: 2rem auto;
  }
}

@media only screen and (max-width: 812px) and (max-width: 812px) {
  /* line 118, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile .team-share-tile__view .button {
    max-width: 100px;
  }
}

/* line 129, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile .team-share-tile__data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@media only screen and (min-width: 813px) {
  /* line 129, app/assets/stylesheets/team-share.scss */
  .team-share .team-share-tile .team-share-tile__data {
    margin: 0 2rem;
    padding-right: 1.5rem;
    width: calc(100% - 5rem);
  }
}

/* line 140, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile .team-share-tile__data > div {
  text-align: center;
  margin: auto;
}

/* line 144, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile .team-share-tile__data > div > div:first-child {
  font-size: 1.8rem;
  font-weight: 500;
}

/* line 154, app/assets/stylesheets/team-share.scss */
.team-share .team-share-tile--active {
  border: 1px solid var(--color-dark);
}

/* line 160, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard {
  padding: 2rem;
}

@media only screen and (max-width: 812px) {
  /* line 160, app/assets/stylesheets/team-share.scss */
  .team-share-leaderboard {
    padding: 1rem;
  }
}

/* line 167, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .team-share-leaderboard__header {
  font-size: 1.25rem;
  text-transform: uppercase;
  border-bottom: 0.1rem solid var(--color-light-shade);
  padding-bottom: 0.5rem;
}

/* line 173, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .team-share-leaderboard__header h2 {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 500;
}

/* line 179, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .team-share-leaderboard__header h3 {
  font-size: 0.8rem;
  margin: 0;
  font-weight: 500;
  text-transform: none;
  color: var(--color-primary);
}

@media only screen and (max-width: 812px) {
  /* line 167, app/assets/stylesheets/team-share.scss */
  .team-share-leaderboard .team-share-leaderboard__header {
    display: none;
  }
}

/* line 192, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .leaderboard-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

/* line 199, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .leaderboard-item .leaderboard-item__front {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 205, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .leaderboard-item .leaderboard-item__count {
  color: var(--color-primary);
  font-size: 1.3rem;
  font-weight: bold;
  margin-right: 0.5rem;
  width: 22px;
}

/* line 213, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .leaderboard-item .leaderboard-item__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: white;
  height: 42px;
  width: 42px;
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: 1rem;
}

/* line 226, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .leaderboard-item .leaderboard-item__name {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  margin-right: 1rem;
}

/* line 235, app/assets/stylesheets/team-share.scss */
.team-share-leaderboard .leaderboard-item .leaderboard-item__points {
  justify-self: flex-end;
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap;
}

/* line 245, app/assets/stylesheets/team-share.scss */
.team-share-campaings .team-share-leaderboard {
  padding: 0;
}

/* line 250, app/assets/stylesheets/team-share.scss */
.team-share-campaings {
  padding: 1em;
  background: var(--color-background-light);
}

@media only screen and (min-width: 812px) {
  /* line 250, app/assets/stylesheets/team-share.scss */
  .team-share-campaings {
    display: grid;
    grid-template-columns: 75fr 25fr;
    column-gap: 0.5rem;
  }
}

/* line 260, app/assets/stylesheets/team-share.scss */
.team-share-no-content-warning {
  text-align: center;
}

/* line 261, app/assets/stylesheets/team-share.scss */
.team-share-no-content-warning h5 {
  color: var(--color-primary);
  font-size: 1.2rem;
}

/* line 268, app/assets/stylesheets/team-share.scss */
.team-share-show {
  display: grid;
  grid-template-columns: 3fr 2fr;
}

/* line 273, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: 1.2rem 2rem;
  border-bottom: 2px solid #e3e2e2;
}

@media only screen and (max-width: 812px) {
  /* line 273, app/assets/stylesheets/team-share.scss */
  .team-share-show .mobile-grid__list .team-share-show__header {
    padding-left: 1rem;
  }
}

/* line 283, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__header > div {
  display: flex;
  align-items: center;
}

/* line 288, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__header .team-share-show__header-button {
  justify-content: flex-end;
}

/* line 292, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__header .button {
  margin-top: 3px;
}

/* line 296, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__header .segment-button {
  width: 90px;
  text-transform: uppercase;
}

@media only screen and (max-width: 812px) {
  /* line 296, app/assets/stylesheets/team-share.scss */
  .team-share-show .mobile-grid__list .team-share-show__header .segment-button {
    width: 62px;
  }
}

@media only screen and (min-width: 813px) {
  /* line 273, app/assets/stylesheets/team-share.scss */
  .team-share-show .mobile-grid__list .team-share-show__header {
    border-right: 2px solid #e3e2e2;
  }
}

/* line 310, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__table {
  height: calc(100% - 63.59px);
  padding: 2rem;
  box-sizing: border-box;
}

@media only screen and (max-width: 812px) {
  /* line 310, app/assets/stylesheets/team-share.scss */
  .team-share-show .mobile-grid__list .team-share-show__table {
    padding: 1rem 0;
  }
}

@media only screen and (min-width: 813px) {
  /* line 310, app/assets/stylesheets/team-share.scss */
  .team-share-show .mobile-grid__list .team-share-show__table {
    border-right: 2px solid #e3e2e2;
  }
}

/* line 323, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__list .team-share-show__table table {
  width: 100%;
}

/* line 331, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__details .team-share-show-details__header {
  height: 63.3px;
  border-bottom: 2px solid #e3e2e2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  justify-content: space-between;
}

/* line 340, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__details .team-share-show-details__header .button {
  width: 25px;
}

/* line 345, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__details .team-share-show-details__body {
  padding: 2rem 2rem 0 2rem;
}

/* line 349, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__details .team-share-show-details__title {
  color: black;
  font-weight: 500;
  text-align: left;
  border-bottom: 2px solid var(--color-medium);
  font-size: 1.25rem;
  min-height: 38px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* line 362, app/assets/stylesheets/team-share.scss */
.team-share-show .mobile-grid__details .team-share-show-details__sub-title {
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.1rem;
}

/* line 373, app/assets/stylesheets/team-share.scss */
.team-share-page .segment {
  padding: 1rem;
  border-bottom: 0.1rem solid var(--color-light-shade);
}

/* line 378, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-page__header {
  height: 40px;
  background: var(--color-primary);
}

/* line 383, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile,
.team-share-page .team-share-challenge,
.team-share-page .team-share-leaderboard {
  background: white;
  border-radius: 0.25em;
}

/* line 390, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile {
  margin-bottom: 1rem;
  padding: 2rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

/* line 398, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile.team-share-profile--has-info {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) 4fr;
}

@media only screen and (max-width: 812px) {
  /* line 398, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-profile.team-share-profile--has-info {
    grid-template-columns: auto;
  }
}

@media only screen and (min-width: 813px) {
  /* line 398, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-profile.team-share-profile--has-info {
    flex-flow: row nowrap;
  }
  /* line 409, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-profile.team-share-profile--has-info p {
    padding-left: 2rem;
    margin: 0;
    text-align: left;
  }
}

/* line 416, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile.team-share-profile--has-info .team-share-profile__logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 813px) {
  /* line 416, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-profile.team-share-profile--has-info .team-share-profile__logo {
    border-right: 0.1rem solid var(--color-light-shade);
    min-height: 120px;
  }
}

/* line 429, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile .team-share-profile__logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

/* line 437, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile img {
  object-fit: contain;
  width: 150px;
  margin-bottom: 1rem;
}

/* line 443, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile h3 {
  margin: 0;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.9rem;
}

@media only screen and (max-width: 812px) {
  /* line 443, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-profile h3 {
    font-size: 1.5rem;
  }
}

/* line 455, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-profile p {
  margin: 0;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 812px) {
  /* line 455, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-profile p {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 813px) {
  /* line 468, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-page__bottom {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 1rem;
  }
}

/* line 477, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-challenge .team-share-challenge__header {
  font-size: 1.25rem;
  text-transform: uppercase;
  border-bottom: 0.1rem solid var(--color-light-shade);
  padding: 2rem 0 0.5rem 0;
  margin: 0 2rem;
}

/* line 484, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-challenge .team-share-challenge__header h2 {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 500;
}

@media only screen and (max-width: 812px) {
  /* line 477, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-challenge .team-share-challenge__header {
    display: none;
  }
}

/* line 495, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-challenge .team-share-challenge__body {
  padding: 0 2rem;
}

@media only screen and (max-width: 812px) {
  /* line 495, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-challenge .team-share-challenge__body {
    margin-top: 1.5rem;
  }
}

/* line 502, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-challenge .team-share-challenge__body .tsc__body-title {
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.1rem;
}

/* line 510, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-challenge .team-share-challenge__body .social-share {
  margin: 0.5rem 0;
}

@media only screen and (max-width: 812px) {
  /* line 518, app/assets/stylesheets/team-share.scss */
  .team-share-page:not(.team-share-page--challenge-view):not(.team-share-page--leader-board-view) .team-share-challenge,
.team-share-page:not(.team-share-page--challenge-view):not(.team-share-page--leader-board-view) .team-share-leaderboard {
    display: none;
  }
}

@media only screen and (max-width: 812px) and (max-width: 812px) {
  /* line 523, app/assets/stylesheets/team-share.scss */
  .team-share-page:not(.team-share-page--challenge-view):not(.team-share-page--leader-board-view) .team-share-profile__layout {
    position: relative;
    margin: 0.75rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    border: 0.1rem solid var(--color-light-shade);
    border-radius: 5px;
    background: white;
  }
}

@media only screen and (max-width: 812px) {
  /* line 536, app/assets/stylesheets/team-share.scss */
  .team-share-page.team-share-page--challenge-view .team-share-profile:not(.team-share-profile--persist),
.team-share-page.team-share-page--challenge-view .team-share-leaderboard {
    display: none;
  }
}

@media only screen and (max-width: 812px) and (max-width: 812px) {
  /* line 541, app/assets/stylesheets/team-share.scss */
  .team-share-page.team-share-page--challenge-view .team-share-profile__layout {
    position: relative;
    margin: 0.75rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    border: 0.1rem solid var(--color-light-shade);
    border-radius: 5px;
    background: white;
  }
}

@media only screen and (max-width: 812px) {
  /* line 554, app/assets/stylesheets/team-share.scss */
  .team-share-page.team-share-page--leader-board-view .team-share-profile,
.team-share-page.team-share-page--leader-board-view .team-share-challenge {
    display: none;
  }
}

@media only screen and (min-width: 813px) {
  /* line 561, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-page__authenticate {
    max-width: 550px;
    margin: 6rem auto 0;
  }
}

@media only screen and (max-width: 812px) {
  /* line 567, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-page__authenticate .team-share-profile {
    margin: 0;
    border-bottom: none;
  }
}

@media only screen and (min-width: 813px) {
  /* line 567, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-page__authenticate .team-share-profile {
    padding: 3rem 18% 0.5rem;
  }
}

/* line 577, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-page__authenticate .team-share-profile h3 {
  margin-bottom: 0.25rem;
}

/* line 581, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-page__authenticate .team-share-profile p {
  font-size: 1rem;
  font-weight: normal;
}

/* line 587, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-page__authenticate form {
  padding-bottom: 3rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

/* line 594, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-page__authenticate form .form__field {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 812px) {
  /* line 594, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-page__authenticate form .form__field {
    width: calc(100% - 4rem);
  }
}

@media only screen and (min-width: 813px) {
  /* line 594, app/assets/stylesheets/team-share.scss */
  .team-share-page .team-share-page__authenticate form .form__field {
    width: 350px;
  }
}

/* line 606, app/assets/stylesheets/team-share.scss */
.team-share-page .team-share-page__authenticate form .button.button--wide {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* line 614, app/assets/stylesheets/team-share.scss */
.team-share-challenge__form {
  padding-top: 2rem;
  margin: 2rem;
  border-top: 0.1rem solid var(--color-medium);
}

/* line 619, app/assets/stylesheets/team-share.scss */
.team-share-challenge__form .tsc__form-input {
  display: flex;
  flex-flow: column;
}

/* line 624, app/assets/stylesheets/team-share.scss */
.team-share-challenge__form .tsc__screenshot {
  margin: 1rem 0;
}

/* line 627, app/assets/stylesheets/team-share.scss */
.team-share-challenge__form .tsc__screenshot > div:first-child {
  font-size: 1rem;
}

/* line 631, app/assets/stylesheets/team-share.scss */
.team-share-challenge__form .tsc__screenshot > div:last-child {
  font-size: 0.8rem;
}

/* line 636, app/assets/stylesheets/team-share.scss */
.team-share-challenge__form .tsc__form-bottom {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}

@media only screen and (max-width: 812px) {
  /* line 642, app/assets/stylesheets/team-share.scss */
  .team-share-challenge__form .tsc__form-bottom .button {
    padding: 0.75rem 2rem;
  }
}

/* line 1, app/assets/stylesheets/shop-talk-story.scss */
label.sts-option {
  cursor: pointer;
}

/* line 4, app/assets/stylesheets/shop-talk-story.scss */
label.sts-option input {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  bottom: 5rem;
  white-space: nowrap;
}

/* line 16, app/assets/stylesheets/shop-talk-story.scss */
label.sts-option span {
  padding: 0.75rem 1.5rem;
  border: 2px solid #EEE;
  color: var(--color-primary);
  border-radius: 5px;
  width: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
  border-color: var(--color-primary);
  font-weight: 500;
}

/* line 29, app/assets/stylesheets/shop-talk-story.scss */
label.sts-option input:checked + span {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
}

/* line 34, app/assets/stylesheets/shop-talk-story.scss */
.shop-talk-video-template-instructions-modal {
  color: var(--color-dark-rgb) h3;
}

/* line 39, app/assets/stylesheets/shop-talk-story.scss */
.shop-talk-video-template-instructions-modal .instructions-link a {
  padding: 0.75rem 1.5rem;
  display: block;
  border: 2px solid var(--color-primary);
  font-weight: 700;
  text-decoration: underline;
  color: var(--color-secondary);
}

/* line 48, app/assets/stylesheets/shop-talk-story.scss */
.shop-talk-video-template-instructions-modal p.video-instructions {
  white-space: pre-wrap;
}

/* Priority 1 - utilities */
/**
* Margin Utilities
*/
/* line 11, app/assets/stylesheets/utilities.scss */
.margin--none.margin--none.margin--none {
  margin: 0;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--none.margin-top--none.margin-top--none {
  margin-top: 0;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--none.margin-right--none.margin-right--none {
  margin-right: 0;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--none.margin-bottom--none.margin-bottom--none {
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--none.margin-left--none.margin-left--none {
  margin-left: 0;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--none.margin-horiz--none.margin-horiz--none {
  margin-left: 0;
  margin-right: 0;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--none.margin-vert--none.margin-vert--none {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--xxs.margin--xxs.margin--xxs {
  margin: 0.125rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--xxs.margin-top--xxs.margin-top--xxs {
  margin-top: 0.125rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--xxs.margin-right--xxs.margin-right--xxs {
  margin-right: 0.125rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--xxs.margin-bottom--xxs.margin-bottom--xxs {
  margin-bottom: 0.125rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--xxs.margin-left--xxs.margin-left--xxs {
  margin-left: 0.125rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--xxs.margin-horiz--xxs.margin-horiz--xxs {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--xxs.margin-vert--xxs.margin-vert--xxs {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--xs.margin--xs.margin--xs {
  margin: 0.25rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--xs.margin-top--xs.margin-top--xs {
  margin-top: 0.25rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--xs.margin-right--xs.margin-right--xs {
  margin-right: 0.25rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--xs.margin-bottom--xs.margin-bottom--xs {
  margin-bottom: 0.25rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--xs.margin-left--xs.margin-left--xs {
  margin-left: 0.25rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--xs.margin-horiz--xs.margin-horiz--xs {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--xs.margin-vert--xs.margin-vert--xs {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--sm.margin--sm.margin--sm {
  margin: 0.5rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--sm.margin-top--sm.margin-top--sm {
  margin-top: 0.5rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--sm.margin-right--sm.margin-right--sm {
  margin-right: 0.5rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--sm.margin-bottom--sm.margin-bottom--sm {
  margin-bottom: 0.5rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--sm.margin-left--sm.margin-left--sm {
  margin-left: 0.5rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--sm.margin-horiz--sm.margin-horiz--sm {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--sm.margin-vert--sm.margin-vert--sm {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--sm-md.margin--sm-md.margin--sm-md {
  margin: 0.75rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--sm-md.margin-top--sm-md.margin-top--sm-md {
  margin-top: 0.75rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--sm-md.margin-right--sm-md.margin-right--sm-md {
  margin-right: 0.75rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--sm-md.margin-bottom--sm-md.margin-bottom--sm-md {
  margin-bottom: 0.75rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--sm-md.margin-left--sm-md.margin-left--sm-md {
  margin-left: 0.75rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--sm-md.margin-horiz--sm-md.margin-horiz--sm-md {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--sm-md.margin-vert--sm-md.margin-vert--sm-md {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin.margin.margin {
  margin: 1rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top.margin-top.margin-top {
  margin-top: 1rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right.margin-right.margin-right {
  margin-right: 1rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom.margin-bottom.margin-bottom {
  margin-bottom: 1rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left.margin-left.margin-left {
  margin-left: 1rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz.margin-horiz.margin-horiz {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert.margin-vert.margin-vert {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--md-lg.margin--md-lg.margin--md-lg {
  margin: 1.5rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--md-lg.margin-top--md-lg.margin-top--md-lg {
  margin-top: 1.5rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--md-lg.margin-right--md-lg.margin-right--md-lg {
  margin-right: 1.5rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--md-lg.margin-bottom--md-lg.margin-bottom--md-lg {
  margin-bottom: 1.5rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--md-lg.margin-left--md-lg.margin-left--md-lg {
  margin-left: 1.5rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--md-lg.margin-horiz--md-lg.margin-horiz--md-lg {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--md-lg.margin-vert--md-lg.margin-vert--md-lg {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--lg.margin--lg.margin--lg {
  margin: 2rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--lg.margin-top--lg.margin-top--lg {
  margin-top: 2rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--lg.margin-right--lg.margin-right--lg {
  margin-right: 2rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--lg.margin-bottom--lg.margin-bottom--lg {
  margin-bottom: 2rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--lg.margin-left--lg.margin-left--lg {
  margin-left: 2rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--lg.margin-horiz--lg.margin-horiz--lg {
  margin-left: 2rem;
  margin-right: 2rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--lg.margin-vert--lg.margin-vert--lg {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--lg-xl.margin--lg-xl.margin--lg-xl {
  margin: 3rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--lg-xl.margin-top--lg-xl.margin-top--lg-xl {
  margin-top: 3rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--lg-xl.margin-right--lg-xl.margin-right--lg-xl {
  margin-right: 3rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--lg-xl.margin-bottom--lg-xl.margin-bottom--lg-xl {
  margin-bottom: 3rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--lg-xl.margin-left--lg-xl.margin-left--lg-xl {
  margin-left: 3rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--lg-xl.margin-horiz--lg-xl.margin-horiz--lg-xl {
  margin-left: 3rem;
  margin-right: 3rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--lg-xl.margin-vert--lg-xl.margin-vert--lg-xl {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* line 11, app/assets/stylesheets/utilities.scss */
.margin--xl.margin--xl.margin--xl {
  margin: 4rem;
}

/* line 14, app/assets/stylesheets/utilities.scss */
.margin-top--xl.margin-top--xl.margin-top--xl {
  margin-top: 4rem;
}

/* line 17, app/assets/stylesheets/utilities.scss */
.margin-right--xl.margin-right--xl.margin-right--xl {
  margin-right: 4rem;
}

/* line 20, app/assets/stylesheets/utilities.scss */
.margin-bottom--xl.margin-bottom--xl.margin-bottom--xl {
  margin-bottom: 4rem;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.margin-left--xl.margin-left--xl.margin-left--xl {
  margin-left: 4rem;
}

/* line 26, app/assets/stylesheets/utilities.scss */
.margin-horiz--xl.margin-horiz--xl.margin-horiz--xl {
  margin-left: 4rem;
  margin-right: 4rem;
}

/* line 30, app/assets/stylesheets/utilities.scss */
.margin-vert--xl.margin-vert--xl.margin-vert--xl {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/**
* Padding Utilities
*/
/* line 43, app/assets/stylesheets/utilities.scss */
.padding--none.padding--none.padding--none {
  padding: 0;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--none.padding-top--none.padding-top--none {
  padding-top: 0;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--none.padding-right--none.padding-right--none {
  padding-right: 0;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--none.padding-bottom--none.padding-bottom--none {
  padding-bottom: 0;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--none.padding-left--none.padding-left--none {
  padding-left: 0;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--none.padding-horiz--none.padding-horiz--none {
  padding-left: 0;
  padding-right: 0;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--none.padding-vert--none.padding-vert--none {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--xxs.padding--xxs.padding--xxs {
  padding: 0.125rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--xxs.padding-top--xxs.padding-top--xxs {
  padding-top: 0.125rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--xxs.padding-right--xxs.padding-right--xxs {
  padding-right: 0.125rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--xxs.padding-bottom--xxs.padding-bottom--xxs {
  padding-bottom: 0.125rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--xxs.padding-left--xxs.padding-left--xxs {
  padding-left: 0.125rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--xxs.padding-horiz--xxs.padding-horiz--xxs {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--xxs.padding-vert--xxs.padding-vert--xxs {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--xs.padding--xs.padding--xs {
  padding: 0.25rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--xs.padding-top--xs.padding-top--xs {
  padding-top: 0.25rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--xs.padding-right--xs.padding-right--xs {
  padding-right: 0.25rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--xs.padding-bottom--xs.padding-bottom--xs {
  padding-bottom: 0.25rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--xs.padding-left--xs.padding-left--xs {
  padding-left: 0.25rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--xs.padding-horiz--xs.padding-horiz--xs {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--xs.padding-vert--xs.padding-vert--xs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--sm.padding--sm.padding--sm {
  padding: 0.5rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--sm.padding-top--sm.padding-top--sm {
  padding-top: 0.5rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--sm.padding-right--sm.padding-right--sm {
  padding-right: 0.5rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--sm.padding-bottom--sm.padding-bottom--sm {
  padding-bottom: 0.5rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--sm.padding-left--sm.padding-left--sm {
  padding-left: 0.5rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--sm.padding-horiz--sm.padding-horiz--sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--sm.padding-vert--sm.padding-vert--sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--sm-md.padding--sm-md.padding--sm-md {
  padding: 0.75rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--sm-md.padding-top--sm-md.padding-top--sm-md {
  padding-top: 0.75rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--sm-md.padding-right--sm-md.padding-right--sm-md {
  padding-right: 0.75rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--sm-md.padding-bottom--sm-md.padding-bottom--sm-md {
  padding-bottom: 0.75rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--sm-md.padding-left--sm-md.padding-left--sm-md {
  padding-left: 0.75rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--sm-md.padding-horiz--sm-md.padding-horiz--sm-md {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--sm-md.padding-vert--sm-md.padding-vert--sm-md {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding.padding.padding {
  padding: 1rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top.padding-top.padding-top {
  padding-top: 1rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right.padding-right.padding-right {
  padding-right: 1rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom.padding-bottom.padding-bottom {
  padding-bottom: 1rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left.padding-left.padding-left {
  padding-left: 1rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz.padding-horiz.padding-horiz {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert.padding-vert.padding-vert {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--md-lg.padding--md-lg.padding--md-lg {
  padding: 1.5rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--md-lg.padding-top--md-lg.padding-top--md-lg {
  padding-top: 1.5rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--md-lg.padding-right--md-lg.padding-right--md-lg {
  padding-right: 1.5rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--md-lg.padding-bottom--md-lg.padding-bottom--md-lg {
  padding-bottom: 1.5rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--md-lg.padding-left--md-lg.padding-left--md-lg {
  padding-left: 1.5rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--md-lg.padding-horiz--md-lg.padding-horiz--md-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--md-lg.padding-vert--md-lg.padding-vert--md-lg {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--lg.padding--lg.padding--lg {
  padding: 2rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--lg.padding-top--lg.padding-top--lg {
  padding-top: 2rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--lg.padding-right--lg.padding-right--lg {
  padding-right: 2rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--lg.padding-bottom--lg.padding-bottom--lg {
  padding-bottom: 2rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--lg.padding-left--lg.padding-left--lg {
  padding-left: 2rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--lg.padding-horiz--lg.padding-horiz--lg {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--lg.padding-vert--lg.padding-vert--lg {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--lg-xl.padding--lg-xl.padding--lg-xl {
  padding: 3rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--lg-xl.padding-top--lg-xl.padding-top--lg-xl {
  padding-top: 3rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--lg-xl.padding-right--lg-xl.padding-right--lg-xl {
  padding-right: 3rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--lg-xl.padding-bottom--lg-xl.padding-bottom--lg-xl {
  padding-bottom: 3rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--lg-xl.padding-left--lg-xl.padding-left--lg-xl {
  padding-left: 3rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--lg-xl.padding-horiz--lg-xl.padding-horiz--lg-xl {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--lg-xl.padding-vert--lg-xl.padding-vert--lg-xl {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* line 43, app/assets/stylesheets/utilities.scss */
.padding--xl.padding--xl.padding--xl {
  padding: 4rem;
}

/* line 46, app/assets/stylesheets/utilities.scss */
.padding-top--xl.padding-top--xl.padding-top--xl {
  padding-top: 4rem;
}

/* line 49, app/assets/stylesheets/utilities.scss */
.padding-right--xl.padding-right--xl.padding-right--xl {
  padding-right: 4rem;
}

/* line 52, app/assets/stylesheets/utilities.scss */
.padding-bottom--xl.padding-bottom--xl.padding-bottom--xl {
  padding-bottom: 4rem;
}

/* line 55, app/assets/stylesheets/utilities.scss */
.padding-left--xl.padding-left--xl.padding-left--xl {
  padding-left: 4rem;
}

/* line 58, app/assets/stylesheets/utilities.scss */
.padding-horiz--xl.padding-horiz--xl.padding-horiz--xl {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* line 62, app/assets/stylesheets/utilities.scss */
.padding-vert--xl.padding-vert--xl.padding-vert--xl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/**
* Mobile Margin Utilities
*/
@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--none.mobile-margin--none.mobile-margin--none {
    margin: 0;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--none.mobile-margin-top--none.mobile-margin-top--none {
    margin-top: 0;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--none.mobile-margin-right--none.mobile-margin-right--none {
    margin-right: 0;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--none.mobile-margin-bottom--none.mobile-margin-bottom--none {
    margin-bottom: 0;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--none.mobile-margin-left--none.mobile-margin-left--none {
    margin-left: 0;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--none.mobile-margin-horiz--none.mobile-margin-horiz--none {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--none.mobile-margin-vert--none.mobile-margin-vert--none {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--xxs.mobile-margin--xxs.mobile-margin--xxs {
    margin: 0.125rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--xxs.mobile-margin-top--xxs.mobile-margin-top--xxs {
    margin-top: 0.125rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--xxs.mobile-margin-right--xxs.mobile-margin-right--xxs {
    margin-right: 0.125rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--xxs.mobile-margin-bottom--xxs.mobile-margin-bottom--xxs {
    margin-bottom: 0.125rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--xxs.mobile-margin-left--xxs.mobile-margin-left--xxs {
    margin-left: 0.125rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--xxs.mobile-margin-horiz--xxs.mobile-margin-horiz--xxs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--xxs.mobile-margin-vert--xxs.mobile-margin-vert--xxs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--xs.mobile-margin--xs.mobile-margin--xs {
    margin: 0.25rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--xs.mobile-margin-top--xs.mobile-margin-top--xs {
    margin-top: 0.25rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--xs.mobile-margin-right--xs.mobile-margin-right--xs {
    margin-right: 0.25rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--xs.mobile-margin-bottom--xs.mobile-margin-bottom--xs {
    margin-bottom: 0.25rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--xs.mobile-margin-left--xs.mobile-margin-left--xs {
    margin-left: 0.25rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--xs.mobile-margin-horiz--xs.mobile-margin-horiz--xs {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--xs.mobile-margin-vert--xs.mobile-margin-vert--xs {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--sm.mobile-margin--sm.mobile-margin--sm {
    margin: 0.5rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--sm.mobile-margin-top--sm.mobile-margin-top--sm {
    margin-top: 0.5rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--sm.mobile-margin-right--sm.mobile-margin-right--sm {
    margin-right: 0.5rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--sm.mobile-margin-bottom--sm.mobile-margin-bottom--sm {
    margin-bottom: 0.5rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--sm.mobile-margin-left--sm.mobile-margin-left--sm {
    margin-left: 0.5rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--sm.mobile-margin-horiz--sm.mobile-margin-horiz--sm {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--sm.mobile-margin-vert--sm.mobile-margin-vert--sm {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--sm-md.mobile-margin--sm-md.mobile-margin--sm-md {
    margin: 0.75rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--sm-md.mobile-margin-top--sm-md.mobile-margin-top--sm-md {
    margin-top: 0.75rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--sm-md.mobile-margin-right--sm-md.mobile-margin-right--sm-md {
    margin-right: 0.75rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--sm-md.mobile-margin-bottom--sm-md.mobile-margin-bottom--sm-md {
    margin-bottom: 0.75rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--sm-md.mobile-margin-left--sm-md.mobile-margin-left--sm-md {
    margin-left: 0.75rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--sm-md.mobile-margin-horiz--sm-md.mobile-margin-horiz--sm-md {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--sm-md.mobile-margin-vert--sm-md.mobile-margin-vert--sm-md {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin.mobile-margin.mobile-margin {
    margin: 1rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top.mobile-margin-top.mobile-margin-top {
    margin-top: 1rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right.mobile-margin-right.mobile-margin-right {
    margin-right: 1rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom.mobile-margin-bottom.mobile-margin-bottom {
    margin-bottom: 1rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left.mobile-margin-left.mobile-margin-left {
    margin-left: 1rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz.mobile-margin-horiz.mobile-margin-horiz {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert.mobile-margin-vert.mobile-margin-vert {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--md-lg.mobile-margin--md-lg.mobile-margin--md-lg {
    margin: 1.5rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--md-lg.mobile-margin-top--md-lg.mobile-margin-top--md-lg {
    margin-top: 1.5rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--md-lg.mobile-margin-right--md-lg.mobile-margin-right--md-lg {
    margin-right: 1.5rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--md-lg.mobile-margin-bottom--md-lg.mobile-margin-bottom--md-lg {
    margin-bottom: 1.5rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--md-lg.mobile-margin-left--md-lg.mobile-margin-left--md-lg {
    margin-left: 1.5rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--md-lg.mobile-margin-horiz--md-lg.mobile-margin-horiz--md-lg {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--md-lg.mobile-margin-vert--md-lg.mobile-margin-vert--md-lg {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--lg.mobile-margin--lg.mobile-margin--lg {
    margin: 2rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--lg.mobile-margin-top--lg.mobile-margin-top--lg {
    margin-top: 2rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--lg.mobile-margin-right--lg.mobile-margin-right--lg {
    margin-right: 2rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--lg.mobile-margin-bottom--lg.mobile-margin-bottom--lg {
    margin-bottom: 2rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--lg.mobile-margin-left--lg.mobile-margin-left--lg {
    margin-left: 2rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--lg.mobile-margin-horiz--lg.mobile-margin-horiz--lg {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--lg.mobile-margin-vert--lg.mobile-margin-vert--lg {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--lg-xl.mobile-margin--lg-xl.mobile-margin--lg-xl {
    margin: 3rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--lg-xl.mobile-margin-top--lg-xl.mobile-margin-top--lg-xl {
    margin-top: 3rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--lg-xl.mobile-margin-right--lg-xl.mobile-margin-right--lg-xl {
    margin-right: 3rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--lg-xl.mobile-margin-bottom--lg-xl.mobile-margin-bottom--lg-xl {
    margin-bottom: 3rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--lg-xl.mobile-margin-left--lg-xl.mobile-margin-left--lg-xl {
    margin-left: 3rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--lg-xl.mobile-margin-horiz--lg-xl.mobile-margin-horiz--lg-xl {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--lg-xl.mobile-margin-vert--lg-xl.mobile-margin-vert--lg-xl {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 77, app/assets/stylesheets/utilities.scss */
  .mobile-margin--xl.mobile-margin--xl.mobile-margin--xl {
    margin: 4rem;
  }
  /* line 80, app/assets/stylesheets/utilities.scss */
  .mobile-margin-top--xl.mobile-margin-top--xl.mobile-margin-top--xl {
    margin-top: 4rem;
  }
  /* line 83, app/assets/stylesheets/utilities.scss */
  .mobile-margin-right--xl.mobile-margin-right--xl.mobile-margin-right--xl {
    margin-right: 4rem;
  }
  /* line 86, app/assets/stylesheets/utilities.scss */
  .mobile-margin-bottom--xl.mobile-margin-bottom--xl.mobile-margin-bottom--xl {
    margin-bottom: 4rem;
  }
  /* line 89, app/assets/stylesheets/utilities.scss */
  .mobile-margin-left--xl.mobile-margin-left--xl.mobile-margin-left--xl {
    margin-left: 4rem;
  }
  /* line 92, app/assets/stylesheets/utilities.scss */
  .mobile-margin-horiz--xl.mobile-margin-horiz--xl.mobile-margin-horiz--xl {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  /* line 96, app/assets/stylesheets/utilities.scss */
  .mobile-margin-vert--xl.mobile-margin-vert--xl.mobile-margin-vert--xl {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

/**
* Mobile Padding Utilities
*/
@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--none.mobile-padding--none.mobile-padding--none {
    padding: 0;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--none.mobile-padding-top--none.mobile-padding-top--none {
    padding-top: 0;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--none.mobile-padding-right--none.mobile-padding-right--none {
    padding-right: 0;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--none.mobile-padding-bottom--none.mobile-padding-bottom--none {
    padding-bottom: 0;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--none.mobile-padding-left--none.mobile-padding-left--none {
    padding-left: 0;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--none.mobile-padding-horiz--none.mobile-padding-horiz--none {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--none.mobile-padding-vert--none.mobile-padding-vert--none {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--xxs.mobile-padding--xxs.mobile-padding--xxs {
    padding: 0.125rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--xxs.mobile-padding-top--xxs.mobile-padding-top--xxs {
    padding-top: 0.125rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--xxs.mobile-padding-right--xxs.mobile-padding-right--xxs {
    padding-right: 0.125rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--xxs.mobile-padding-bottom--xxs.mobile-padding-bottom--xxs {
    padding-bottom: 0.125rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--xxs.mobile-padding-left--xxs.mobile-padding-left--xxs {
    padding-left: 0.125rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--xxs.mobile-padding-horiz--xxs.mobile-padding-horiz--xxs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--xxs.mobile-padding-vert--xxs.mobile-padding-vert--xxs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--xs.mobile-padding--xs.mobile-padding--xs {
    padding: 0.25rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--xs.mobile-padding-top--xs.mobile-padding-top--xs {
    padding-top: 0.25rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--xs.mobile-padding-right--xs.mobile-padding-right--xs {
    padding-right: 0.25rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--xs.mobile-padding-bottom--xs.mobile-padding-bottom--xs {
    padding-bottom: 0.25rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--xs.mobile-padding-left--xs.mobile-padding-left--xs {
    padding-left: 0.25rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--xs.mobile-padding-horiz--xs.mobile-padding-horiz--xs {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--xs.mobile-padding-vert--xs.mobile-padding-vert--xs {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--sm.mobile-padding--sm.mobile-padding--sm {
    padding: 0.5rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--sm.mobile-padding-top--sm.mobile-padding-top--sm {
    padding-top: 0.5rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--sm.mobile-padding-right--sm.mobile-padding-right--sm {
    padding-right: 0.5rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--sm.mobile-padding-bottom--sm.mobile-padding-bottom--sm {
    padding-bottom: 0.5rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--sm.mobile-padding-left--sm.mobile-padding-left--sm {
    padding-left: 0.5rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--sm.mobile-padding-horiz--sm.mobile-padding-horiz--sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--sm.mobile-padding-vert--sm.mobile-padding-vert--sm {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--sm-md.mobile-padding--sm-md.mobile-padding--sm-md {
    padding: 0.75rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--sm-md.mobile-padding-top--sm-md.mobile-padding-top--sm-md {
    padding-top: 0.75rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--sm-md.mobile-padding-right--sm-md.mobile-padding-right--sm-md {
    padding-right: 0.75rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--sm-md.mobile-padding-bottom--sm-md.mobile-padding-bottom--sm-md {
    padding-bottom: 0.75rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--sm-md.mobile-padding-left--sm-md.mobile-padding-left--sm-md {
    padding-left: 0.75rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--sm-md.mobile-padding-horiz--sm-md.mobile-padding-horiz--sm-md {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--sm-md.mobile-padding-vert--sm-md.mobile-padding-vert--sm-md {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding.mobile-padding.mobile-padding {
    padding: 1rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top.mobile-padding-top.mobile-padding-top {
    padding-top: 1rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right.mobile-padding-right.mobile-padding-right {
    padding-right: 1rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom.mobile-padding-bottom.mobile-padding-bottom {
    padding-bottom: 1rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left.mobile-padding-left.mobile-padding-left {
    padding-left: 1rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz.mobile-padding-horiz.mobile-padding-horiz {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert.mobile-padding-vert.mobile-padding-vert {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--md-lg.mobile-padding--md-lg.mobile-padding--md-lg {
    padding: 1.5rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--md-lg.mobile-padding-top--md-lg.mobile-padding-top--md-lg {
    padding-top: 1.5rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--md-lg.mobile-padding-right--md-lg.mobile-padding-right--md-lg {
    padding-right: 1.5rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--md-lg.mobile-padding-bottom--md-lg.mobile-padding-bottom--md-lg {
    padding-bottom: 1.5rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--md-lg.mobile-padding-left--md-lg.mobile-padding-left--md-lg {
    padding-left: 1.5rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--md-lg.mobile-padding-horiz--md-lg.mobile-padding-horiz--md-lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--md-lg.mobile-padding-vert--md-lg.mobile-padding-vert--md-lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--lg.mobile-padding--lg.mobile-padding--lg {
    padding: 2rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--lg.mobile-padding-top--lg.mobile-padding-top--lg {
    padding-top: 2rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--lg.mobile-padding-right--lg.mobile-padding-right--lg {
    padding-right: 2rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--lg.mobile-padding-bottom--lg.mobile-padding-bottom--lg {
    padding-bottom: 2rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--lg.mobile-padding-left--lg.mobile-padding-left--lg {
    padding-left: 2rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--lg.mobile-padding-horiz--lg.mobile-padding-horiz--lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--lg.mobile-padding-vert--lg.mobile-padding-vert--lg {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--lg-xl.mobile-padding--lg-xl.mobile-padding--lg-xl {
    padding: 3rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--lg-xl.mobile-padding-top--lg-xl.mobile-padding-top--lg-xl {
    padding-top: 3rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--lg-xl.mobile-padding-right--lg-xl.mobile-padding-right--lg-xl {
    padding-right: 3rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--lg-xl.mobile-padding-bottom--lg-xl.mobile-padding-bottom--lg-xl {
    padding-bottom: 3rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--lg-xl.mobile-padding-left--lg-xl.mobile-padding-left--lg-xl {
    padding-left: 3rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--lg-xl.mobile-padding-horiz--lg-xl.mobile-padding-horiz--lg-xl {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--lg-xl.mobile-padding-vert--lg-xl.mobile-padding-vert--lg-xl {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (max-width: 812px) {
  /* line 111, app/assets/stylesheets/utilities.scss */
  .mobile-padding--xl.mobile-padding--xl.mobile-padding--xl {
    padding: 4rem;
  }
  /* line 114, app/assets/stylesheets/utilities.scss */
  .mobile-padding-top--xl.mobile-padding-top--xl.mobile-padding-top--xl {
    padding-top: 4rem;
  }
  /* line 117, app/assets/stylesheets/utilities.scss */
  .mobile-padding-right--xl.mobile-padding-right--xl.mobile-padding-right--xl {
    padding-right: 4rem;
  }
  /* line 120, app/assets/stylesheets/utilities.scss */
  .mobile-padding-bottom--xl.mobile-padding-bottom--xl.mobile-padding-bottom--xl {
    padding-bottom: 4rem;
  }
  /* line 123, app/assets/stylesheets/utilities.scss */
  .mobile-padding-left--xl.mobile-padding-left--xl.mobile-padding-left--xl {
    padding-left: 4rem;
  }
  /* line 126, app/assets/stylesheets/utilities.scss */
  .mobile-padding-horiz--xl.mobile-padding-horiz--xl.mobile-padding-horiz--xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 130, app/assets/stylesheets/utilities.scss */
  .mobile-padding-vert--xl.mobile-padding-vert--xl.mobile-padding-vert--xl {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

/* line 137, app/assets/stylesheets/utilities.scss */
.margin-left--auto {
  margin-left: auto;
}

/* line 140, app/assets/stylesheets/utilities.scss */
.margin-horiz--auto {
  margin-left: auto;
  margin-right: auto;
}

/**
* Relative adjustments
*/
/* line 152, app/assets/stylesheets/utilities.scss */
.relpos-t--1 {
  position: relative;
  top: 1px;
}

/* line 156, app/assets/stylesheets/utilities.scss */
.relpos-r--1 {
  position: relative;
  right: 1px;
}

/* line 160, app/assets/stylesheets/utilities.scss */
.relpos-b--1 {
  position: relative;
  bottom: 1px;
}

/* line 164, app/assets/stylesheets/utilities.scss */
.relpos-l--1 {
  position: relative;
  left: 1px;
}

/* line 168, app/assets/stylesheets/utilities.scss */
.relpos-nt--1 {
  position: relative;
  top: -1px;
}

/* line 172, app/assets/stylesheets/utilities.scss */
.relpos-nr--1 {
  position: relative;
  right: -1px;
}

/* line 176, app/assets/stylesheets/utilities.scss */
.relpos-nb--1 {
  position: relative;
  bottom: -1px;
}

/* line 180, app/assets/stylesheets/utilities.scss */
.relpos-nl--1 {
  position: relative;
  left: -1px;
}

/* line 152, app/assets/stylesheets/utilities.scss */
.relpos-t--2 {
  position: relative;
  top: 2px;
}

/* line 156, app/assets/stylesheets/utilities.scss */
.relpos-r--2 {
  position: relative;
  right: 2px;
}

/* line 160, app/assets/stylesheets/utilities.scss */
.relpos-b--2 {
  position: relative;
  bottom: 2px;
}

/* line 164, app/assets/stylesheets/utilities.scss */
.relpos-l--2 {
  position: relative;
  left: 2px;
}

/* line 168, app/assets/stylesheets/utilities.scss */
.relpos-nt--2 {
  position: relative;
  top: -2px;
}

/* line 172, app/assets/stylesheets/utilities.scss */
.relpos-nr--2 {
  position: relative;
  right: -2px;
}

/* line 176, app/assets/stylesheets/utilities.scss */
.relpos-nb--2 {
  position: relative;
  bottom: -2px;
}

/* line 180, app/assets/stylesheets/utilities.scss */
.relpos-nl--2 {
  position: relative;
  left: -2px;
}

/* line 152, app/assets/stylesheets/utilities.scss */
.relpos-t--3 {
  position: relative;
  top: 3px;
}

/* line 156, app/assets/stylesheets/utilities.scss */
.relpos-r--3 {
  position: relative;
  right: 3px;
}

/* line 160, app/assets/stylesheets/utilities.scss */
.relpos-b--3 {
  position: relative;
  bottom: 3px;
}

/* line 164, app/assets/stylesheets/utilities.scss */
.relpos-l--3 {
  position: relative;
  left: 3px;
}

/* line 168, app/assets/stylesheets/utilities.scss */
.relpos-nt--3 {
  position: relative;
  top: -3px;
}

/* line 172, app/assets/stylesheets/utilities.scss */
.relpos-nr--3 {
  position: relative;
  right: -3px;
}

/* line 176, app/assets/stylesheets/utilities.scss */
.relpos-nb--3 {
  position: relative;
  bottom: -3px;
}

/* line 180, app/assets/stylesheets/utilities.scss */
.relpos-nl--3 {
  position: relative;
  left: -3px;
}

/**
* Width controls
*/
/* line 189, app/assets/stylesheets/utilities.scss */
.width--one-third {
  max-width: 33%;
  box-sizing: border-box;
}

/* line 193, app/assets/stylesheets/utilities.scss */
.width--half {
  width: 50%;
  box-sizing: border-box;
}

/* line 197, app/assets/stylesheets/utilities.scss */
.width--full {
  width: 100%;
  box-sizing: border-box;
}

/* line 201, app/assets/stylesheets/utilities.scss */
.width--no-min {
  min-width: 0;
}

/* line 204, app/assets/stylesheets/utilities.scss */
.width--no-max {
  max-width: none;
}

/* line 207, app/assets/stylesheets/utilities.scss */
.width--max-desktop {
  max-width: 1220px;
}

/* line 211, app/assets/stylesheets/utilities.scss */
.height--full {
  height: 100%;
}

/* line 215, app/assets/stylesheets/utilities.scss */
.pos-absolute {
  position: absolute;
}

/* line 218, app/assets/stylesheets/utilities.scss */
.pos-relative {
  position: relative;
}

/**
* Position element in container corner
*/
/* line 225, app/assets/stylesheets/utilities.scss */
.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 230, app/assets/stylesheets/utilities.scss */
.top-right {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 235, app/assets/stylesheets/utilities.scss */
.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 240, app/assets/stylesheets/utilities.scss */
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 245, app/assets/stylesheets/utilities.scss */
.cover-element {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 253, app/assets/stylesheets/utilities.scss */
.hide {
  display: none !important;
}

/* line 254, app/assets/stylesheets/utilities.scss */
img.fit--cover {
  object-fit: cover;
}

/**
* Bottom border seperator
*/
/* line 259, app/assets/stylesheets/utilities.scss */
.bottom-border--light {
  border-bottom: 1px solid var(--color-light);
}

/* line 262, app/assets/stylesheets/utilities.scss */
.bottom-border--medium {
  border-bottom: 1px solid var(--color-medium);
}

/* line 265, app/assets/stylesheets/utilities.scss */
.bottom-border--dark {
  border-bottom: 1px solid var(--color-dark);
}

/* line 269, app/assets/stylesheets/utilities.scss */
.hover-menu {
  border: 1px solid black;
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 0.5rem;
  z-index: 100;
  background: white;
}

/* line 278, app/assets/stylesheets/utilities.scss */
.hover-menu__item {
  border-bottom: 1px solid var(--color-medium);
  padding: 0.5rem;
}

/* line 283, app/assets/stylesheets/utilities.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* line 295, app/assets/stylesheets/utilities.scss */
.display-initial {
  display: initial !important;
}

/* line 299, app/assets/stylesheets/utilities.scss */
.xhr-in-progress {
  pointer-events: none;
}

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

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

/* line 315, app/assets/stylesheets/utilities.scss */
.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 321, app/assets/stylesheets/utilities.scss */
.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 328, app/assets/stylesheets/utilities.scss */
.inline-middle {
  display: inline-block;
  vertical-align: middle;
}

/* line 333, app/assets/stylesheets/utilities.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 337, app/assets/stylesheets/utilities.scss */
.rounded,
.tw .rounded,
.tw .rounded[type='checkbox'] {
  border-radius: 0.25rem;
}

/* line 1, app/assets/stylesheets/color.scss */
.color--primary {
  color: var(--color-primary);
}

/* line 4, app/assets/stylesheets/color.scss */
.color--primary-tint {
  color: var(--color-primary-tint);
}

/* line 7, app/assets/stylesheets/color.scss */
.color--secondary {
  color: var(--color-secondary);
}

/* line 10, app/assets/stylesheets/color.scss */
.color--faw-employee.color--faw-employee.color--faw-employee {
  color: var(--color-faw-employee);
}

/* line 13, app/assets/stylesheets/color.scss */
.color--success {
  color: var(--color-success);
}

/* line 16, app/assets/stylesheets/color.scss */
.color--success-shade {
  color: var(--color-success-shade);
}

/* line 19, app/assets/stylesheets/color.scss */
.color--warning {
  color: var(--color-warning);
}

/* line 22, app/assets/stylesheets/color.scss */
.color--danger.color--danger.color--danger.color--danger {
  color: var(--color-danger);
}

/* line 25, app/assets/stylesheets/color.scss */
.color--dark {
  color: var(--color-dark);
}

/* line 28, app/assets/stylesheets/color.scss */
.color--medium {
  color: var(--color-medium);
}

/* line 31, app/assets/stylesheets/color.scss */
.color--medium-tint {
  color: var(--color-medium-tint);
}

/* line 34, app/assets/stylesheets/color.scss */
.color--light {
  color: var(--color-light);
}

/* line 37, app/assets/stylesheets/color.scss */
.color--base.color--base.color--base {
  color: white;
}

/* line 41, app/assets/stylesheets/color.scss */
.background-color--white.background-color--white {
  background-color: white;
}

@media only screen and (max-width: 812px) {
  /* line 47, app/assets/stylesheets/color.scss */
  .color-contrast-mobile.color--primary {
    color: var(--color-primary-contrast);
  }
  /* line 50, app/assets/stylesheets/color.scss */
  .color-contrast-mobile.color--secondary {
    color: var(--color-secondary-contrast);
  }
}

/* line 1, app/assets/stylesheets/text.scss */
.text-size--xxl {
  font-size: 3em;
}

/* line 4, app/assets/stylesheets/text.scss */
.text-size--xl {
  font-size: 2em;
}

/* line 7, app/assets/stylesheets/text.scss */
.text-size--lg {
  font-size: 1.5em;
}

/* line 10, app/assets/stylesheets/text.scss */
.text-size--md {
  font-size: 1.2em;
}

/* line 13, app/assets/stylesheets/text.scss */
.text-size--normal {
  font-size: 1rem;
}

/* line 16, app/assets/stylesheets/text.scss */
.text-size--smn {
  font-size: 0.9em;
}

/* line 19, app/assets/stylesheets/text.scss */
.text-size--sm {
  font-size: 0.8em;
}

/* line 22, app/assets/stylesheets/text.scss */
.text-size--smxs {
  font-size: 0.7em;
}

/* line 25, app/assets/stylesheets/text.scss */
.text-size--xs {
  font-size: 0.5em;
}

/* line 29, app/assets/stylesheets/text.scss */
.text--big {
  font-size: 1.4em;
}

/* line 32, app/assets/stylesheets/text.scss */
.text--big-4 {
  font-size: 2.5em;
}

/* line 35, app/assets/stylesheets/text.scss */
.text--small {
  font-size: 0.8em;
}

/* line 38, app/assets/stylesheets/text.scss */
.text--small-2 {
  font-size: 0.7em;
}

/* line 42, app/assets/stylesheets/text.scss */
.text--primary {
  color: var(--color-primary);
}

/* line 45, app/assets/stylesheets/text.scss */
a.text--primary {
  color: var(--color-primary);
}

/* line 48, app/assets/stylesheets/text.scss */
a.text--primary:hover, a.text--primary:focus, a.text--primary:active {
  color: var(--color-primary-tint);
}

/* line 54, app/assets/stylesheets/text.scss */
.text--dark-gray {
  color: #646464;
}

/* line 57, app/assets/stylesheets/text.scss */
.text--gray {
  color: #c8c8c8;
}

/* line 61, app/assets/stylesheets/text.scss */
.text--short {
  line-height: 1.2em;
}

/* line 64, app/assets/stylesheets/text.scss */
.text--tall {
  line-height: 1.5em;
}

/* line 68, app/assets/stylesheets/text.scss */
.text--light {
  font-weight: lighter;
}

/* line 71, app/assets/stylesheets/text.scss */
.text--normal-weight {
  font-weight: 400;
}

/* line 74, app/assets/stylesheets/text.scss */
.text--shade,
.text--strong {
  font-weight: 500;
}

/* line 78, app/assets/stylesheets/text.scss */
.text--bold {
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/text.scss */
.text--italic {
  font-style: italic;
}

/* line 85, app/assets/stylesheets/text.scss */
.text--left {
  text-align: left;
}

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

/* line 91, app/assets/stylesheets/text.scss */
.text--center,
.text--centered {
  text-align: center;
}

/* line 96, app/assets/stylesheets/text.scss */
.text--wrap {
  white-space: normal;
}

/* line 99, app/assets/stylesheets/text.scss */
.text--nowrap {
  white-space: nowrap;
}

/* line 102, app/assets/stylesheets/text.scss */
.text--pre {
  white-space: pre;
}

/* line 105, app/assets/stylesheets/text.scss */
.text--pre-line {
  white-space: pre-line;
}

/* line 108, app/assets/stylesheets/text.scss */
.text--one-line {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

/* line 114, app/assets/stylesheets/text.scss */
.text-transform--none {
  text-transform: none;
}

@media only screen and (max-width: 812px) {
  /* line 119, app/assets/stylesheets/text.scss */
  .mobile-text--nowrap {
    white-space: nowrap;
  }
}

/* line 124, app/assets/stylesheets/text.scss */
.text--uppercase {
  text-transform: uppercase;
}

/* line 127, app/assets/stylesheets/text.scss */
.text--lowercase {
  text-transform: lowercase;
}

/* line 130, app/assets/stylesheets/text.scss */
.text--capitalize {
  text-transform: capitalize;
}

/* line 134, app/assets/stylesheets/text.scss */
.text--underline {
  text-decoration: underline;
}

/* line 138, app/assets/stylesheets/text.scss */
.text--clickable {
  cursor: pointer;
}

/* line 141, app/assets/stylesheets/text.scss */
.text--clickable:hover, .text--clickable:focus, .text--clickable:active {
  color: var(--color-secondary);
}

/* line 147, app/assets/stylesheets/text.scss */
.clickable {
  cursor: pointer;
}

/* line 151, app/assets/stylesheets/text.scss */
.text--dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  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 166, app/assets/stylesheets/text.scss */
.text--ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/flex.scss */
.flex {
  display: flex;
}

/* line 4, app/assets/stylesheets/flex.scss */
.flex.flex--row {
  flex-flow: row nowrap;
}

/* line 8, app/assets/stylesheets/flex.scss */
.flex.flex--row-reverse {
  flex-flow: row-reverse nowrap;
}

/* line 12, app/assets/stylesheets/flex.scss */
.flex.flex--col {
  flex-flow: column nowrap;
}

@media only screen and (max-width: 812px) {
  /* line 17, app/assets/stylesheets/flex.scss */
  .flex.mobile-flex--row {
    flex-flow: row nowrap;
  }
  /* line 21, app/assets/stylesheets/flex.scss */
  .flex.mobile-flex--col {
    flex-flow: column nowrap;
  }
}

/* line 26, app/assets/stylesheets/flex.scss */
.flex.flex--space-between {
  justify-content: space-between;
}

/* line 30, app/assets/stylesheets/flex.scss */
.flex.flex--space-around {
  justify-content: space-around;
}

/* line 34, app/assets/stylesheets/flex.scss */
.flex.flex--center {
  align-items: center;
}

/* line 39, app/assets/stylesheets/flex.scss */
.flex.flex--justify-center {
  justify-content: center;
}

/* line 43, app/assets/stylesheets/flex.scss */
.flex.flex--justify-end {
  justify-content: flex-end;
}

/* line 47, app/assets/stylesheets/flex.scss */
.flex.flex--start {
  align-items: flex-start;
}

/* line 51, app/assets/stylesheets/flex.scss */
.flex.flex--end {
  align-items: flex-end;
}

/* line 56, app/assets/stylesheets/flex.scss */
.flex.flex--wrap {
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 61, app/assets/stylesheets/flex.scss */
.flex .flex-align--center {
  align-self: center;
}

/* line 66, app/assets/stylesheets/flex.scss */
.flex-align--start {
  align-self: flex-start;
}

/* line 70, app/assets/stylesheets/flex.scss */
.flex-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

/* line 76, app/assets/stylesheets/flex.scss */
.flex-header.flex-header--align-start {
  justify-content: flex-start;
}

/* line 80, app/assets/stylesheets/flex.scss */
.flex-header.flex-header--align-end {
  justify-content: flex-end;
}

/* line 84, app/assets/stylesheets/flex.scss */
.flex-header .flex-header__start {
  display: flex;
}

/* line 88, app/assets/stylesheets/flex.scss */
.flex-header .flex-header__label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* line 95, app/assets/stylesheets/flex.scss */
.flex-header .flex-header__end {
  display: flex;
}

/* line 101, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__row {
  display: flex;
  flex-wrap: wrap;
}

/* line 106, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}

/* line 111, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col.flex-grid__col--1 {
  max-width: calc(100% / 12);
}

/* line 114, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col.flex-grid__col--2 {
  max-width: calc(100% / 12 * 2);
}

/* line 117, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col.flex-grid__col--3 {
  max-width: calc(100% / 12 * 3);
}

/* line 120, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col.flex-grid__col--4 {
  max-width: calc(100% / 12 * 4);
}

/* line 123, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col.flex-grid__col--5 {
  max-width: calc(100% / 12 * 5);
}

/* line 126, app/assets/stylesheets/flex.scss */
.flex-grid .flex-grid__col.flex-grid__col--6 {
  max-width: calc(100% / 2);
}

@media only screen and (max-width: 812px) {
  /* line 106, app/assets/stylesheets/flex.scss */
  .flex-grid .flex-grid__col {
    min-width: 100%;
    width: 100%;
    margin: 10px 0;
  }
}

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

/*
Trix 1.3.1
Copyright © 2020 Basecamp, LLC
http://trix-editor.org/*/
/* line 6, node_modules/trix/dist/trix.css */
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

/* line 13, node_modules/trix/dist/trix.css */
trix-toolbar * {
  box-sizing: border-box;
}

/* line 15, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

/* line 20, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

/* line 27, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-device-width: 768px) {
  /* line 30, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

/* line 32, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-device-width: 768px) {
  /* line 35, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

/* line 37, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

/* line 51, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 53, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

/* line 56, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 58, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-device-width: 768px) {
  /* line 61, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

/* line 64, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-device-width: 768px) {
  /* line 71, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

/* line 74, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-device-width: 768px) {
  /* line 87, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

/* line 90, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

/* line 92, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

/* line 94, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%;
}

/* line 98, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 100, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 102, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 104, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 106, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 108, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 110, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 112, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 114, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 116, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 118, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 120, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 122, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

/* line 124, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialogs {
  position: relative;
}

/* line 126, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

/* line 138, node_modules/trix/dist/trix.css */
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 150, node_modules/trix/dist/trix.css */
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

/* line 152, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

/* line 156, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

/* line 158, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

/* line 161, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

/* line 163, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

/* line 166, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 172, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

/* line 175, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

/* line 179, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection {
  background: highlight;
}

/* line 181, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection {
  background: highlight;
}

/* line 184, node_modules/trix/dist/trix.css */
trix-editor .attachment.attachment--file[data-trix-mutable] {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

/* line 187, node_modules/trix/dist/trix.css */
trix-editor .attachment[data-trix-mutable] img {
  box-shadow: 0 0 0 2px highlight;
}

/* line 189, node_modules/trix/dist/trix.css */
trix-editor .attachment {
  position: relative;
}

/* line 191, node_modules/trix/dist/trix.css */
trix-editor .attachment:hover {
  cursor: default;
}

/* line 193, node_modules/trix/dist/trix.css */
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

/* line 195, node_modules/trix/dist/trix.css */
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

/* line 204, node_modules/trix/dist/trix.css */
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

/* line 206, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 221, node_modules/trix/dist/trix.css */
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 228, node_modules/trix/dist/trix.css */
trix-editor .trix-button-group {
  display: inline-flex;
}

/* line 230, node_modules/trix/dist/trix.css */
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

/* line 242, node_modules/trix/dist/trix.css */
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 244, node_modules/trix/dist/trix.css */
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

/* line 246, node_modules/trix/dist/trix.css */
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 248, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

/* line 260, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

/* line 273, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove:hover {
  border-color: #333;
}

/* line 275, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

/* line 277, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata-container {
  position: relative;
}

/* line 279, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

/* line 290, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 297, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

/* line 301, node_modules/trix/dist/trix.css */
.trix-content {
  line-height: 1.5;
}

/* line 303, node_modules/trix/dist/trix.css */
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 307, node_modules/trix/dist/trix.css */
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

/* line 310, node_modules/trix/dist/trix.css */
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

/* line 315, node_modules/trix/dist/trix.css */
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

/* line 321, node_modules/trix/dist/trix.css */
.trix-content li {
  margin-left: 1em;
}

/* line 323, node_modules/trix/dist/trix.css */
.trix-content [dir=rtl] li {
  margin-right: 1em;
}

/* line 325, node_modules/trix/dist/trix.css */
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

/* line 335, node_modules/trix/dist/trix.css */
.trix-content img {
  max-width: 100%;
  height: auto;
}

/* line 338, node_modules/trix/dist/trix.css */
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

/* line 342, node_modules/trix/dist/trix.css */
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

/* line 345, node_modules/trix/dist/trix.css */
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

/* line 347, node_modules/trix/dist/trix.css */
.trix-content .attachment__caption {
  text-align: center;
}

/* line 349, node_modules/trix/dist/trix.css */
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: ' · ';
}

/* line 351, node_modules/trix/dist/trix.css */
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

/* line 354, node_modules/trix/dist/trix.css */
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 358, node_modules/trix/dist/trix.css */
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

/* line 365, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

/* line 369, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 373, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* line 11, app/assets/stylesheets/actiontext.scss */
.trix-button-group--file-tools.trix-button-group--file-tools,
.trix-button.trix-button--icon.trix-button--icon-heading-1,
.trix-button.trix-button--icon.trix-button--icon-code {
  display: none;
  visibility: hidden;
}

/* line 18, app/assets/stylesheets/actiontext.scss */
.trix-content {
  padding: 8px;
  border: 1px solid var(--color-dark);
  border-radius: 3px;
  min-height: 100px;
}

/* line 24, app/assets/stylesheets/actiontext.scss */
.trix-content a[href] {
  color: var(--color-secondary);
  font-weight: 500;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  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 43, app/assets/stylesheets/actiontext.scss */
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 52, app/assets/stylesheets/actiontext.scss */
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* line 61, app/assets/stylesheets/actiontext.scss */
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

/* Priority 0 */
/* line 100, app/assets/stylesheets/application.scss */
html:where(.tw) {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Inter var, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

/* line 111, app/assets/stylesheets/application.scss */
body:where(.tw) {
  margin: 0;
  line-height: inherit;
}

/* line 115, app/assets/stylesheets/application.scss */
:where(.tw) {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

/* line 131, app/assets/stylesheets/application.scss */
.tw-off ol, .tw-off ul {
  list-style: revert;
  padding: revert;
}

/* line 136, app/assets/stylesheets/application.scss */
.tw-modal-wrapper {
  position: relative;
  z-index: 1000;
}

/* line 140, app/assets/stylesheets/application.scss */
.focus\:outline.focus\:outline-2.focus\:-outline-offset-2.focus\:outline-primary-600:focus {
  box-shadow: none;
}

/*!
 * froala_editor v4.1.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-element, .fr-element:focus {
  outline: 0 solid transparent;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-element [contenteditable="true"] {
  outline: 0 solid transparent;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box a.fr-floating-btn:hover svg {
  fill: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-wrapper {
  position: relative;
  z-index: 1;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

@media (min-width: 992px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-box.fr-document {
    min-width: 21cm;
  }
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef;
  }
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto;
  }
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none;
  }
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: "";
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-tabs .fr-command.fr-btn.fr-active:not(:hover):not(:focus), .fr-toolbar .fr-tabs .fr-command.fr-btn.fr-active-tab:not(:hover):not(:focus), .fr-popup .fr-tabs .fr-command.fr-btn.fr-active:not(:hover):not(:focus), .fr-popup .fr-tabs .fr-command.fr-btn.fr-active-tab:not(:hover):not(:focus), .fr-modal .fr-tabs .fr-command.fr-btn.fr-active:not(:hover):not(:focus), .fr-modal .fr-tabs .fr-command.fr-btn.fr-active-tab:not(:hover):not(:focus) {
  background: #FFF;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
body.fr-prevent-scroll {
  overflow: hidden;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}

@media (min-width: 992px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
ol.decimal_type {
  counter-reset: item;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
ol.decimal_type > li {
  display: block;
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@supports not (-ms-high-contrast: none) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}

@media (min-width: 768px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-focus {
  background: whitesmoke;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-active {
  display: block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-hidden {
  display: none !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-empty {
  display: none !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-hs {
  display: block !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line input[type="number"]:focus, .fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] {
  height: 46px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup input, .fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup textarea {
  resize: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden;
}

@media (max-width: 768px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none;
}

@media (min-width: 768px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-popup .fr-layer {
    width: 260px;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar::after {
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-float-right {
  float: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-float-left {
  float: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px;
}

@media (max-width: 768px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-rtl {
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline .fr-more-toolbar {
  position: absolute !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
  position: relative !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-separator + .fr-separator {
  display: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - (2 * 4px));
  margin: 0 4px;
  height: 1px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-separator.fr-hidden {
  display: none !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-rtl .fr-separator {
  float: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
#fr-logo {
  float: left;
  outline: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}

@media (min-width: 768px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}

@media (min-width: 992px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}

@media (min-width: 1200px) {
  /* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-box {
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-sticky-off {
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-sticky-on {
  position: sticky;
  z-index: 10;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-sticky-on.fr-sticky-ios {
  position: -webkit-sticky;
  left: 0;
  right: 0;
  width: auto !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-sticky-dummy {
  display: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
  opacity: 1;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-track-hide {
  display: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_editor.min.css */
.position-relative {
  position: relative !important;
}

/*!
 * froala_editor v4.1.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view {
  word-wrap: break-word;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span[style~="color:"] a {
  color: inherit;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view strong {
  font-weight: 700;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table[border='0'] td:not([class]), .fr-view table[border='0'] th:not([class]), .fr-view table[border='0'] td[class=""], .fr-view table[border='0'] th[class=""] {
  border-width: 0px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table td {
  min-width: 5px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table td, .fr-view table th {
  border: 1px solid #DDD;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table th {
  background: #ececec;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view table tfoot td {
  background: #ececec;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-file {
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00BCD4;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43A047;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display: inline;
  line-height: 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-text-gray {
  color: #AAA !important;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-class-transparency {
  opacity: 0.5;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img {
  position: relative;
  max-width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video {
  text-align: center;
  position: relative;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view a.fr-strong {
  font-weight: 700;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view a.fr-green {
  color: green;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-img-caption {
  text-align: center;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
.fr-view span.fr-img-caption.fr-dii.fr-fil, .fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
a.fr-view.fr-strong {
  font-weight: 700;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
a.fr-view.fr-green {
  color: green;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view {
  position: relative;
  max-width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

/* line 7, ../../usr/local/bundle/gems/wysiwyg-rails-4.1.2/app/assets/stylesheets/froala_style.min.css */
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

/* line 2, app/assets/stylesheets/froala.scss */
.fr-toolbar .fr-command.fr-btn {
  margin: 0;
}

/* line 5, app/assets/stylesheets/froala.scss */
.fr-toolbar .fr-command.fr-btn svg,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg {
  margin: 8px;
}

/* line 9, app/assets/stylesheets/froala.scss */
.fr-command.fr-btn.fr-options {
  width: 10px;
}

/* line 12, app/assets/stylesheets/froala.scss */
.fr-counter {
  display: block;
  padding: 4px 8px;
}

/* line 17, app/assets/stylesheets/froala.scss */
.fr-view {
  line-height: 1.6;
}

/* line 20, app/assets/stylesheets/froala.scss */
.fr-view p {
  max-width: 100% !important;
}

/* line 24, app/assets/stylesheets/froala.scss */
.fr-view a {
  color: var(--color-secondary);
  text-decoration: underline;
}

/* line 29, app/assets/stylesheets/froala.scss */
.fr-view > :first-child {
  margin-top: 0;
}

/* line 33, app/assets/stylesheets/froala.scss */
.fr-view > :last-child {
  margin-bottom: 0;
}