@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.contain {
  max-width: 1100px;
  margin: 0 auto;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  Alignment
  ============================= */
.center-aligned {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.v-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-between {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*  Misc
  ============================= */
.containerFixed {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cursor-grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/*  Cross Browser Helpers
  ============================= */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*  Spinning
  ============================= */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*  Filters
  ============================= */
/* Shapes
  ============================= */
/* Placeholders
  ============================= */
/* Slider Thumb Styling
  ============================= */
/* Link Styling
  ============================= */
.link-styler {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.link-styler:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
/* Animation Staggering
============================== */
/* Accessibility
  ============================= */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
/* Media
  ============================= */
.small > svg,
svg.small {
  height: 16px;
  width: 16px;
}
.medium > svg,
svg.medium {
  height: 24px;
  width: 24px;
}
.large > svg,
svg.large {
  height: 32px;
  width: 32px;
}
.extra-large > svg,
svg.extra-large {
  height: 60px;
  width: 60px;
}
.extra-extra-large > svg,
svg.extra-extra-large {
  height: 75px;
  width: 75px;
}
.very-small > svg,
.micro > svg,
svg.very-small,
svg.micro {
  height: 8px;
  width: 8px;
}
.mini > svg,
svg.mini {
  height: 10px;
  width: 10px;
}
.milli > svg,
svg.milli {
  height: 12px;
  width: 12px;
}
.centi > svg,
svg.centi {
  height: 14px;
  width: 14px;
}
.sans {
  font-family: "calibre-legacy", sans-serif;
}
.open-sans {
  font-family: "calibre-legacy", sans-serif;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.eot");
  src: url("/Assets/fonts/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.eot");
  src: url("/Assets/fonts/CalibreWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot");
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "bullet";
  src: url("/Assets/fonts/bullet/bullet.eot");
  src: url("/Assets/fonts/bullet/bullet.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/bullet/bullet.woff") format("woff");
}
.calibre {
  font-family: "calibre-legacy", sans-serif;
}
.italic {
  font-style: italic;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 600;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
body {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade-leave {
  opacity: 1;
}
.fade-leave.fade-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade.ng-enter {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.fade.ng-leave {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes load8{ 0% {   -webkit-transform: rotate(0deg); } 100% {   -webkit-transform: rotate(360deg); }}
@-moz-keyframes load8{ 0% {   -moz-transform: rotate(0deg); } 100% {   -moz-transform: rotate(360deg); }}
@-o-keyframes load8{ 0% {   -o-transform: rotate(0deg); } 100% {   -o-transform: rotate(360deg); }}
@keyframes load8{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); };
}
.circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.bounce-up {
  -webkit-animation-name: bounce-up;
  -moz-animation-name: bounce-up;
  -o-animation-name: bounce-up;
  animation-name: bounce-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes bounce-up{ 0% {   -webkit-transform: translateY(8px); } 100% {   -webkit-transform: translateY(0px); }}
@-moz-keyframes bounce-up{ 0% {   -moz-transform: translateY(8px); } 100% {   -moz-transform: translateY(0px); }}
@-o-keyframes bounce-up{ 0% {   -o-transform: translateY(8px); } 100% {   -o-transform: translateY(0px); }}
@keyframes bounce-up{ 0% {-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-ms-transform: translateY(8px);transform: translateY(8px); } 100% {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); };
}
.scale-up {
  -webkit-animation-name: scale-up;
  -moz-animation-name: scale-up;
  -o-animation-name: scale-up;
  animation-name: scale-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes scale-up{ 0% {   -webkit-transform: scale(0.7); } 100% {   -webkit-transform: scale(1.0); }}
@-moz-keyframes scale-up{ 0% {   -moz-transform: scale(0.7); } 100% {   -moz-transform: scale(1.0); }}
@-o-keyframes scale-up{ 0% {   -o-transform: scale(0.7); } 100% {   -o-transform: scale(1.0); }}
@keyframes scale-up{ 0% {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7); } 100% {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0); };
}
.pop-right {
  -webkit-animation-name: pop-right;
  -moz-animation-name: pop-right;
  -o-animation-name: pop-right;
  animation-name: pop-right;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes pop-right{ 0% {   -webkit-transform: translate(-6px,6px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes pop-right{ 0% {   -moz-transform: translate(-6px,6px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes pop-right{ 0% {   -o-transform: translate(-6px,6px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes pop-right{ 0% {-webkit-transform: translate(-6px,6px);-moz-transform: translate(-6px,6px);-ms-transform: translate(-6px,6px);transform: translate(-6px,6px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-left {
  -webkit-animation: slide-left, X;
  -moz-animation: slide-left, X;
  -o-animation: slide-left, X;
  animation: slide-left, X;
  -webkit-animation: slide-left;
  -moz-animation: slide-left;
  -o-animation: slide-left;
  animation: slide-left;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-left{ 0% {   -webkit-transform: translate(10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-left{ 0% {   -moz-transform: translate(10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-left{ 0% {   -o-transform: translate(10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-left{ 0% {-webkit-transform: translate(10px,0px);-moz-transform: translate(10px,0px);-ms-transform: translate(10px,0px);transform: translate(10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-right {
  -webkit-animation: slide-right, X;
  -moz-animation: slide-right, X;
  -o-animation: slide-right, X;
  animation: slide-right, X;
  -webkit-animation: slide-right;
  -moz-animation: slide-right;
  -o-animation: slide-right;
  animation: slide-right;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-right{ 0% {   -webkit-transform: translate(-10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-right{ 0% {   -moz-transform: translate(-10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-right{ 0% {   -o-transform: translate(-10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-right{ 0% {-webkit-transform: translate(-10px,0px);-moz-transform: translate(-10px,0px);-ms-transform: translate(-10px,0px);transform: translate(-10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.fade-in-left {
  -webkit-animation: fade-in-left, X;
  -moz-animation: fade-in-left, X;
  -o-animation: fade-in-left, X;
  animation: fade-in-left, X;
  -webkit-animation: fade-in-left;
  -moz-animation: fade-in-left;
  -o-animation: fade-in-left;
  animation: fade-in-left;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-left{ 0% {   -webkit-transform: translate(30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-left{ 0% {   -moz-transform: translate(30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-left{ 0% {   -o-transform: translate(30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-left{ 0% {-webkit-transform: translate(30px,0px);-moz-transform: translate(30px,0px);-ms-transform: translate(30px,0px);transform: translate(30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-right {
  -webkit-animation: fade-in-right, X;
  -moz-animation: fade-in-right, X;
  -o-animation: fade-in-right, X;
  animation: fade-in-right, X;
  -webkit-animation: fade-in-right;
  -moz-animation: fade-in-right;
  -o-animation: fade-in-right;
  animation: fade-in-right;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-right{ 0% {   -webkit-transform: translate(-30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-right{ 0% {   -moz-transform: translate(-30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-right{ 0% {   -o-transform: translate(-30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-right{ 0% {-webkit-transform: translate(-30px,0px);-moz-transform: translate(-30px,0px);-ms-transform: translate(-30px,0px);transform: translate(-30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.spring-up {
  -webkit-animation: spring-up, X;
  -moz-animation: spring-up, X;
  -o-animation: spring-up, X;
  animation: spring-up, X;
  -webkit-animation: spring-up;
  -moz-animation: spring-up;
  -o-animation: spring-up;
  animation: spring-up;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -moz-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -o-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes spring-up{ 0% {   -webkit-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -webkit-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -webkit-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-moz-keyframes spring-up{ 0% {   -moz-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -moz-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -moz-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-o-keyframes spring-up{ 0% {   -o-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -o-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -o-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@keyframes spring-up{ 0% {-webkit-transform: translateY(50px) rotateZ(-10deg);-moz-transform: translateY(50px) rotateZ(-10deg);-ms-transform: translateY(50px) rotateZ(-10deg);transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {-webkit-transform: translateY(-5px) rotateZ(10deg);-moz-transform: translateY(-5px) rotateZ(10deg);-ms-transform: translateY(-5px) rotateZ(10deg);transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {-webkit-transform: translateY(0px) rotateZ(0deg);-moz-transform: translateY(0px) rotateZ(0deg);-ms-transform: translateY(0px) rotateZ(0deg);transform: translateY(0px) rotateZ(0deg);   opacity: 1; };
}
.hop-right {
  -webkit-animation-name: hop-right;
  -moz-animation-name: hop-right;
  -o-animation-name: hop-right;
  animation-name: hop-right;
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes hop-right{ 0% { -webkit-transform: translate(0px,0px); } 100% { -webkit-transform: translate(3px,-3px); }}
@-moz-keyframes hop-right{ 0% { -moz-transform: translate(0px,0px); } 100% { -moz-transform: translate(3px,-3px); }}
@-o-keyframes hop-right{ 0% { -o-transform: translate(0px,0px); } 100% { -o-transform: translate(3px,-3px); }}
@keyframes hop-right{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); } 100% {-webkit-transform: translate(3px,-3px);-moz-transform: translate(3px,-3px);-ms-transform: translate(3px,-3px);transform: translate(3px,-3px); };
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-up{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-up{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-up{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-up{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,30px);-moz-transform: translate(0px,30px);-ms-transform: translate(0px,30px);transform: translate(0px,30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  -moz-animation-name: fade-in-down;
  -o-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
.fade-in-down-enter {
  -webkit-animation: fade-in-down, X;
  -moz-animation: fade-in-down, X;
  -o-animation: fade-in-down, X;
  animation: fade-in-down, X;
  -webkit-animation: fade-in-down;
  -moz-animation: fade-in-down;
  -o-animation: fade-in-down;
  animation: fade-in-down;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.fade-in-down-leave {
  -webkit-animation: fade-in-down, X;
  -moz-animation: fade-in-down, X;
  -o-animation: fade-in-down, X;
  animation: fade-in-down, X;
  -webkit-animation: fade-in-down;
  -moz-animation: fade-in-down;
  -o-animation: fade-in-down;
  animation: fade-in-down;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-down{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,-30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-down{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,-30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-down{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,-30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-down{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,-30px);-moz-transform: translate(0px,-30px);-ms-transform: translate(0px,-30px);transform: translate(0px,-30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } }
@-moz-keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } }
@-o-keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } }
@keyframes fade{   from {     opacity: 0;   }   to {     opacity: 1;   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-left{   from {     opacity: 0;     -webkit-transform: translateX(40px);   }   to {     opacity: 1;     -webkit-transform: translateX(0);   } }
@-moz-keyframes come-left{   from {     opacity: 0;     -moz-transform: translateX(40px);   }   to {     opacity: 1;     -moz-transform: translateX(0);   } }
@-o-keyframes come-left{   from {     opacity: 0;     -o-transform: translateX(40px);   }   to {     opacity: 1;     -o-transform: translateX(0);   } }
@keyframes come-left{   from {     opacity: 0;-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);   }   to {     opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-right{   from {     opacity: 0;     -webkit-transform: translateX(-40px);   }   to {     opacity: 1;     -webkit-transform: translateX(0);   } }
@-moz-keyframes come-right{   from {     opacity: 0;     -moz-transform: translateX(-40px);   }   to {     opacity: 1;     -moz-transform: translateX(0);   } }
@-o-keyframes come-right{   from {     opacity: 0;     -o-transform: translateX(-40px);   }   to {     opacity: 1;     -o-transform: translateX(0);   } }
@keyframes come-right{   from {     opacity: 0;-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px);   }   to {     opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-up{   from {     opacity: 0;     -webkit-transform: translateY(40px);   }   to {     opacity: 1;     -webkit-transform: translateY(0);   } }
@-moz-keyframes come-up{   from {     opacity: 0;     -moz-transform: translateY(40px);   }   to {     opacity: 1;     -moz-transform: translateY(0);   } }
@-o-keyframes come-up{   from {     opacity: 0;     -o-transform: translateY(40px);   }   to {     opacity: 1;     -o-transform: translateY(0);   } }
@keyframes come-up{   from {     opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);   }   to {     opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes come-down{   from {     opacity: 0;     -webkit-transform: translateY(-40px);   }   to {     opacity: 1;     -webkit-transform: translateY(0);   } }
@-moz-keyframes come-down{   from {     opacity: 0;     -moz-transform: translateY(-40px);   }   to {     opacity: 1;     -moz-transform: translateY(0);   } }
@-o-keyframes come-down{   from {     opacity: 0;     -o-transform: translateY(-40px);   }   to {     opacity: 1;     -o-transform: translateY(0);   } }
@keyframes come-down{   from {     opacity: 0;-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);   }   to {     opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);   } ;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } }
@-moz-keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } }
@-o-keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } }
@keyframes ghost-pulse{   from {     opacity: 0.1;   }   to {     opacity: 0.2;   } ;
}
/*
  Constants (i.e. LESS variables) we want to share between different front-end apps.
  i.e. Client / Public.
*/
.button-standards {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
}
.button-standards.disabled {
  cursor: initial;
}
.button-primary {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: #00857b;
  color: white;
}
.button-primary.disabled {
  cursor: initial;
}
.button-primary.disabled {
  background-color: rgba(129, 162, 178, 0.2);
}
.button-primary.disabled:hover {
  box-shadow: none;
}
.button-primary:hover {
  box-shadow: 0px 0px 0px 3px rgba(70, 163, 155, 0.25);
}
.button-secondary {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(129, 162, 178, 0.2);
  color: #00857b;
  background-color: white;
}
.button-secondary.disabled {
  cursor: initial;
}
.button-secondary.disabled {
  color: rgba(129, 162, 178, 0.2);
  border: 1px solid rgba(129, 162, 178, 0.2);
}
.button-secondary.disabled:hover {
  box-shadow: none;
}
.button-secondary:hover {
  box-shadow: 0px 0px 0px 3px rgba(129, 162, 178, 0.1);
}
.button-text {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: none;
  color: #242c39;
}
.button-text.disabled {
  cursor: initial;
}
.button-text.disabled {
  color: rgba(129, 162, 178, 0.2);
}
.button-text.disabled:hover {
  background: none;
}
.button-text:hover {
  background: rgba(129, 162, 178, 0.2);
}
.button-cancel {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(129, 162, 178, 0.2);
  color: #242c39;
  background-color: white;
}
.button-cancel.disabled {
  cursor: initial;
}
.button-cancel.disabled {
  color: rgba(129, 162, 178, 0.2);
  border: 1px solid rgba(129, 162, 178, 0.2);
}
.button-cancel.disabled:hover {
  box-shadow: none;
}
.button-cancel:hover {
  box-shadow: 0px 0px 0px 3px rgba(129, 162, 178, 0.1);
}
.button-add {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #1099FC;
  color: white;
}
.button-add.disabled {
  cursor: initial;
}
.button-add.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-add.disabled:hover {
  box-shadow: none;
}
.button-add:hover {
  box-shadow: 0px 0px 0px 3px rgba(78, 177, 251, 0.25);
}
.button-delete {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #D71939;
  color: white;
}
.button-delete.disabled {
  cursor: initial;
}
.button-delete.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-delete.disabled:hover {
  box-shadow: none;
}
.button-delete:hover {
  box-shadow: 0px 0px 0px 3px rgba(240, 116, 106, 0.25);
}
.button-waiting {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #1099FC;
  color: white;
}
.button-waiting.disabled {
  cursor: initial;
}
.button-waiting.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-waiting.disabled:hover {
  box-shadow: none;
}
.button-waiting:hover {
  box-shadow: 0px 0px 0px 3px rgba(78, 177, 251, 0.25);
}
.button-error {
  width: fit-content;
  min-width: 140px;
  padding: 15px 25px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #D71939;
  color: white;
}
.button-error.disabled {
  cursor: initial;
}
.button-error.disabled {
  background: rgba(129, 162, 178, 0.2);
}
.button-error.disabled:hover {
  box-shadow: none;
}
.button-error:hover {
  box-shadow: 0px 0px 0px 3px rgba(240, 116, 106, 0.25);
}
.old-create-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  font-size: 16px;
  color: #81a2b2;
  border: 1px solid #81a2b2;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.old-create-button .icon-plus {
  font-weight: 600;
}
.old-create-button:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  color: white;
  background-color: #1099FC;
  border-color: #1099FC;
}
.old-create-button-divider {
  position: relative;
  height: 36px;
  pointer-events: none;
}
.old-create-button-divider:hover hr.hover-line,
.old-create-button-divider:hover .horizontal-row.hover-line {
  opacity: 0.5;
}
.old-create-button-divider:hover .divider {
  visibility: hidden;
}
.old-create-button-divider hr,
.old-create-button-divider .horizontal-row {
  position: absolute;
  margin: auto;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.old-create-button-divider hr.divider,
.old-create-button-divider .horizontal-row.divider {
  border: 0.5px solid rgba(129, 162, 178, 0.25);
}
.old-create-button-divider hr.hover-line,
.old-create-button-divider .horizontal-row.hover-line {
  opacity: 0;
  border: none;
  background-color: #1099FC;
  border-radius: 4px;
  height: 8px;
  -webkit-transition: opacity 0.15s ease, X;
  -moz-transition: opacity 0.15s ease, X;
  -o-transition: opacity 0.15s ease, X;
  transition: opacity 0.15s ease, X;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.old-create-button-divider .old-create-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
  pointer-events: all;
}
.public-output .default-value {
  display: none;
}
insertable {
  display: block;
}
.foldable-label {
  padding: 40px 0;
  text-align: center;
}
.project-block--unfolded:not(.splash-module):not(.project-block--background-video):not(.project-block--background-image) .foldable-label {
  padding-bottom: 0;
}
.foldable-label * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.foldable-label .label-container {
  display: inline-block;
  padding: 20px;
  background: #fff;
  border-radius: 0;
  cursor: pointer;
  font-size: 17px;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
}
.foldable-label .label-container::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.foldable-label .label-container:focus {
  outline-color: #1099FC;
}
.foldable-label .label-container:focus::after {
  outline-color: white;
}
.foldable-label .label-container:focus:not(:focus-visible),
.foldable-label .label-container:active {
  outline-color: transparent;
}
.foldable-label .label-container:focus:not(:focus-visible)::after,
.foldable-label .label-container:active::after {
  outline-color: transparent;
}
.foldable-label .label-container::-moz-focus-inner {
  border: 0;
}
.foldable-label .label-container icon,
.foldable-label .label-container .foldable-label__text {
  display: inline-block;
}
.foldable-label .label-container .foldable-label__text {
  margin-left: 10px;
  font-weight: 400;
}
.foldable-block {
  -webkit-transition: all 0.3s, X;
  -moz-transition: all 0.3s, X;
  -o-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.foldable-block.ng-enter {
  -webkit-animation: fadeIn 0.4s, X;
  -moz-animation: fadeIn 0.4s, X;
  -o-animation: fadeIn 0.4s, X;
  animation: fadeIn 0.4s, X;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  animation: fadeIn 0.4s;
}
.foldable-block.ng-leave {
  height: 0;
  -webkit-animation: fadeOut 0.4s, X;
  -moz-animation: fadeOut 0.4s, X;
  -o-animation: fadeOut 0.4s, X;
  animation: fadeOut 0.4s, X;
  -webkit-animation: fadeOut 0.4s;
  -moz-animation: fadeOut 0.4s;
  -o-animation: fadeOut 0.4s;
  animation: fadeOut 0.4s;
}
.resizable-widget--width-content {
  width: 100%;
}
.resizable-widget--width-wide {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--page-content-width);
}
@media screen and (min-width: 1140px) {
  .resizable-widget--width-wide {
    width: 115%;
  }
}
@media screen and (min-width: 1440px) {
  .resizable-widget--width-wide {
    width: 133%;
  }
}
.resizable-widget--width-full {
  margin-left: 50%;
  transform: translateX(-50%);
  width: var(--page-content-width);
}
.project-block {
  box-shadow: 0 1px 0 0 rgba(129, 162, 178, 0.2), 0 -1px 0 0 rgba(129, 162, 178, 0.2);
}
.project-block .blockquote-widget__spacing-shim {
  margin: 40px 0;
}
.project-block .blockquote-widget__spacing-shim blockquote {
  margin: 0;
}
.project-block blockquote {
  margin: 40px 0;
  padding: 0.5em 0 0.5em 36px;
  line-height: 1.5;
  position: relative;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}
.project-block blockquote::before {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  content: "";
  background-position: center center;
  left: -16px;
  top: 0;
  display: block;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.project-block blockquote::after {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  left: 0;
}
.project-block ul,
.project-block ol {
  width: 100%;
  max-width: -moz-available;
  max-width: -webkit-fill-available;
  max-width: fill-available;
}
.project-block ul ul,
.project-block ol ul,
.project-block ul ol,
.project-block ol ol {
  margin-left: 1.3em;
}
.project-block ul li.ordered,
.project-block ol li.ordered,
.project-block ul li.unordered,
.project-block ol li.unordered {
  list-style: none;
  margin-bottom: 0px;
}
.project-block ul li.ordered > span,
.project-block ol li.ordered > span,
.project-block ul li.unordered > span,
.project-block ol li.unordered > span {
  margin-bottom: 5px;
}
.project-block ul + p.project-block__block-element,
.project-block ol + p.project-block__block-element,
.project-block ul + h1.project-block__block-element,
.project-block ol + h1.project-block__block-element,
.project-block ul + h2.project-block__block-element,
.project-block ol + h2.project-block__block-element {
  padding-top: 1em;
}
.project-block li.ordered,
.project-block li.unordered {
  margin-bottom: 5px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.project-block li.ordered + p,
.project-block li.unordered + p,
.project-block li.ordered + h1,
.project-block li.unordered + h1,
.project-block li.ordered + h2,
.project-block li.unordered + h2 {
  padding-top: 1em;
}
.project-block li.ordered::before,
.project-block li.unordered::before,
.project-block li.ordered > .before,
.project-block li.unordered > .before {
  min-width: 1.3em;
  display: block;
  margin-right: 5px;
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
  -webkit-transition: color 0.2s ease-out, X;
  -moz-transition: color 0.2s ease-out, X;
  -o-transition: color 0.2s ease-out, X;
  transition: color 0.2s ease-out, X;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.project-block li.ordered span:not(.before),
.project-block li.unordered span:not(.before) {
  flex: 1;
  min-width: 0;
}
.project-block .listitem-widget__spacing-shim {
  margin-bottom: 5px;
}
.project-block .listitem-widget__spacing-shim + .h1-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .h2-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .h3-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .h4-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .p-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .smallText-widget__spacing-shim,
.project-block .listitem-widget__spacing-shim + .captionText-widget__spacing-shim {
  padding-top: 1em;
}
.project-block .listitem-widget__spacing-shim li.ordered,
.project-block .listitem-widget__spacing-shim li.unordered {
  margin-bottom: 0;
}
.project-block li.unordered > .before,
.project-block li.unordered::before {
  min-width: 1.85714286em;
  font-size: 0.7em;
  line-height: 2.15em;
  margin-bottom: -2.15em;
}
.project-block figure {
  text-align: center;
}
.project-block .image-widget__link,
.project-block a:not(.kl-link).image-widget__link {
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  border-bottom: none;
  display: block;
}
.project-block .image-widget__link:hover,
.project-block a:not(.kl-link).image-widget__link:hover {
  border-bottom: none;
}
.project-block .image-widget__link::after,
.project-block a:not(.kl-link).image-widget__link::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.project-block .image-widget__link:focus,
.project-block a:not(.kl-link).image-widget__link:focus {
  outline-color: #1099FC;
}
.project-block .image-widget__link:focus::after,
.project-block a:not(.kl-link).image-widget__link:focus::after {
  outline-color: white;
}
.project-block .image-widget__link:focus:not(:focus-visible),
.project-block a:not(.kl-link).image-widget__link:focus:not(:focus-visible),
.project-block .image-widget__link:active,
.project-block a:not(.kl-link).image-widget__link:active {
  outline-color: transparent;
}
.project-block .image-widget__link:focus:not(:focus-visible)::after,
.project-block a:not(.kl-link).image-widget__link:focus:not(:focus-visible)::after,
.project-block .image-widget__link:active::after,
.project-block a:not(.kl-link).image-widget__link:active::after {
  outline-color: transparent;
}
.project-block .image-widget__link::-moz-focus-inner,
.project-block a:not(.kl-link).image-widget__link::-moz-focus-inner {
  border: 0;
}
.project-block .image-widget__link--circle,
.project-block a:not(.kl-link).image-widget__link--circle {
  border-radius: 50%;
}
.project-block .image-widget__image {
  display: block;
}
.project-block insertable .image-resizer-container {
  margin: 0 auto;
}
.project-block .standard-table {
  border: 1px solid #ededed;
  width: 100%;
}
.project-block .standard-table th,
.project-block .standard-table td {
  border: 1px solid #ededed;
  border-collapse: collapse;
  padding: 17px;
}
.project-block .standard-table thead {
  background: #f9f9f9;
}
.project-block .standard-table thead th {
  font-weight: 600;
  text-transform: uppercase;
}
.project-block .standard-table tr:nth-child(even) {
  background: #fbfbfb;
}
.project-block .insertable-table {
  border: 1px solid #ededed;
  width: 100%;
  margin-bottom: 40px;
}
.project-block .insertable-table th,
.project-block .insertable-table td {
  border: 1px solid #d9d9d9;
  border-collapse: collapse;
  padding: 10px;
}
.project-block .table-widget__spacing-shim {
  margin-top: 32px;
  margin-bottom: 32px;
}
.project-block .qwilr-table {
  width: 100%;
  word-wrap: break-word;
  table-layout: fixed;
  min-width: 500px;
  border-collapse: separate;
}
.project-block .qwilr-table td,
.project-block .qwilr-table tr {
  -webkit-transition: background 0.15s ease-out, border-color 0.15s ease-out;
  -moz-transition: background 0.15s ease-out, border-color 0.15s ease-out;
  -o-transition: background 0.15s ease-out, border-color 0.15s ease-out;
  transition: background 0.15s ease-out, border-color 0.15s ease-out;
}
.project-block .qwilr-table td {
  padding: 5px;
  word-break: break-word;
}
@media (max-width: 1200px) {
  .project-block .qwilr-table:has(td:nth-child(4)) {
    min-width: 650px;
  }
}
@media (max-width: 1200px) {
  .project-block .qwilr-table:has(td:nth-child(6)) {
    min-width: 800px;
  }
}
.project-block .qwilr-table-scroller {
  overflow-x: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.project-block .side-by-side__col figure:first-child {
  margin-top: 0;
}
.project-block .side-by-side__col figure:only-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .project-block body:not(#print) .side-by-side__col {
    width: 100% !important;
  }
  .project-block body:not(#print) .side-by-side__col--left {
    padding: 0;
  }
  .project-block body:not(#print) .side-by-side__col--right {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .project-block .side-by-side {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .project-block .side-by-side__col--left {
    padding-right: 16px;
  }
  .project-block .side-by-side__col--right {
    padding-left: 16px;
  }
  .project-block .side-by-side--center .side-by-side__col {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.project-block .button-widget__button {
  text-align: center;
  cursor: pointer;
  max-width: 100%;
  height: 100%;
}
.project-block .button-widget__button-text {
  background-color: transparent;
  color: unset;
  text-align: center;
  padding: 0;
  border: none;
  height: unset;
}
.project-block .button-widget__button-text::placeholder {
  color: unset;
}
.project-block .block-spacer,
.project-block .block-wrapper {
  padding: 25px 0;
}
.project-block .column,
.project-block .columns {
  padding: 0 25px;
}
h1.project-block__block-element,
h2.project-block__block-element,
blockquote.project-block__block-element,
p.project-block__block-element,
li.project-block__block-element {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.project-block__block-element s::before,
.project-block__block-element s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.project-block__block-element s::before {
  content: " [start of stricken text] ";
}
.project-block__block-element s::after {
  content: " [end of stricken text] ";
}
.project-block__block-element .strikethrough::before,
.project-block__block-element .strikethrough::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.project-block__block-element .strikethrough::before {
  content: " [start of stricken text] ";
}
.project-block__block-element .strikethrough::after {
  content: " [end of stricken text] ";
}
.video-fill {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.video-fill video,
.video-fill video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-fill video {
  object-fit: cover;
}
.video-fill video-background > div {
  height: 100%;
}
.project-block.splash-module {
  padding: 0;
}
.project-block.splash-module .position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.project-block.splash-module .fill-block {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 5% 0;
}
.project-block.splash-module .fill-block .content {
  position: relative;
  display: block;
  border-radius: 2px;
  padding: 2.5%;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  .project-block.splash-module .fill-block .content {
    min-width: 475px;
  }
}
@media screen and (max-width: 500px) {
  .project-block.splash-module .fill-block .content {
    width: 95%;
    padding: 10px;
  }
}
.project-block.splash-module .fill-block .tint-v2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.project-block.splash-module .fill-block .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.project-block.splash-module .fill-block .image-loader {
  -webkit-filter: blur(75px);
  -moz-filter: blur(75px);
  -ms-filter: blur(75px);
  filter: blur(75px);
}
.project-block.splash-module .fill-block .video-position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 500px) {
  .project-block.splash-module .fill-block .video-position {
    display: none;
  }
}
.project-block.splash-module .video-position-embed {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.project-block.splash-module .video-thumbnail {
  display: none;
}
@media (max-width: 500px) {
  .project-block.splash-module .video-thumbnail {
    display: block;
  }
}
ul,
ol,
li {
  text-align: left;
}
.print-virtual-page .project-block.splash-module .fill-block .row.container .content,
.project-block.splash-module .print-virtual-page.fill-block .row.container .content {
  min-width: 475px;
}
.accept-module .accept-button-v2 {
  height: 92px;
  width: 278px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0 auto 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.accept-module .accept-button-v2:not(.disabled) {
  cursor: pointer;
}
.accept-module .accept-button-v2.disabled {
  color: white;
  background: rgba(129, 162, 178, 0.4);
}
.accept-module .accept-button-v2.default-text {
  letter-spacing: normal;
  text-transform: none;
}
.accept-module .accept-button-v2.auto-size {
  width: auto;
  min-width: 278px;
  max-width: 450px;
}
.accept-module .icon {
  margin-right: 10px;
}
.quote-v2-module.project-block .quote-header {
  margin: 40px auto 0 auto;
  padding: 0 10px;
}
.quote-v2-module.project-block .quote-header table p {
  margin: 0 px;
  line-height: 1;
}
.quote-v2-module.project-block .quote-header .new-editor {
  padding-bottom: 0;
}
.quote-v2-module.project-block .quote-header:empty {
  display: none;
}
.quote-v2-module.project-block .section-description p {
  padding: 0 0 7px 0;
}
.quote-v2-module.project-block ng-include,
.quote-v2-module.project-block qwilr-quote {
  display: block;
}
.source-module.project-block .content {
  margin: auto;
}
.source-module.project-block .container {
  height: 66vh;
  border: 1px solid #ededed;
}
@supports (-webkit-overflow-scrolling: touch) {
  .source-module.project-block .container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
}
.source-module.project-block .container iframe {
  width: 100%;
  height: 100%;
}
.video-module .video-header {
  font-size: 20px;
  margin: 40px auto;
  -webkit-transition: width 0.2s ease, X;
  -moz-transition: width 0.2s ease, X;
  -o-transition: width 0.2s ease, X;
  transition: width 0.2s ease, X;
  -webkit-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
@media screen and (max-width: 414px) {
  .video-module .video-header {
    padding: 0 25px;
  }
}
.video-module .container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.video-module .container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-module .container.size-small {
  max-width: 650px;
  margin: 0 auto;
}
@media screen and (min-width: 650px) {
  .video-module .container.size-small {
    padding-bottom: 365.625px;
  }
}
.video-module .container.size-medium {
  max-width: 840px;
  margin: 0 auto;
}
@media screen and (min-width: 840px) {
  .video-module .container.size-medium {
    padding-bottom: 472.5px;
  }
}
@media screen and (min-width: 768px) {
  .project-block .block-spacer,
  .project-block .block-wrapper,
  .project-block .fill-block {
    padding: 7.5% 0;
  }
}
.project-block,
.project-block .tint-v2 {
  -webkit-transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
  -moz-transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
  -o-transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
  transition: background-color 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
}
.project-block h1,
.project-block h2,
.project-block h3,
.project-block h4,
.project-block h5,
.project-block h6,
.project-block p,
.project-block li {
  -webkit-transition: color 0.2s ease-out, X;
  -moz-transition: color 0.2s ease-out, X;
  -o-transition: color 0.2s ease-out, X;
  transition: color 0.2s ease-out, X;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.project-block p {
  margin: 0;
}
.project-block hr {
  border-color: rgba(129, 162, 178, 0.25);
  border-style: solid;
  border-width: 0.5px;
  margin: 30px 3px 30px 3px;
}
.public-output .project-block :not(.qed-placeholder) > h1:first-child,
.public-output .project-block :not(.qed-placeholder) > h2:first-child,
.public-output .project-block :not(.qed-placeholder) > h3:first-child,
.public-output .project-block :not(.qed-placeholder) > h4:first-child,
.public-output .project-block :not(.qed-placeholder) > h5:first-child,
.public-output .project-block :not(.qed-placeholder) > h6:first-child,
.public-output .project-block :not(.qed-placeholder) > p:first-child {
  padding-top: 0;
}
.project-block li {
  line-height: 1.5;
  min-height: 1.5em;
}
.project-block a:not(.kl-link) {
  color: inherit;
  -webkit-transition: color 0.2s ease-out, border 0.15s ease-out;
  -moz-transition: color 0.2s ease-out, border 0.15s ease-out;
  -o-transition: color 0.2s ease-out, border 0.15s ease-out;
  transition: color 0.2s ease-out, border 0.15s ease-out;
  border-bottom: 1px solid currentColor;
}
.project-block a:not(.kl-link):hover {
  text-decoration: none;
  border-bottom: 3px solid currentColor;
}
.project-block:focus:not(.button) {
  outline: none;
}
.project-block table blockquote {
  margin: 0;
  padding: 0;
}
@media all and (max-width: 500px) {
  .project-block p,
  .project-block li {
    line-height: 1.5;
  }
  .project-block blockquote {
    line-height: 1.2;
    text-align: left;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.v-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.containerFixed {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auto-hyphens {
  -o-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*	Filters
============================= */
/* Shapes
============================== */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media all and (-ms-high-contrast: none) {
  .project-block.splash-module .row {
    max-width: none;
  }
  *::-ms-backdrop,
  .project-block.splash-module .row {
    max-width: none;
  }
}
.embed-widget {
  margin-top: 24px;
  margin-bottom: 24px;
}
.embed-widget--margins-disabled {
  margin-top: 0;
  margin-bottom: 0;
}
.embed-widget--not-focused iframe {
  pointer-events: none;
}
.embed-widget__container {
  display: flex;
  margin-top: 32px;
  margin-bottom: 32px;
  position: relative;
}
.embed-widget__container--left-aligned {
  margin-left: 0;
}
.embed-widget__container--center-aligned {
  margin-left: auto;
  margin-right: auto;
}
.embed-widget__container--content {
  width: 100%;
}
.embed-widget__container--wide {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--page-content-width);
}
@media screen and (min-width: 1140px) {
  .embed-widget__container--wide {
    width: 115%;
  }
}
@media screen and (min-width: 1440px) {
  .embed-widget__container--wide {
    width: 133%;
  }
}
.embed-widget__container--full {
  margin-left: 50%;
  transform: translateX(-50%);
  width: var(--page-content-width);
}
.embed-widget__iframe-container {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  background: #FAFCFD;
}
.embed-widget__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.iframe-widget {
  position: relative;
}
.iframe-widget .embed-widget__iframe-container {
  padding-bottom: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.qwilr-quote {
  max-width: 900px;
  margin: 0 auto;
}
.qwilr-quote .display-quote-section {
  width: 100%;
  margin-left: 0;
  margin-bottom: 40px;
  font-weight: 300;
  position: relative;
}
.qwilr-quote .display-quote-section .section-name {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 2px;
  display: inline-block;
  border-bottom: 1px solid;
}
.qwilr-quote .display-quote-section .items {
  width: 100%;
}
.qwilr-quote .display-quote-section .items.text-items-only .item .name {
  width: 100%;
}
.qwilr-quote .display-quote-section .items .item {
  border-bottom: 1px solid #f2f2f2;
}
.qwilr-quote .display-quote-section .items .item:last-child {
  border-bottom: none;
}
.qwilr-quote .display-quote-section .items .item td {
  padding: 13px 0 8px;
  vertical-align: middle;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input {
  text-align: center;
  padding-right: 0;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.quantity-input {
  width: 80px;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.quantity-input input {
  max-width: 60px;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.optional-toggle {
  width: 80px;
  min-width: 80px;
}
.qwilr-quote .display-quote-section .items .item .left-interactive-input.empty {
  padding: 0;
  width: 0;
}
.qwilr-quote .display-quote-section .items .item .name {
  white-space: pre-wrap;
  line-height: 1.5;
}
.qwilr-quote .display-quote-section .items .item .units input {
  display: inline-block;
  width: 50px;
  text-align: center;
  padding-left: 0;
}
.qwilr-quote .display-quote-section .items .item .cost {
  text-align: right;
}
.qwilr-quote .display-quote-section .items.large td:first-child {
  padding-left: 0;
}
.qwilr-quote .display-quote-section .items.large td:last-child {
  padding-right: 0;
}
.qwilr-quote .display-quote-section .items.large .units input,
.qwilr-quote .display-quote-section .items.large .units span {
  margin: 0 2px;
}
.qwilr-quote .display-quote-section .items.large .name {
  width: 50%;
}
.qwilr-quote .display-quote-section .items.large .quantity-units-input-container {
  position: relative;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info {
  font-weight: 600;
  z-index: 9999;
  background: #1099FC;
  color: #fff;
  border: 1px solid #f3f5f6;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 150px;
  min-width: 150px;
  top: -75px;
  left: 50%;
  margin-left: -75px;
  font-size: 12px;
  text-align: center;
  padding: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info .label {
  color: #b7e0fe;
  margin-right: 4px;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info .value {
  font-weight: 700;
}
.qwilr-quote .display-quote-section .items.large .boundaries-info .dual-cell {
  width: 100%;
}
.qwilr-quote .display-quote-section .section-summary-item {
  border-top: 1px solid #ededed;
  padding: 20px 0 10px;
  font-weight: 700;
  opacity: 0.8;
}
.qwilr-quote .display-quote-section .section-summary-item:last-child {
  border-bottom: 1px solid #ededed;
}
.qwilr-quote .display-quote-section .section-summary-item > div {
  *zoom: 1;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item > div:before,
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  content: "";
  display: table;
}
.qwilr-quote .display-quote-section .section-summary-item > div:after {
  clear: both;
}
.qwilr-quote .display-quote-section .section-summary-item .label {
  float: left;
  text-transform: uppercase;
}
.qwilr-quote .display-quote-section .section-summary-item .number {
  float: right;
}
.qwilr-quote .totals {
  border-top: 2px solid;
  border-bottom: 2px solid;
  display: block;
  padding: 3.5% 0 15px;
  font-size: 20px;
}
.qwilr-quote .totals tbody,
.qwilr-quote .totals tr {
  width: 100%;
  display: block;
  *zoom: 1;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tbody:before,
.qwilr-quote .totals tr:before,
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  content: "";
  display: table;
}
.qwilr-quote .totals tbody:after,
.qwilr-quote .totals tr:after {
  clear: both;
}
.qwilr-quote .totals tr {
  line-height: 2;
}
.qwilr-quote .totals tr td:first-child {
  float: left;
}
.qwilr-quote .totals tr td:last-child {
  float: right;
}
.qwilr-quote .totals .final-total {
  font-weight: 700;
}
.qwilr-quote.small {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.qwilr-quote.small .items .item {
  font-size: 11px;
  padding: 20px 0 10px;
}
.qwilr-quote.small .items .item:nth-child(even) {
  background: #fcfcfc;
}
.qwilr-quote.small .items .item .description {
  width: 80%;
}
.qwilr-quote.small .items .item .description .name {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 10px;
}
.qwilr-quote.small .items .item .description .units {
  text-align: left;
  margin: 8px 0;
}
.qwilr-quote.small .items .item .description .units span {
  margin: 0;
}
.qwilr-quote.small .items .item .description .left-interactive-input {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote.small .items .item .description .left-interactive-input input {
  margin: 0;
}
.qwilr-quote.small .items .item .description .left-interactive-input label {
  margin-left: 5px;
  font-size: 10px;
  color: #666666;
}
.qwilr-quote.small .items .item .cost {
  min-width: 90px;
  font-weight: 700;
  margin-left: auto;
  font-size: 13px;
}
.qwilr-quote.small .items .item .boundaries-info {
  font-style: italic;
}
.qwilr-quote.small .items .item .boundaries-info:before {
  content: "(";
  margin-right: 3px;
}
.qwilr-quote.small .items .item .boundaries-info:after {
  content: ")";
  margin-left: 3px;
}
.qwilr-quote.small .totals {
  font-size: 17px;
}
.stripe-elements--updated-styling .stripe-elements__field {
  position: unset;
  border: none;
  margin: 0;
  padding: 0;
  background: unset;
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text] {
  height: 56px;
  padding: 8px 8px 8px 16px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #242c39;
  line-height: normal;
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text]:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text]:focus {
  border-color: #81a2b2;
}
.stripe-elements--updated-styling .stripe-elements__field input[type=text]::placeholder {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
  color: rgba(129, 162, 178, 0.5);
}
.stripe-elements--updated-styling .stripe-elements__field-wrapper {
  background-color: white;
  height: 56px;
  padding: 8px 8px 8px 16px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  display: grid;
  align-items: center;
}
.stripe-elements--updated-styling .stripe-elements__field-wrapper:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.stripe-elements--updated-styling .stripe-elements__expiry,
.stripe-elements--updated-styling .stripe-elements__cvc {
  -webkit-flex-basis: unset;
  flex-basis: unset;
  flex: 1;
}
.stripe-elements--updated-styling .stripe-elements__expiry-cvc-row {
  gap: 8px;
}
.stripe-elements--updated-styling .stripe-elements__card {
  margin-bottom: 8px;
}
.stripe-elements--updated-styling .stripe-elements__name,
.stripe-elements--updated-styling .stripe-elements__expiry-cvc-row {
  margin-bottom: 24px;
}
.stripe-elements__field {
  position: relative;
  border: 1px solid rgba(129, 162, 178, 0.3);
  margin-bottom: 10px;
  padding-left: 25px;
  background: white;
}
.stripe-elements__field input[type=text] {
  border: none;
  background: #fff;
  box-sizing: border-box;
  padding-left: 0;
  font-weight: 300;
  height: 55px;
  line-height: 19px;
  font-size: 14px;
  color: #737373;
}
.stripe-elements__field ::-webkit-input-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__field ::-moz-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__field :-moz-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__field :-ms-input-placeholder {
  font-size: 12px;
  font-style: normal;
  color: rgba(115, 115, 115, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400;
}
.stripe-elements__expiry-cvc-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.stripe-elements__expiry {
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
}
.stripe-elements__cvc {
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
}
.qwilr-quote-v2 {
  margin: 100px auto 0;
  max-width: 1030px;
  padding: 0 50px;
  width: 100%;
}
.qwilr-quote-v2 .discount-label {
  text-align: center;
  color: white;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  background-color: #00857b;
  border-radius: 3px;
  padding: 1px 5px;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
}
.qwilr-quote-v2 .discount-label .off-label {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.qwilr-quote-v2 .quote-section {
  /*
  Common styling for the items table and table rows, including the header row
  See QuoteItem.less for styling specific to the actual line items
*/
  position: relative;
  border-radius: 7px;
  -webkit-transition: background-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, -moz-box-shadow 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -webkit-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px transparent;
  -moz-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px transparent;
  box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px transparent;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip {
  padding: 14px;
  width: 120px;
  background-color: #1099FC;
  border: 1px solid #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .unit-cost {
  color: white;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  text-align: center;
  margin-bottom: 12px;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .unit-cost .per-unit {
  text-transform: uppercase;
  opacity: 0.5;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container {
  height: 16px;
  margin: 6px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container ng-include {
  margin: auto;
  width: 100%;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget {
  width: 100%;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget .filler {
  height: 4px;
  background: rgba(129, 162, 178, 0.05);
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range] {
  height: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-ms-thumb {
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip .slider-container .slider-widget input[type=range]::-ms-thumb {
  height: 16px;
  background: white;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-bottom::after {
  border-bottom-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.top .q-tooltip-arrow-outline {
  border-top-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.top .q-tooltip-arrow-inset {
  border-top-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-top::after {
  border-top-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.right .q-tooltip-arrow-outline {
  border-right-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.right .q-tooltip-arrow-inset {
  border-right-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-right::after {
  border-right-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.left .q-tooltip-arrow-outline {
  border-left-color: #42aefd;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.left .q-tooltip-arrow-inset {
  border-left-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quantity-tooltip.place-left::after {
  border-left-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quote-items-table {
  padding-top: 21px;
  padding-bottom: 5px;
  z-index: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item {
  position: relative;
  border-bottom: 1px solid whitesmoke;
  padding: 5px 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item input {
  line-height: 100%;
  -moz-appearance: textfield;
  min-width: 0;
  font-family: inherit;
  font-weight: inherit;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-button {
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-button.opened {
  opacity: 1;
  border-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:hover .item-button {
  opacity: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:last-child {
  border-bottom: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:last-child .old-create-button {
  display: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item:last-child .old-create-button:hover {
  display: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00857b;
  float: right;
  margin-top: 12px;
  margin-bottom: 8px;
  margin-right: 21px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container .before-discount-total {
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container.hideSection {
  opacity: 0.25;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .discount-summary-container.discount-summary-mobile {
  margin: 0 2% 0 0;
  line-height: 30px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description {
  margin-right: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .component-container {
  width: 100%;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .component-container.hideSection {
  pointer-events: none;
  opacity: 0.2;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component {
  height: auto;
  display: block;
  min-height: 40px;
  padding: 6px 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component content-area,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component .new-editor {
  height: auto;
  min-height: 40px;
  font-size: 16px;
  margin: -6px auto -6px -10px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component content-area:hover,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component .new-editor:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component content-area:focus-within,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component .new-editor:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .description .item-component p {
  font-size: 16px;
  min-height: 24px;
  padding: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-rate {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-rate .section-toggle-icon {
  background-color: transparent;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-rate.hideSection {
  pointer-events: none;
  opacity: 0.2;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
  padding: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container .currency-symbol {
  width: 40px;
  padding-left: 10px;
  height: 100%;
  text-align: center;
  line-height: 40px;
  color: #47535d;
  position: absolute;
  cursor: default;
  font-size: 16px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container input {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  height: 100%;
  font-size: 16px;
  padding-left: 40px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .rate-container input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column {
  min-width: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .hideSection {
  opacity: 0.2;
  pointer-events: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity {
  padding: 0 5px 0 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity .item-input {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity .item-input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .quantity .item-input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-component {
  padding-left: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-input {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity-column .unit .item-input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .unit {
  width: 100px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity div {
  text-align: center;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity input {
  padding: 0;
  text-align: center;
  width: 50px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity input.invalid,
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .quantity input.invalid:focus-within {
  border-color: #7c0e21;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 40px;
  padding-left: 10px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-out, X;
  -moz-transition: border 0.2s ease-out, X;
  -o-transition: border 0.2s ease-out, X;
  transition: border 0.2s ease-out, X;
  -webkit-transition: border 0.2s ease-out;
  -moz-transition: border 0.2s ease-out;
  -o-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input:hover {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input.focused {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input.invalid {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .variable-input .variable-input-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  fill: rgba(129, 162, 178, 0.75);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-column .item-discount-label {
  top: 0;
  text-align: right;
  margin: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price {
  text-align: right;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price.hideSection {
  pointer-events: none;
  opacity: 0.2;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price .item-component {
  padding: 0;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price .item-component span {
  font-size: 16px;
  white-space: nowrap;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .price .item-component.unused {
  color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .option-select .option-tick {
  position: relative;
  right: -5px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .table-row .item-quantity-price .price-option .option-select .option-tick ng-include {
  display: flex;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .insert-item-button {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -18px;
  left: -18px;
  z-index: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .insert-item-button .opened {
  background: #1099FC;
  color: white;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-settings-button {
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  z-index: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-settings-button .button {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 15px;
  border: 1px solid #81a2b2;
  background-color: white;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote-v2 .quote-section .quote-items-table .quote-item .item-settings-button .button svg {
  fill: #81a2b2;
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
  margin: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item {
  padding: 10px 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10.5px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .description {
  margin: 10px 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .description .item-component {
  padding: 0;
  min-height: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-rate {
  width: unset;
  padding-right: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-rate .uppercase-label span::after {
  content: ",";
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container {
  height: 30px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container .hideSection {
  opacity: 0.3;
  pointer-events: none;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container:not(:last-child) {
  margin-right: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container .item-component {
  height: 30px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .component-container .item-component span {
  font-size: 16px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .item-quantity-price-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .item-discount-label {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .quantity div {
  width: unset;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .unit {
  width: unset;
}
.qwilr-quote-v2 .quote-section .quote-items-table .on-mobile.quote-item .table-row .item-quantity-price .price-option {
  position: relative;
  margin-left: auto;
  font-weight: 600;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  padding: 0 21px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.header {
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.header .description .component-container {
  padding-left: 10px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input.item-input,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=text].item-input,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=number].item-input {
  padding: 0 10px;
  background-color: transparent;
  outline: none;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input.item-input:hover,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=text].item-input:hover,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=number].item-input:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input.item-input:focus-within,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=text].item-input:focus-within,
.qwilr-quote-v2 .quote-section .quote-items-table .table-row input[type=number].item-input:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .item-component {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  height: 40px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .item-component .label-span {
  margin: auto 0;
  width: 100%;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .description {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: 464px;
  flex-basis: 464px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .item-rate {
  width: 160px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .uppercase-label {
  text-transform: uppercase;
  color: #5f7497;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .quantity-column {
  width: 150px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .quantity .label-span {
  min-width: 50px;
  margin: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .price-column {
  position: relative;
  width: 100px;
  text-align: right;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.qwilr-quote-v2 .quote-section .quote-items-table.on-mobile {
  padding-top: 5px;
}
.qwilr-quote-v2 .quote-section--no-border {
  -webkit-box-shadow: 0 0 0 5px transparent;
  -moz-box-shadow: 0 0 0 5px transparent;
  box-shadow: 0 0 0 5px transparent;
}
.qwilr-quote-v2 .quote-section--with-editor:hover {
  -webkit-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.25);
  -moz-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.25);
  box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2 .quote-section--with-editor.active {
  -webkit-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.5);
  -moz-box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.5);
  box-shadow: inset 0 0 0 2px rgba(129, 162, 178, 0.25), 0 0 0 5px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2 .quote-section--with-editor.quote-section--no-border:hover {
  -webkit-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.25);
  -moz-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.25);
  box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2 .quote-section--with-editor.quote-section--no-border.active {
  -webkit-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.5);
  -moz-box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.5);
  box-shadow: 0 0 0 5px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2 .quote-section--with-editor .section-header {
  cursor: pointer;
}
.qwilr-quote-v2 .quote-section .new-editor {
  cursor: auto;
}
.qwilr-quote-v2 .quote-section .item-toggle-button {
  cursor: pointer;
  width: 20px;
  background-color: transparent;
  fill: #81a2b2;
  margin-left: 10px;
}
.qwilr-quote-v2 .quote-section .item-toggle-button .toggle-icon {
  opacity: 0.5;
}
.qwilr-quote-v2 .quote-section .component-container.hideSection {
  opacity: 0.25;
}
.qwilr-quote-v2 .quote-section.selected {
  border-color: #00857b;
}
.qwilr-quote-v2 .quote-section .section-header {
  background: #e6edf0;
  padding: 21px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 7px;
  -webkit-transition: background-color 0.2s ease-out, X;
  -moz-transition: background-color 0.2s ease-out, X;
  -o-transition: background-color 0.2s ease-out, X;
  transition: background-color 0.2s ease-out, X;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .section-header--with-items-table {
  border-radius: 7px 7px 0 0;
}
.qwilr-quote-v2 .quote-section .section-header .left {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  min-width: 0;
  max-width: 464px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description {
  width: 100%;
  overflow-wrap: break-word;
  -webkit-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out, color 0.2s ease-out;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description p {
  padding: 0 0 7px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description p:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description h2 {
  font-size: 24px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description h2:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor {
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  margin: 0;
  padding: 5px 10px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area:hover,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor:hover {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area:focus-within,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor:focus-within {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description content-area:focus,
.qwilr-quote-v2 .quote-section .section-header .left .section-description .new-editor:focus {
  border-color: #1099FC;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-description .public-page {
  padding: 5px 10px;
}
.qwilr-quote-v2 .quote-section .section-header .left .section-name {
  height: 28px;
  opacity: 0.5;
  color: #47535d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 28px;
  padding-left: 7px;
  text-transform: uppercase;
}
.qwilr-quote-v2 .quote-section .section-header .right {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: 10px;
}
.qwilr-quote-v2 .quote-section .section-header .right .settings-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-button {
  width: 32px;
  height: 32px;
  margin-left: 7px;
}
.qwilr-quote-v2 .quote-section .section-header .right .settings {
  border-radius: 2.5px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.qwilr-quote-v2 .quote-section .section-header .right .settings:hover {
  background: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .section-header .right .button-trash {
  border-radius: 3px;
}
.qwilr-quote-v2 .quote-section .section-header .right .button-trash:hover {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-section .section-header .right .move-container .arrows-container .arrow {
  width: 32px;
  height: 32px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block {
  position: relative;
  margin-top: auto;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 27px;
  height: 27px;
  background-color: #c0d1d9;
  border-radius: 50%;
  transform: rotate(90deg);
  cursor: pointer;
  user-select: none;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items ng-include {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items ng-include svg {
  width: 50%;
  height: 50%;
  margin: auto;
  fill: #81a2b2;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items.collapsed {
  transform: none;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-subtotal-value {
  height: 29px;
  color: #47535d;
  font-size: 24px;
  line-height: 29px;
  text-align: right;
  margin-left: 11px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select {
  width: 26px;
  height: 26px;
  border: 2px solid rgba(129, 162, 178, 0.5);
  border-radius: 50%;
  cursor: pointer;
  margin-left: 9px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected {
  border: 2px solid #00857b;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.multi-select {
  background-color: #00857b;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.multi-select .multi-select-tick {
  fill: white;
  margin-top: 3px;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.single-select {
  background-color: white;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.selected.single-select .single-select-circle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #00857b;
}
.qwilr-quote-v2 .quote-section .section-header .right .subtotal-block .subtotal-row .section-select.disabled {
  cursor: inherit;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title {
  height: 14px;
  margin: 8px 0 8px 0;
  color: rgba(74, 74, 74, 0.5);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
  text-align: right;
  text-transform: uppercase;
  display: flex;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title .subtotal-details {
  flex-grow: 1;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title .subtotal-details .discount-summary-container .pre-discount-price {
  text-decoration: line-through;
}
.qwilr-quote-v2 .quote-section .section-header .right .section-subtotal-title .subtotal-details .discount-summary-container .discount-name {
  color: #00A69F;
}
.qwilr-quote-v2 .quote-section .section-header .right .discount-label-outside {
  position: absolute;
  right: -10px;
  bottom: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.qwilr-quote-v2 .quote-section.on-mobile .section-header {
  padding: 10.5px;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote-v2 .quote-section.on-mobile .section-header .left {
  max-width: unset;
  width: 100%;
}
.qwilr-quote-v2 .quote-section.on-mobile .section-header .right {
  max-width: unset;
  width: 100%;
  margin-left: 0;
}
.qwilr-quote-v2 .quote-section.on-mobile .subtotal-block .subtotal-row .collapse-line-items {
  margin-right: auto;
}
.qwilr-quote-v2 .quote-section .quote-items-header .description .component-container {
  max-width: 250px;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.quote-items-header .wrapper .component-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-section .quote-items-table .table-row.quote-items-header .wrapper .component-container.price-column {
  padding-left: 10px;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.qwilr-quote-v2 .quote-inline-toolbar {
  position: absolute;
  margin: -60px auto 0;
  left: 0;
  right: 0;
  opacity: 100;
  -webkit-transition: opacity 0.2s ease-out, X;
  -moz-transition: opacity 0.2s ease-out, X;
  -o-transition: opacity 0.2s ease-out, X;
  transition: opacity 0.2s ease-out, X;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.qwilr-quote-v2 .quote-inline-toolbar.ng-hide {
  opacity: 0;
}
.qwilr-quote-v2 .quote-inline-toolbar .style-shortcut__section-title,
.qwilr-quote-v2 .quote-inline-toolbar .toolbar-component .hint-component__hint-content,
.qwilr-quote-v2 .quote-inline-toolbar .shortcut-button-group__button-content {
  font-family: "calibre-legacy", sans-serif !important;
}
.qwilr-quote-v2 .quote-total {
  max-width: 440px;
  margin: auto;
}
.qwilr-quote-v2 .quote-total .total-section:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.qwilr-quote-v2 .quote-total .total-section:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.qwilr-quote-v2 .quote-total .taxes-table {
  background-color: #e6edf0;
  padding: 0 25px;
  border-top: 2px solid rgba(129, 162, 178, 0.25);
  border-left: 2px solid rgba(129, 162, 178, 0.25);
  border-right: 2px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-total .taxes-table--no-border {
  border: none;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5px 0;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row .tax-name {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #81a2b2;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row .tax-amount {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  color: #242C39;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row:first-child {
  padding-top: 25px;
}
.qwilr-quote-v2 .quote-total .taxes-table .tax-row:last-child {
  padding-bottom: 25px;
}
.qwilr-quote-v2 .quote-total .total-amount {
  position: relative;
  background-color: #d0dce2;
  padding: 28px;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row {
  width: 89%;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row .discount-summary-container {
  margin-left: auto;
  height: 15px;
  color: rgba(71, 83, 93, 0.5);
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 15px;
  text-align: right;
  text-transform: uppercase;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row .discount-summary-container .pre-discount-price {
  text-decoration: line-through;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-row .discount-summary-container .discount-name {
  color: #00A69F;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row.discount-summary-preview {
  width: 100%;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .total-label {
  font-size: 32px;
  font-weight: bold;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .discount-label-inline {
  margin-right: 10px;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .total-number {
  text-align: right;
  font-size: 24px;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .settings-container {
  width: 32px;
  height: 32px;
  margin-left: 10px;
  cursor: pointer;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .settings-container .total-settings {
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-radius: 2.5px;
}
.qwilr-quote-v2 .quote-total .total-amount .total-amount-row .settings-container .total-settings:hover {
  background: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2 .quote-total .total-amount .discount-label-container {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(100%, -50%);
  -moz-transform: translate(100%, -50%);
  -o-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}
.qwilr-quote-v2 .icon {
  font-family: "qwilr" !important;
}
.qwilr-quote-v2 .section-divider {
  height: 65px;
}
.qwilr-quote-v2 .section-divider .old-create-button-divider {
  height: 100%;
}
.qwilr-quote-v2.on-mobile {
  padding: 0 10px;
}
.qwilr-quote-v2.on-mobile .section-divider {
  height: 20px;
}
.qwilr-quote-v2 .display-quote-section.ng-move {
  position: relative;
  -webkit-transition: all 0.4s ease, X;
  -moz-transition: all 0.4s ease, X;
  -o-transition: all 0.4s ease, X;
  transition: all 0.4s ease, X;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: 50px;
  opacity: 0;
}
.qwilr-quote-v2 .display-quote-section.ng-move-active {
  top: 0;
  opacity: 1;
}
.qwilr-quote-v2 .display-quote-section.ng-move + section {
  position: relative;
  -webkit-transition: all 0.4s ease, X;
  -moz-transition: all 0.4s ease, X;
  -o-transition: all 0.4s ease, X;
  transition: all 0.4s ease, X;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: -50px;
  opacity: 0;
}
.qwilr-quote-v2 .display-quote-section.ng-move-active + section {
  top: 0;
  opacity: 1;
}
.qwilr-quote-v2 .display-quote-section .singleSection .section-style-container .toolbar-component .hint-component:last-of-type .toolbar-component__icon {
  opacity: 0.25;
}
.discount-pill {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 4px;
  line-height: 1.4;
}
.kl-opt-in-lowercase-label .discount-pill {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  body:not(#print) .discount-pill {
    font-size: 10px;
  }
}
body#print .discount-pill {
  font-size: 8px;
}
.plan-group__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  position: relative;
}
.plan-group__container--invisible {
  display: none;
}
body#print .plan-group__container div[role="radiogroup"] {
  height: 54px;
}
.plan-group__tab.plan-group__tab {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
body#print .plan-group__tab.plan-group__tab {
  font-size: 12px;
}
.plan-group__tab.plan-group__tab .discount-pill__details {
  white-space: nowrap;
}
.plan-group__tab.plan-group__tab--token::after {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  background-color: rgba(16, 153, 252, 0.25);
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 4px;
  z-index: 1;
}
.plan-group__tab.plan-group__tab > * {
  z-index: 2;
}
.plan-group__tab.plan-group__tab--token {
  gap: 4px;
}
.plan-group__mobile-dropdown {
  display: none;
}
.plan-group__dropdown-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.plan-group__frequency-indicator-wrapper {
  z-index: 1;
  width: 0;
  transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.plan-group__frequency-indicator-wrapper--entering,
.plan-group__frequency-indicator-wrapper--entered {
  width: 16px;
}
.plan-group__frequency-indicator {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  transform: scale(0.5);
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.plan-group__frequency-indicator--entering,
.plan-group__frequency-indicator--entered {
  transition-delay: 150ms;
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 750px) {
  body:not(#print)  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__tab-group {
    display: none;
  }
  body:not(#print)  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__mobile-dropdown {
    display: block;
  }
}
body#print  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__tab-group {
  display: none;
}
body#print  .page-content-wrapper .plan-group--use-dropdown-on-mobile .plan-group__mobile-dropdown {
  display: block;
}
.qwilr-quote-v2-react {
  margin: 0 auto;
  max-width: 1030px;
  padding: 0 50px;
  width: 100%;
}
.qwilr-quote-v2-react .section {
  margin: 24px 0;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: 8px;
}
.qwilr-quote-v2-react .section:first-child {
  margin-top: 130px;
}
body#print .qwilr-quote-v2-react .section:first-child {
  margin-top: 40px;
}
.qwilr-quote-v2-react .section--selectable:hover {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2-react .section--selected {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.4) !important;
}
.qwilr-quote-v2-react .section__banner {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-color: transparent;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 40px 24px 24px;
}
.qwilr-quote-v2-react .section__banner--only {
  border-radius: 8px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
body#print .qwilr-quote-v2-react .section__banner {
  padding: 40px 16px 16px;
}
.qwilr-quote-v2-react .section--selectable .section__banner {
  cursor: pointer;
}
.qwilr-quote-v2-react .section__discount {
  position: absolute;
  top: -10px;
  right: -10px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__discount {
    left: 10px;
    right: auto;
  }
}
.qwilr-quote-v2-react .section__title {
  flex: 1 1 auto;
  min-width: 40%;
  max-width: 50%;
  cursor: auto;
}
.qwilr-quote-v2-react .section__title h2,
.qwilr-quote-v2-react .section__title .h2-widget__spacing-shim {
  font-size: 24px;
  /*
        At this smaller font size, use a thicker font-weight
        for editor h2s.
      */
  font-weight: 400;
}
.qwilr-quote-v2-react .section__title p:last-child,
.qwilr-quote-v2-react .section__title h2:last-child,
.qwilr-quote-v2-react .section__title .h2-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .section__title .p-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__title {
    /*
        Ensure that the title doesn't clash with the collapse button
        on mobile devices.
      */
    padding-right: 40px;
    min-width: initial;
    max-width: initial;
  }
  body:not(#print) .qwilr-quote-v2-react .section__title p {
    font-size: 14px;
  }
  body:not(#print) .qwilr-quote-v2-react .section__title h2 {
    font-size: 20px;
  }
}
body#print .qwilr-quote-v2-react .section__title p,
body#print .qwilr-quote-v2-react .section__title li {
  font-size: 10px;
}
body#print .qwilr-quote-v2-react .section__title h2 {
  font-size: 18px;
}
.qwilr-quote-v2-react .section__details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
}
.qwilr-quote-v2-react .section__details:empty {
  display: none;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__details {
    flex: 1 0 50%;
    margin-left: -16px;
    margin-bottom: -16px;
  }
  .qwilr-quote-v2-react .section__details > * {
    margin-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__details {
    width: 100%;
    justify-content: start;
  }
}
.qwilr-quote-v2-react .section__details .section__collapse-button {
  background-color: rgba(71, 83, 93, 0.1);
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__details .section__collapse-button-wrapper {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__details .section__collapse-button .button__icon-wrapper {
    position: relative !important;
  }
}
.qwilr-quote-v2-react .section__subtotals-mobile {
  display: none;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotals-mobile {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
  }
  body:not(#print) .qwilr-quote-v2-react .section__subtotals-mobile .section__subtotal {
    display: flex;
  }
}
.qwilr-quote-v2-react .section__subtotal {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
  text-align: end;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__subtotal > *:not(:first-child) {
    margin-left: 4px;
  }
}
.qwilr-quote-v2-react .section__subtotal + .section__subtotal {
  padding-left: 16px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotal {
    display: none;
    align-items: flex-start;
    text-align: start;
  }
  body:not(#print) .qwilr-quote-v2-react .section__subtotal:nth-child(odd) {
    padding-left: 0;
  }
}
.qwilr-quote-v2-react .section__subtotal-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  white-space: nowrap;
}
.kl-opt-in-lowercase-label .qwilr-quote-v2-react .section__subtotal-label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotal-label {
    font-size: 10px;
  }
}
body#print .qwilr-quote-v2-react .section__subtotal-label {
  font-size: 8px;
}
.qwilr-quote-v2-react .section .before-discount-total {
  letter-spacing: 1px;
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
}
.qwilr-quote-v2-react .section__subtotal-value {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__subtotal-value {
    font-size: 18px;
    line-height: 25px;
  }
}
body#print .qwilr-quote-v2-react .section__subtotal-value {
  font-size: 14px;
}
.qwilr-quote-v2-react .section__label {
  margin-bottom: 4px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__label {
    font-size: 14px;
  }
}
body#print .qwilr-quote-v2-react .section__label {
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section-menu__edit-wrapper {
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
}
.qwilr-quote-v2-react .section__main {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__main {
    padding-top: 0;
  }
}
body#print .qwilr-quote-v2-react .section__main {
  padding-top: 4px;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__table {
    width: 100%;
  }
}
.qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:first-child {
  border-bottom-left-radius: 8px;
}
.qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:last-child {
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:first-child {
    border-bottom-left-radius: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .section__table:last-child .section__row:last-child .section__cell:nth-child(2) {
    border-bottom-left-radius: 8px;
  }
}
.qwilr-quote-v2-react .section__row {
  position: relative;
  transition: border-color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section__row--unselected .section__cell {
  background-color: rgba(129, 162, 178, 0.1);
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  body:not(#print) .qwilr-quote-v2-react .section__row--header {
    display: none;
  }
  body:not(#print) .qwilr-quote-v2-react .section__row .section__cell.section__description {
    width: 100%;
  }
  body:not(#print) .qwilr-quote-v2-react .section__row .section__cell:last-child {
    flex: 1;
  }
}
.qwilr-quote-v2-react .section__row--product-item .section__cell:not(.section__description) {
  padding-top: 44px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__row--product-item .section__cell:not(.section__description) {
    padding-top: 16px;
  }
}
.qwilr-quote-v2-react .section__drop-indicator td::after {
  background-color: #1099FC;
  height: 1px;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
}
.qwilr-quote-v2-react .section__drop-indicator--before td::after {
  top: 0;
}
.qwilr-quote-v2-react .section__drop-indicator--after td::after {
  bottom: -2px;
}
.qwilr-quote-v2-react .section__drop-indicator--is-dragging td * {
  pointer-events: none;
}
.qwilr-quote-v2-react .section .section__row--product-item td::before {
  content: '';
  position: absolute;
  background-color: rgba(16, 153, 252, 0.25);
  border-top: 1px solid rgba(16, 153, 252, 0.5);
  border-bottom: 1px solid rgba(16, 153, 252, 0.5);
  width: calc(100%);
  height: calc(100% - 4px - 4px);
  top: 4px;
  left: 0px;
}
.qwilr-quote-v2-react .section .section__row--product-item td:first-child::before {
  left: 8px;
  width: calc(100% - 8px);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-left: 1px solid rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .section .section__row--product-item td:last-child::before {
  width: calc(100% - 8px);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .section .section__row--product-item td:only-of-type::before {
  width: calc(100% - 2 * 8px);
}
.qwilr-quote-v2-react .section__cell {
  position: relative;
  text-align: start;
  font-size: 16px;
  padding: 16px;
  vertical-align: top;
  transition: background-color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section__cell > * {
  position: relative;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__cell {
    font-size: 14px;
    padding-left: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .section__cell:nth-child(2) {
    padding-left: 16px;
  }
}
body#print .qwilr-quote-v2-react .section__cell {
  font-size: 10px;
}
.qwilr-quote-v2-react .section__cell--header {
  padding-bottom: 8px;
  height: 40px;
}
.qwilr-quote-v2-react .section__cell--header:first-child {
  padding-left: 24px;
}
body#print .qwilr-quote-v2-react .section__cell--header {
  padding-left: 16px;
}
.qwilr-quote-v2-react .section__cell--header-item-container {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}
.qwilr-quote-v2-react .section__cell:not(:first-child) {
  width: 16%;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__cell:not(:first-child) {
    width: auto;
    height: 100%;
  }
}
.qwilr-quote-v2-react .section__cell:last-child {
  padding-right: 24px;
}
.qwilr-quote-v2-react .section__cell:last-child:not(.section__description) {
  text-align: end;
  width: 20%;
}
.qwilr-quote-v2-react .section__cell:last-child:not(.section__description) .section__cell--header-item-container {
  justify-content: flex-end;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__cell:last-child:not(.section__description) {
    text-align: right;
  }
}
body#print .qwilr-quote-v2-react .section__cell:last-child {
  padding-left: 16px;
}
.qwilr-quote-v2-react .section__cell .text-input__input {
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__cell .text-input__input {
    font-size: 14px;
  }
}
body#print .qwilr-quote-v2-react .section__cell .text-input__input {
  font-size: 10px;
}
.qwilr-quote-v2-react .section__cell--header-button {
  fill: rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .section__cell--fade > * {
  opacity: 0.25;
}
.qwilr-quote-v2-react .section__cell--fade ~ div .section__cell--header-button {
  fill: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section__cell--invisible {
  display: none;
}
.qwilr-quote-v2-react .section__actions {
  display: flex;
  justify-content: start;
  gap: 8px;
  padding: 24px;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section .editor-v1 .new-editor {
  left: -8px;
}
.qwilr-quote-v2-react .section__description {
  width: 48%;
  padding: 16px;
  padding-left: 24px;
  word-break: break-word;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__description {
    width: auto;
    padding-left: 16px;
    grid-column: 1 / span 3;
    font-size: 16px;
    padding-bottom: 0;
  }
}
body#print .qwilr-quote-v2-react .section__description {
  font-size: 10px;
  padding-left: 16px;
}
.qwilr-quote-v2-react .section__description-content-wrapper {
  display: flex;
  flex-direction: column;
}
#print .qwilr-quote-v2-react .section__description-content-wrapper.split .section__checkbox {
  opacity: 0;
}
.qwilr-quote-v2-react .section__product-filter-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  height: 24px;
}
.qwilr-quote-v2-react .section__product-filter-wrapper .kl-icon {
  flex-shrink: 0;
}
.qwilr-quote-v2-react .section__product-filter-label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
}
.qwilr-quote-v2-react .section__checkbox {
  padding: 0;
  margin-top: 4px;
}
.qwilr-quote-v2-react .section__checkbox--single-select button {
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__checkbox svg {
    position: relative;
  }
}
.qwilr-quote-v2-react .section__description-content {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.qwilr-quote-v2-react .section__description-content .editor-v1 {
  flex: 1;
}
body#print .qwilr-quote-v2-react .section__description-content p {
  font-size: 10px;
}
.qwilr-quote-v2-react .section__description-text {
  padding: 4px 0;
}
body#print .qwilr-quote-v2-react .section__description-text {
  padding-top: 9px;
}
.qwilr-quote-v2-react .section__rate {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 32px;
  /**
      @HACK(mbusby, 2021-10-21): This can be removed when the dropdown item specifies its own
      color in https://github.com/qwilr/kaleidoscope-components/pull/321; it should be set to @slate.
    */
}
.qwilr-quote-v2-react .section__rate .text-input {
  left: -8px;
}
.qwilr-quote-v2-react .section__rate .dropdown-item__name {
  color: #47535d;
}
.qwilr-quote-v2-react .section__quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  min-height: 32px;
}
.qwilr-quote-v2-react .section__quantity > .text-input:last-child {
  flex: 1;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .section__quantity > *:not(:first-child) {
    margin-left: 8px;
  }
  .qwilr-quote-v2-react .section__quantity > .text-input:last-child {
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__quantity .number-input__stepper {
    display: none;
  }
}
.qwilr-quote-v2-react .section__price-wrapper {
  min-height: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
}
.qwilr-quote-v2-react .section__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  height: 100%;
}
.qwilr-quote-v2-react .section__price-recurrence {
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__price-recurrence {
    display: block;
    color: rgba(71, 83, 93, 0.75);
    margin-top: 4px;
  }
}
.qwilr-quote-v2-react .section__discount-info {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section__discount-info {
    font-size: 10px;
  }
}
body#print .qwilr-quote-v2-react .section__discount-info {
  font-size: 8px;
}
.qwilr-quote-v2-react .section__discount-info .discount-value {
  font-weight: 800;
  white-space: nowrap;
}
.qwilr-quote-v2-react .section__discount-info .before-discount-total {
  letter-spacing: 1px;
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
}
.qwilr-quote-v2-react .plan-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: 8px;
}
body#print .qwilr-quote-v2-react .plan-section {
  margin: 16px 0;
}
.qwilr-quote-v2-react .plan-section__selector {
  position: absolute;
  inset: -32px;
  cursor: pointer;
}
.qwilr-quote-v2-react .plan-section__selector::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 12px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .plan-section__selector:hover::before {
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.25);
}
.qwilr-quote-v2-react .plan-section__selector--selected::before,
.qwilr-quote-v2-react .plan-section__selector--selected:hover::before {
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .plan-section__title {
  flex: 1 1 auto;
  cursor: auto;
  outline: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  text-align: center;
  width: 70%;
}
.qwilr-quote-v2-react .plan-section__title p,
.qwilr-quote-v2-react .plan-section__title h2 {
  text-align: center !important;
}
.qwilr-quote-v2-react .plan-section__title *:not(.promptable) > h2:last-child,
.qwilr-quote-v2-react .plan-section__title .promptable:last-child h2,
.qwilr-quote-v2-react .plan-section__title *:not(.promptable) > p:last-child,
.qwilr-quote-v2-react .plan-section__title .promptable:last-child p,
.qwilr-quote-v2-react .plan-section__title .h2-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-section__title .p-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
body#print .qwilr-quote-v2-react .plan-section__title {
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-section__details {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-section__details > *:not(:last-child) {
  margin-right: 8px;
}
.qwilr-quote-v2-react .plan-section__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}
body#print .qwilr-quote-v2-react .plan-section__cards:not(:last-child) {
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > * {
  width: 33.33333333%;
  margin: 0 0 16px 0;
  padding: 0 12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > * {
  margin: 0 0 16px 0;
  padding: 0 4px;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(1),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(2):not(:nth-child(3n)),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) {
  margin-bottom: 0;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(1),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(2):not(:nth-child(3n)),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) {
  margin-bottom: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n).plan-card__drop-indicator--after::after,
.qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child.plan-card__drop-indicator--after::after {
  right: -12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
.qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child {
  padding-left: 0;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child {
  padding-left: 0;
}
.qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1).plan-card__drop-indicator--before::after,
.qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child.plan-card__drop-indicator--before::after {
  left: -12px;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > * {
  width: 25%;
  margin: 0;
  padding: 0 12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > * {
  margin: 0;
  padding: 0 4px;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child.plan-card__drop-indicator--after::after {
  right: -12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
  padding-right: 0;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child {
  padding-left: 0;
}
.qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child.plan-card__drop-indicator--before::after {
  left: -12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child {
  padding-left: 0;
}
@media screen and (min-width: 700px) {
  .qwilr-quote-v2-react .plan-section__cards--four-column .plan-card__price {
    font-size: 30px;
  }
}
@media screen and (max-width: 1200px) {
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > * {
    width: 33.33333333%;
    margin: 0 0 16px 0;
    padding: 0 8px;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-last-child(1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(2):not(:nth-child(3n)),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-last-child(2):not(:nth-child(3n)),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-last-child(3):not(:nth-child(3n)):not(:nth-child(3n-1)) {
    margin-bottom: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
    padding-right: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n).plan-card__drop-indicator--after::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n).plan-card__drop-indicator--after::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child.plan-card__drop-indicator--after::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child.plan-card__drop-indicator--after::after {
    right: -8px;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n+1),
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child {
    padding-left: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1).plan-card__drop-indicator--before::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n+1).plan-card__drop-indicator--before::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:first-child.plan-card__drop-indicator--before::after,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:first-child.plan-card__drop-indicator--before::after {
    left: -8px;
  }
}
@media screen and (max-width: 700px) {
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > * {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
  }
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--three-column > *:last-child,
  body:not(#print) .qwilr-quote-v2-react .plan-section__cards--four-column > *:last-child {
    margin-bottom: 0;
  }
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *,
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > * {
  width: calc((100% - 24px * 2) / 3);
  margin: 0 0 16px 0;
  padding: 0 12px;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n),
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n) {
  padding-right: 0;
}
body#print .qwilr-quote-v2-react .plan-section__cards--three-column > *:nth-child(3n+1),
body#print .qwilr-quote-v2-react .plan-section__cards--four-column > *:nth-child(3n+1) {
  padding-left: 0;
}
.qwilr-quote-v2-react .plan-card {
  position: relative;
}
@media (prefers-reduced-motion: no-preference) {
  .qwilr-quote-v2-react .plan-card {
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-element-container {
  position: relative;
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-element-container::before {
  content: '';
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  background-color: rgba(16, 153, 252, 0.25);
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 8px;
}
.qwilr-quote-v2-react .plan-card__drop-indicator::after {
  background-color: #1099FC;
  width: 1px;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.qwilr-quote-v2-react .plan-card__drop-indicator--before::after {
  left: 0;
}
.qwilr-quote-v2-react .plan-card__drop-indicator--after::after {
  right: -1px;
}
.qwilr-quote-v2-react .plan-card__drop-indicator--is-dragging * {
  pointer-events: none;
}
.qwilr-quote-v2-react .plan-card__card-action {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-action {
  top: calc(8px + 24px);
}
.qwilr-quote-v2-react .plan-card__card-element {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  transition-property: transform, box-shadow;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.3, 1, 0.2, 1);
  transform-style: preserve-3d;
}
@media (pointer: coarse) {
  .qwilr-quote-v2-react .plan-card__card-element {
    transition: none !important;
    transform: rotateY(0) rotateX(0) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qwilr-quote-v2-react .plan-card__card-element {
    transition: none !important;
    transform: rotateY(0) rotateX(0) !important;
  }
}
body#print .qwilr-quote-v2-react .plan-card__card-element {
  transition: none !important;
  transform: rotateY(0) rotateX(0) !important;
}
.qwilr-quote-v2-react .plan-card__card-element--entire-card-selectable {
  cursor: pointer;
}
.qwilr-quote-v2-react .plan-card__card-content {
  width: 100%;
  border-radius: 8px;
  padding: 24px;
}
body#print .qwilr-quote-v2-react .plan-card__card-content {
  padding: 8px;
}
.qwilr-quote-v2-react .plan-card--product-item .plan-card__card-content {
  padding-top: calc(8px + 24px);
}
.qwilr-quote-v2-react .plan-card__card-face {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.qwilr-quote-v2-react .plan-card__card-face > *:not(:last-child) {
  margin-bottom: 24px;
}
body#print .qwilr-quote-v2-react .plan-card__card-face > *:not(:last-child) {
  margin-bottom: 8px;
}
.qwilr-quote-v2-react .plan-card__card-face .plan-card__product-filter-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 8px;
  padding: 0 8px;
  width: 100%;
}
.qwilr-quote-v2-react .plan-card__card-recommended {
  min-height: 32px;
  padding: 8px 16px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  align-items: center;
  text-align: center;
  z-index: 1;
}
body#print .qwilr-quote-v2-react .plan-card__card-recommended {
  font-size: 10px;
  padding: 4px 8px;
  min-height: 24px;
}
.qwilr-quote-v2-react .plan-card__card-description {
  text-align: center;
  margin-top: 8px;
}
.qwilr-quote-v2-react .plan-card__card-description .project-block__block-element:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__card-description .h1-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .h2-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .h3-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .h4-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .p-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .smallText-widget__spacing-shim:last-child,
.qwilr-quote-v2-react .plan-card__card-description .captionText-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__card-description h2,
.qwilr-quote-v2-react .plan-card__card-description .h2-widget__spacing-shim {
  font-size: 20px;
}
body#print .qwilr-quote-v2-react .plan-card__card-description h2,
body#print .qwilr-quote-v2-react .plan-card__card-description .h2-widget__spacing-shim {
  font-size: 14px;
  padding-bottom: 0.2em;
}
.qwilr-quote-v2-react .plan-card__product-filter-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
}
.qwilr-quote-v2-react .plan-card__product-filter-wrapper .kl-icon {
  flex-shrink: 0;
}
.qwilr-quote-v2-react .plan-card__product-filter-label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
}
.qwilr-quote-v2-react .plan-card__price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.qwilr-quote-v2-react .plan-card__discount-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.qwilr-quote-v2-react .plan-card__pre-discount {
  margin-right: 0.4em;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: line-through;
  word-break: break-all;
}
.qwilr-quote-v2-react .plan-card__pre-discount:only-child {
  margin-right: 0;
}
body#print .qwilr-quote-v2-react .plan-card__pre-discount {
  font-size: 10px;
}
.qwilr-quote-v2-react .plan-card__price {
  font-size: 40px;
  word-break: break-all;
  text-align: center;
  margin: 0 -8px;
}
body#print .qwilr-quote-v2-react .plan-card__price {
  font-size: 20px;
}
.qwilr-quote-v2-react .plan-card__variable-placeholder {
  font-size: 24px;
  text-align: center;
  opacity: 0.7;
}
.qwilr-quote-v2-react .plan-card__recurrence {
  font-size: 16px;
  text-align: center;
}
body#print .qwilr-quote-v2-react .plan-card__recurrence {
  font-size: 12px;
}
.qwilr-quote-v2-react .plan-card__card-quantity-row {
  display: flex;
  justify-content: center;
}
.qwilr-quote-v2-react .plan-card__card-quantity-wrapper {
  position: relative;
}
.qwilr-quote-v2-react .plan-card__card-quantity--fade {
  opacity: 0.25;
}
.qwilr-quote-v2-react .plan-card__card-quantity--invisible {
  display: none;
}
.qwilr-quote-v2-react .plan-card__card-quantity .number-input {
  cursor: initial;
}
.qwilr-quote-v2-react .plan-card__card-quantity .text-input__input {
  font-weight: 400;
  font-size: 16px;
}
body#print .qwilr-quote-v2-react .plan-card__card-quantity .text-input__input {
  font-size: 11px;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity {
  gap: 0;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity .section__quantity-value,
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity .section__quantity-unit {
  margin: 0 4px;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity .section__unit--static {
  margin: 0 8px;
}
body#print .qwilr-quote-v2-react .plan-card__card-quantity {
  font-size: 11px;
}
body#print .qwilr-quote-v2-react .plan-card__card-quantity .section__quantity-unit {
  font-size: 11px;
}
.qwilr-quote-v2-react .plan-card__card-quantity .section__quantity > span:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qwilr-quote-v2-react .plan-card__card-quantity-visibility-button {
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
}
.qwilr-quote-v2-react .plan-card__card-quantity-visibility-button button {
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
}
.qwilr-quote-v2-react .plan-card__card-quantity-visibility-button button:focus {
  opacity: 1;
}
.qwilr-quote-v2-react .plan-card--hovered .plan-card__card-quantity-visibility-button button,
.qwilr-quote-v2-react .plan-card--menu-open .plan-card__card-quantity-visibility-button button,
.qwilr-quote-v2-react .plan-card--price-popover-open .plan-card__card-quantity-visibility-button button {
  opacity: 1;
}
.qwilr-quote-v2-react .plan-card__feature-list {
  margin-top: 16px;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list {
  margin-top: 8px;
}
.qwilr-quote-v2-react .plan-card__feature-list *:not(.promptable) > p:last-child,
.qwilr-quote-v2-react .plan-card__feature-list .promptable:last-child p,
.qwilr-quote-v2-react .plan-card__feature-list .p-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
.qwilr-quote-v2-react .plan-card__feature-list p,
.qwilr-quote-v2-react .plan-card__feature-list .p-widget__spacing-shim {
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list p,
body#print .qwilr-quote-v2-react .plan-card__feature-list .p-widget__spacing-shim {
  font-size: 10px !important;
}
.qwilr-quote-v2-react .plan-card__feature-list span {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list span {
  font-size: 10px !important;
}
.qwilr-quote-v2-react .plan-card__feature-list li.unordered {
  min-height: 24px;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list li.unordered {
  min-height: 18px;
}
.qwilr-quote-v2-react .plan-card__feature-list li::before {
  content: "" !important;
  min-width: unset;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
body#print .qwilr-quote-v2-react .plan-card__feature-list li::before {
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.qwilr-quote-v2-react .plan-card__specular {
  opacity: 0.7;
  position: absolute;
  inset: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
@media (pointer: coarse) {
  .qwilr-quote-v2-react .plan-card__specular {
    background-image: none !important;
    transition: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qwilr-quote-v2-react .plan-card__specular {
    background-image: none !important;
    transition: none !important;
  }
}
.qwilr-quote-v2-react .plan-card__adder {
  display: none;
}
.qwilr-quote-v2-react .plan-card:last-child .plan-card__adder {
  display: block;
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .plan-card {
    width: 300px;
  }
}
.qwilr-quote-v2-react .plan-card .section__discount-note {
  margin-top: 8px;
  padding-left: 4px;
  text-align: center;
  display: block;
  line-height: 16px;
}
.qwilr-quote-v2-react .quote-total {
  display: flex;
  justify-content: center;
  padding: 40px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total {
    padding: 40px 0;
  }
}
.qwilr-quote-v2-react .quote-total__card {
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  width: 400px;
  position: relative;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__card {
    width: 100%;
  }
}
.qwilr-quote-v2-react .quote-total__discount {
  position: absolute;
  top: -10px;
  right: -10px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__discount {
    left: 10px;
    right: auto;
  }
}
.qwilr-quote-v2-react .quote-total__section {
  padding: 24px;
  border-radius: 8px;
}
.qwilr-quote-v2-react .quote-total__section--main {
  background-color: pink;
}
.qwilr-quote-v2-react .quote-total__row {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 0;
  align-items: baseline;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .quote-total__row > *:not(:first-child) {
    margin-left: 8px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__row {
  padding: 4px 0;
}
.qwilr-quote-v2-react .quote-total__label {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  margin: 0;
  text-align: start;
  flex: 1 1 auto;
}
.qwilr-quote-v2-react .quote-total__label--grand {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__label {
    font-size: 12px;
  }
  body:not(#print) .qwilr-quote-v2-react .quote-total__label--grand {
    font-size: 18px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__label {
  font-size: 10px;
}
body#print .qwilr-quote-v2-react .quote-total__label--grand {
  font-size: 12px;
}
.qwilr-quote-v2-react .quote-total__value {
  display: inline;
  font-size: 18px;
  font-weight: 600;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-align: right;
  margin: 0;
  word-break: break-word;
  flex: 1 1 auto;
}
.qwilr-quote-v2-react .quote-total__value--grand {
  font-size: 18px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__value {
    align-items: baseline;
    font-size: 12px;
  }
  body:not(#print) .qwilr-quote-v2-react .quote-total__value--grand {
    font-size: 16px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__value {
  font-size: 10px;
}
body#print .qwilr-quote-v2-react .quote-total__value--grand {
  font-size: 12px;
}
.qwilr-quote-v2-react .quote-total__value--inline {
  display: flex;
  align-items: center;
  justify-items: end;
  justify-content: flex-end;
}
.qwilr-quote-v2-react .quote-total__recurring-label {
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total__recurring-label {
    display: block;
    font-size: 12px;
    line-height: 18px;
  }
}
body#print .qwilr-quote-v2-react .quote-total__recurring-label {
  font-size: 12px;
}
.qwilr-quote-v2-react .quote-total__list-row {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 0;
  align-items: flex-start;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .quote-total__list-row > *:not(:first-child) {
    margin-left: 8px;
  }
}
.qwilr-quote-v2-react .quote-total__list-row-values {
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: flex-end;
}
@media all and (-ms-high-contrast: none) {
  .qwilr-quote-v2-react .quote-total__list-row-values > *:not(:first-child) {
    margin-top: 8px;
  }
}
.qwilr-quote-v2-react .quote-total__separator {
  border: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin: 16px 0;
}
body#print .qwilr-quote-v2-react .quote-total__separator {
  border-width: 1px;
}
.qwilr-quote-v2-react .quote-total .before-discount-total {
  letter-spacing: 1px;
  text-decoration: line-through;
  color: rgba(74, 74, 74, 0.5);
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .quote-total .before-discount-total {
    font-size: 10px;
  }
}
body#print .qwilr-quote-v2-react .quote-total .before-discount-total {
  font-size: 8px;
}
.qwilr-quote-v2-react .quote-total__menu {
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.qwilr-quote-v2-react .section-select-button {
  font-size: 18px;
  line-height: 1;
  position: relative;
  height: 40px;
  padding: 0 20px;
  background-color: white;
  color: #242c39;
  border: 0;
  border-radius: 6px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section-select-button__label-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.qwilr-quote-v2-react .section-select-button__label {
  display: flex;
  align-items: center;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (prefers-reduced-motion: no-preference) {
  .qwilr-quote-v2-react .section-select-button__label {
    transition-property: transform, opacity;
  }
}
.qwilr-quote-v2-react .section-select-button__label--unselected {
  transform: scale(1.5);
  opacity: 0;
}
.qwilr-quote-v2-react .section-select-button__label--selected {
  transform: scale(0.5);
  opacity: 0;
}
.qwilr-quote-v2-react .section-select-button__label--hidden {
  opacity: 0;
}
.qwilr-quote-v2-react .section-select-button__label--entering,
.qwilr-quote-v2-react .section-select-button__label--entered {
  transform: none;
  opacity: 1;
  width: auto;
}
.qwilr-quote-v2-react .section-select-button .kl-icon {
  margin-left: -8px;
  margin-right: 4px;
}
body#print .qwilr-quote-v2-react .section-select-button .kl-icon {
  width: 18px;
  height: 18px;
}
.qwilr-quote-v2-react .section-select-button:hover,
.qwilr-quote-v2-react .section-select-button:focus {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section-select-button::after {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  pointer-events: none;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section-select-button::after,
.qwilr-quote-v2-react .section-select-button::before {
  border-radius: 4px;
}
.qwilr-quote-v2-react .section-select-button:focus::after {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.qwilr-quote-v2-react .section-select-button:active::after {
  box-shadow: none;
}
.qwilr-quote-v2-react .section-select-button::-moz-focus-inner {
  border: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react .section-select-button {
    width: 100%;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
  }
}
body#print .qwilr-quote-v2-react .section-select-button {
  font-size: 12px;
}
.qwilr-quote-v2-react .fake-number-input {
  height: 32px;
  display: flex;
  align-items: center;
}
.qwilr-quote-v2-react .fake-number-input__value {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0 8px;
}
.qwilr-quote-v2-react .fake-number-input__value--editable::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .fake-number-input__spinner {
  position: relative;
  top: 2px;
}
.qwilr-quote-v2-react .fake-number-input__spinner > * {
  width: 18px;
  height: 18px;
  color: #81a2b2;
}
body#print .qwilr-quote-v2-react {
  padding: 0;
}
@media screen and (max-width: 750px) {
  body:not(#print) .qwilr-quote-v2-react {
    padding: 0 10px;
  }
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless {
  padding-left: 8px;
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless:not(:read-only) {
  border-radius: 4px;
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless:not(:read-only):hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .text-input .text-input__input--borderless:not(:read-only):focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .text-input.text-input--dark .text-input__input--borderless:not(:read-only):hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .text-input.text-input--dark .text-input__input--borderless:not(:read-only):focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .quote__section-adder {
  display: grid;
  place-items: center;
  place-content: center;
  position: relative;
}
.qwilr-quote-v2-react .quote__section-adder:before {
  content: "";
  height: 1px;
  background-color: rgba(129, 162, 178, 0.25);
  position: absolute;
  left: 0;
  right: 0;
}
.panel {
  box-shadow: 0 10px 10px 0 rgba(36, 44, 57, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
}
.panel__inner {
  padding: 20px;
}
.panel__delete {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 14px 13px 13px 13px;
  min-width: 150px;
  width: 100%;
  border-top: 1px solid rgba(129, 162, 178, 0.1);
  height: 40px;
  cursor: pointer;
}
.panel__delete svg {
  fill: rgba(129, 162, 178, 0.5);
}
.panel__delete,
.panel__delete svg {
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.panel__delete--is-disabled {
  cursor: default;
}
.panel__delete--is-disabled svg {
  fill: rgba(129, 162, 178, 0.25);
}
.panel__delete:not(.panel__delete--is-disabled):hover {
  background-color: rgba(215, 25, 57, 0.1);
  border-top: 1px solid rgba(151, 151, 151, 0.1);
}
.panel__delete:not(.panel__delete--is-disabled):hover svg {
  fill: #D71939;
}
/**
@TODO (som, 2018-09-04): refactor this into BEM. This will require refactoring all usages of the
Tooltip at the same time - otherwise the .default-theme will override any BEM themes we try to add
*/
.q-tooltip {
  position: absolute;
  border-radius: 5px;
  z-index: 800;
  -webkit-transition: all 0.1s ease, X;
  -moz-transition: all 0.1s ease, X;
  -o-transition: all 0.1s ease, X;
  transition: all 0.1s ease, X;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.q-tooltip .q-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.q-tooltip.default-theme {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.default-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: white;
}
.q-tooltip.default-theme.place-bottom::after {
  border-bottom-color: white;
}
.q-tooltip.default-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.default-theme.top .q-tooltip-arrow-outline {
  border-top-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.top .q-tooltip-arrow-inset {
  border-top-color: white;
}
.q-tooltip.default-theme.place-top::after {
  border-top-color: white;
}
.q-tooltip.default-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.default-theme.right .q-tooltip-arrow-outline {
  border-right-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.right .q-tooltip-arrow-inset {
  border-right-color: white;
}
.q-tooltip.default-theme.place-right::after {
  border-right-color: white;
}
.q-tooltip.default-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.default-theme.left .q-tooltip-arrow-outline {
  border-left-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip.default-theme.left .q-tooltip-arrow-inset {
  border-left-color: white;
}
.q-tooltip.default-theme.place-left::after {
  border-left-color: white;
}
.q-tooltip.hint {
  background-color: #47535d;
  color: white;
  z-index: 1052;
  font-weight: 600;
  text-align: center;
  font-family: "calibre-legacy", sans-serif !important;
  border: 1px solid #47535d;
}
.q-tooltip.hint.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.hint.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.hint.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.hint.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.hint.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.hint.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.hint.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.hint.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.hint.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.hint.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.hint.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.hint.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.hint.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.hint.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.hint.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.hint.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.hint--small {
  padding: 8px 13px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.q-tooltip.hint--large {
  padding: 15px;
  font-size: 14px;
  line-height: 19px;
  width: 250px;
}
.q-tooltip.speech-bubble {
  color: white;
  z-index: 1052;
  padding: 15px;
  font-size: 14px;
  line-height: 19px;
  width: 250px;
  font-weight: 600;
  text-align: center;
  font-family: "calibre-legacy", sans-serif !important;
}
.q-tooltip.speech-bubble--explain {
  background-color: #47535d;
  border: 1px solid #47535d;
}
.q-tooltip.speech-bubble--explain.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.speech-bubble--explain.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.speech-bubble--explain.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.speech-bubble--explain.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.speech-bubble--explain.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.speech-bubble--explain.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.speech-bubble--explain.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.speech-bubble--explain.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.speech-bubble--explain.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.speech-bubble--explain.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.speech-bubble--explain.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.speech-bubble--explain.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.speech-bubble--explain.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.speech-bubble--alert {
  background-color: #FFB961;
  border: 1px solid #FFB961;
}
.q-tooltip.speech-bubble--alert.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.speech-bubble--alert.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-bottom::after {
  border-bottom-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.speech-bubble--alert.top .q-tooltip-arrow-outline {
  border-top-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.top .q-tooltip-arrow-inset {
  border-top-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-top::after {
  border-top-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.speech-bubble--alert.right .q-tooltip-arrow-outline {
  border-right-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.right .q-tooltip-arrow-inset {
  border-right-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-right::after {
  border-right-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.speech-bubble--alert.left .q-tooltip-arrow-outline {
  border-left-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.left .q-tooltip-arrow-inset {
  border-left-color: #FFB961;
}
.q-tooltip.speech-bubble--alert.place-left::after {
  border-left-color: #FFB961;
}
.q-tooltip.error-theme {
  border: 1px solid #ffce53;
  background-color: #ffce53;
  padding: 15px;
  color: black;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
  font-family: "calibre-legacy", sans-serif;
  max-width: 245px;
}
.q-tooltip.error-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.error-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #ffce53;
}
.q-tooltip.error-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #ffce53;
}
.q-tooltip.error-theme.place-bottom::after {
  border-bottom-color: #ffce53;
}
.q-tooltip.error-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.error-theme.top .q-tooltip-arrow-outline {
  border-top-color: #ffce53;
}
.q-tooltip.error-theme.top .q-tooltip-arrow-inset {
  border-top-color: #ffce53;
}
.q-tooltip.error-theme.place-top::after {
  border-top-color: #ffce53;
}
.q-tooltip.error-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.error-theme.right .q-tooltip-arrow-outline {
  border-right-color: #ffce53;
}
.q-tooltip.error-theme.right .q-tooltip-arrow-inset {
  border-right-color: #ffce53;
}
.q-tooltip.error-theme.place-right::after {
  border-right-color: #ffce53;
}
.q-tooltip.error-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.error-theme.left .q-tooltip-arrow-outline {
  border-left-color: #ffce53;
}
.q-tooltip.error-theme.left .q-tooltip-arrow-inset {
  border-left-color: #ffce53;
}
.q-tooltip.error-theme.place-left::after {
  border-left-color: #ffce53;
}
.q-tooltip.error-theme a {
  color: black;
  text-decoration: underline;
  font-weight: 600;
}
.q-tooltip.helper-theme {
  border: 1px solid #47535d;
  background-color: #47535d;
  padding: 15px;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  font-family: "calibre-legacy", sans-serif;
  max-width: 245px;
}
.q-tooltip.helper-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.helper-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.helper-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.helper-theme.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.helper-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.helper-theme.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.helper-theme.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.helper-theme.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.helper-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.helper-theme.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.helper-theme.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.helper-theme.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.helper-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.helper-theme.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.helper-theme.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.helper-theme.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.helper-theme a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
}
.q-tooltip.helper-theme .upgrade {
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.q-tooltip.top-helper-theme {
  border: 1px solid #47535d;
  background-color: #47535d;
  padding: 15px;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  font-family: "calibre-legacy", sans-serif;
  max-width: 245px;
  z-index: 1000;
}
.q-tooltip.top-helper-theme.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip.top-helper-theme.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #47535d;
}
.q-tooltip.top-helper-theme.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #47535d;
}
.q-tooltip.top-helper-theme.place-bottom::after {
  border-bottom-color: #47535d;
}
.q-tooltip.top-helper-theme.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip.top-helper-theme.top .q-tooltip-arrow-outline {
  border-top-color: #47535d;
}
.q-tooltip.top-helper-theme.top .q-tooltip-arrow-inset {
  border-top-color: #47535d;
}
.q-tooltip.top-helper-theme.place-top::after {
  border-top-color: #47535d;
}
.q-tooltip.top-helper-theme.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip.top-helper-theme.right .q-tooltip-arrow-outline {
  border-right-color: #47535d;
}
.q-tooltip.top-helper-theme.right .q-tooltip-arrow-inset {
  border-right-color: #47535d;
}
.q-tooltip.top-helper-theme.place-right::after {
  border-right-color: #47535d;
}
.q-tooltip.top-helper-theme.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip.top-helper-theme.left .q-tooltip-arrow-outline {
  border-left-color: #47535d;
}
.q-tooltip.top-helper-theme.left .q-tooltip-arrow-inset {
  border-left-color: #47535d;
}
.q-tooltip.top-helper-theme.place-left::after {
  border-left-color: #47535d;
}
.q-tooltip.top-helper-theme a {
  color: white;
  text-decoration: underline;
  font-weight: 600;
}
.q-tooltip.top-helper-theme .upgrade {
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-up{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -webkit-transform: translate(0px,15px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-moz-keyframes fade-in-up{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -moz-transform: translate(0px,15px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-o-keyframes fade-in-up{ 0% {   -o-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -o-transform: translate(0px,15px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@keyframes fade-in-up{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {-webkit-transform: translate(0px,15px);-moz-transform: translate(0px,15px);-ms-transform: translate(0px,15px);transform: translate(0px,15px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; };
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  -moz-animation-name: fade-in-down;
  -o-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-down{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -webkit-transform: translate(0px,-15px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-moz-keyframes fade-in-down{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -moz-transform: translate(0px,-15px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@-o-keyframes fade-in-down{ 0% {   -o-transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {   -o-transform: translate(0px,-15px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; }}
@keyframes fade-in-down{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0;   pointer-events: none; } 5% {-webkit-transform: translate(0px,-15px);-moz-transform: translate(0px,-15px);-ms-transform: translate(0px,-15px);transform: translate(0px,-15px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1;   pointer-events: initial; };
}
.overlay-stack-item {
  background: #fff;
}
.overlay-stack-item .overlay-stack-item-content-full {
  width: 100%;
}
.overlay-stack-item.center-content {
  min-height: 90vh;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-mode .overlay-stack-item {
  position: fixed;
  width: calc(100% -  16px * 2);
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 8px;
  box-shadow: 0px 15px 25px rgba(36, 44, 57, 0.1);
  overflow: hidden;
}
.modal-mode .overlay-stack-item.center-content {
  min-height: calc(100vh -  16px * 2);
}
.overlay-stack-item .overlay-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
  width: 100%;
  padding: 25px 0;
}
.overlay-stack-item .overlay-header h3 {
  font-size: 30px;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
}
.overlay-stack-item .overlay-header p {
  font-size: 17px;
  opacity: 0.7;
  font-weight: 300;
}
.overlay-stack-item .overlay-header .header-content {
  text-align: center;
}
.overlay-stack-item .overlay-header .header-content .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.26em;
  font-size: 180%;
}
.overlay-stack-item .overlay-header .header-content .subtitle {
  margin: 0;
  font-size: 95%;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  color: #808080;
}
.overlay-stack-item .header.docked-at-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 40px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.overlay-stack-item .header.docked-at-top .title {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 0.2em;
  font-size: 150%;
  text-align: center;
}
.overlay-stack-item .header.docked-at-top .subtitle {
  font-size: 100%;
  font-weight: 300;
}
.overlay-stack-item .header.docked-at-top .help {
  font-size: 85%;
  opacity: 0.6;
  margin-top: 0;
}
.overlay-stack-item .header.docked-at-top .help a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.overlay-stack-item .header.docked-at-top .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.overlay-stack-item .header.docked-at-top .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.overlay-stack-item.mini-close-button .close-overlay {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  width: auto;
  background: #f9fafb;
  padding: 8px 10px;
  right: 0;
  top: 0;
  position: absolute;
}
.overlay-stack-item.mini-close-button .close-overlay .icon {
  font-size: 12px;
}
.overlay-stack-item.mini-close-button .close-overlay .text {
  font-size: 10px;
  margin-left: 3px;
  margin-top: 0;
}
.overlay-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 210px;
}
.overlay-content .header-content {
  max-width: 400px;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.overlay-content .header-content .overlay-header-nav-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
}
.overlay-content .header-content .back-arrow {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  fill: #81a2b2;
  left: 0;
}
.overlay-content .header-content .close-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  color: #81a2b2;
  right: 0;
  opacity: 0.4;
}
.overlay-content .header-content .overlay-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.overlay-content .header-content .overlay-icon ng-include {
  width: 75px;
  height: 75px;
}
.overlay-content .main-content {
  max-width: 400px;
  width: 100%;
}
.overlay-content .main-content p.description {
  text-align: center;
  opacity: 0.7;
  color: #222222;
  font-size: 14px;
  line-height: 19px;
}
.overlay-content .main-content h3.title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.overlay-content .main-content h3.title + p.description {
  margin-top: 15px;
}
.overlay-stack {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  z-index: 890;
  overflow-y: auto;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.overlay-stack.ng-enter {
  -webkit-animation: fadeInUp 0.4s ease, X;
  -moz-animation: fadeInUp 0.4s ease, X;
  -o-animation: fadeInUp 0.4s ease, X;
  animation: fadeInUp 0.4s ease, X;
  -webkit-animation: fadeInUp 0.4s ease;
  -moz-animation: fadeInUp 0.4s ease;
  -o-animation: fadeInUp 0.4s ease;
  animation: fadeInUp 0.4s ease;
}
.overlay-stack.ng-leave {
  -webkit-animation: fadeOutDown 0.35s ease, X;
  -moz-animation: fadeOutDown 0.35s ease, X;
  -o-animation: fadeOutDown 0.35s ease, X;
  animation: fadeOutDown 0.35s ease, X;
  -webkit-animation: fadeOutDown 0.35s ease;
  -moz-animation: fadeOutDown 0.35s ease;
  -o-animation: fadeOutDown 0.35s ease;
  animation: fadeOutDown 0.35s ease;
}
.overlay-stack.modal-mode {
  padding: 16px;
  overflow-y: hidden;
  background: transparent;
  /*
     * @NOTE(mbusby, 2020-10-14)
     * In these ng animations, we apply a "fake" transition to the outer div,
     * as ng-enter/ng-leave only apply as long as the
     * outer div is being transitioned. Without the outer
     * transition, Angular will move on from the
     * animation hooks, and the item's animation won't be applied.
     *
     * See https://stackoverflow.com/a/38896621 for more details
     * on how this works.
     */
}
.overlay-stack.modal-mode .overlay-stack-background {
  position: absolute;
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(36, 44, 57, 0.25);
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-enter {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) all;
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-enter .overlay-stack-item {
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-leave {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) all;
}
.overlay-stack.modal-mode .overlay-stack-item__wrapper.ng-leave .overlay-stack-item {
  -webkit-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeOutDown 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: forwards;
}
.overlay-stack.modal-mode .background-overlay {
  display: initial;
}
.overlay-stack.modal-mode.ng-enter {
  -webkit-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation: fadeIn 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.overlay-stack.modal-mode.ng-enter .overlay-stack-item {
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeInUp 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.overlay-stack.modal-mode.ng-leave {
  -webkit-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation: fadeOut 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.overlay-stack.modal-mode.ng-leave .overlay-stack-item {
  -webkit-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: fadeOutDown 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.overlay-stack-background {
  opacity: 0;
}
.background-overlay {
  display: none;
}
.close-overlay {
  z-index: 876;
  position: fixed;
  display: block;
  right: 20px;
  top: 20px;
  padding: 0;
  height: 60px;
  width: 60px;
  color: #808080;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.close-overlay.ng-enter {
  -webkit-animation: fadeInUp 0.4s ease, X;
  -moz-animation: fadeInUp 0.4s ease, X;
  -o-animation: fadeInUp 0.4s ease, X;
  animation: fadeInUp 0.4s ease, X;
  -webkit-animation: fadeInUp 0.4s ease;
  -moz-animation: fadeInUp 0.4s ease;
  -o-animation: fadeInUp 0.4s ease;
  animation: fadeInUp 0.4s ease;
}
.close-overlay.ng-leave {
  -webkit-animation: fadeOutDown 0.35s ease, X;
  -moz-animation: fadeOutDown 0.35s ease, X;
  -o-animation: fadeOutDown 0.35s ease, X;
  animation: fadeOutDown 0.35s ease, X;
  -webkit-animation: fadeOutDown 0.35s ease;
  -moz-animation: fadeOutDown 0.35s ease;
  -o-animation: fadeOutDown 0.35s ease;
  animation: fadeOutDown 0.35s ease;
}
.close-overlay .icon {
  font-size: 50px;
}
.close-overlay .text {
  font-weight: 600;
  margin-top: 3px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.close-overlay:hover {
  color: #404040;
}
.slider-widget {
  position: relative;
  width: 150px;
  height: 10px;
}
.slider-widget .filler {
  position: absolute;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: rgba(16, 153, 252, 0.3);
  z-index: 2;
  max-width: 100%;
}
.slider-widget input[type=range] {
  position: absolute;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 3;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-webkit-slider-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-moz-range-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-ms-thumb {
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-ms-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-ms-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-webkit-slider-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-moz-range-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget input[type=range]::-ms-thumb {
  box-shadow: none;
  width: 8px;
  height: 20px;
  border-radius: 0;
  border: none;
  background: #1a9dfc;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-widget input[type=range]::-ms-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  width: 8px;
  height: 20px;
  background: #29a4fc;
}
.slider-widget input[type=range]::-ms-thumb:active {
  width: 8px;
  height: 20px;
}
.slider-widget .readout {
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  display: block;
  background: #1099FC;
  background-color: #1099FC;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1099FC), to(#0376ca));
  background-image: -webkit-linear-gradient(left, #1099FC, #0376ca);
  background-image: -moz-linear-gradient(left, #1099FC, #0376ca);
  background-image: -ms-linear-gradient(left, #1099FC, #0376ca);
  background-image: -o-linear-gradient(left, #1099FC, #0376ca);
  text-align: center;
  padding: 10px;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05em;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-animation: fadeInUp 0.1s, X;
  -moz-animation: fadeInUp 0.1s, X;
  -o-animation: fadeInUp 0.1s, X;
  animation: fadeInUp 0.1s, X;
  -webkit-animation: fadeInUp 0.1s;
  -moz-animation: fadeInUp 0.1s;
  -o-animation: fadeInUp 0.1s;
  animation: fadeInUp 0.1s;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.slider-widget .readout.ng-enter {
  -webkit-animation: fadeInUp 0.1s, X;
  -moz-animation: fadeInUp 0.1s, X;
  -o-animation: fadeInUp 0.1s, X;
  animation: fadeInUp 0.1s, X;
  -webkit-animation: fadeInUp 0.1s;
  -moz-animation: fadeInUp 0.1s;
  -o-animation: fadeInUp 0.1s;
  animation: fadeInUp 0.1s;
}
.slider-widget .readout.ng-leave {
  -webkit-animation: fadeOutUp 0.2s ease, X;
  -moz-animation: fadeOutUp 0.2s ease, X;
  -o-animation: fadeOutUp 0.2s ease, X;
  animation: fadeOutUp 0.2s ease, X;
  -webkit-animation: fadeOutUp 0.2s ease;
  -moz-animation: fadeOutUp 0.2s ease;
  -o-animation: fadeOutUp 0.2s ease;
  animation: fadeOutUp 0.2s ease;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.slider-widget .readout:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -5.6px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 5.6px solid transparent;
  border-right: 5.6px solid transparent;
  border-top: 7px solid #1099FC;
}
.simple-dropdown {
  width: 150px;
  display: block;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
}
.simple-dropdown * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.simple-dropdown--short {
  width: 130px;
}
.simple-dropdown--long {
  width: 100%;
}
.simple-dropdown--long .simple-dropdown__trigger {
  padding: 10px 5px 10px 10px;
}
.simple-dropdown--size-large .simple-dropdown__trigger {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: 0;
  color: #242c39;
  background: transparent;
  letter-spacing: normal;
  text-transform: none;
  height: 56px;
  padding-left: 10px;
  padding-right: 2px;
  border-color: rgba(129, 162, 178, 0.25);
}
.simple-dropdown--size-large .simple-dropdown__trigger--toggled {
  border-color: rgba(129, 162, 178, 0.5);
}
.simple-dropdown--dark {
  color: white;
  background: #242c39;
}
.simple-dropdown--dark .simple-dropdown__trigger,
.simple-dropdown--dark .simple-dropdown__dropdown,
.simple-dropdown--dark .simple-dropdown__item {
  background: #242c39;
}
.simple-dropdown__trigger {
  background: white;
  padding: 3px 5px 3px 10px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  min-height: 32px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.simple-dropdown__trigger--toggled {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}
.simple-dropdown__arrow {
  font-size: 18px;
  color: #81a2b2;
}
.simple-dropdown__dropdown {
  position: absolute;
  z-index: 650;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
  border-top: none;
  cursor: pointer;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  overflow-y: auto;
  max-height: 490px;
}
.simple-dropdown__dropdown.ng-enter {
  -webkit-animation: fadeInDown 0.1s ease, X;
  -moz-animation: fadeInDown 0.1s ease, X;
  -o-animation: fadeInDown 0.1s ease, X;
  animation: fadeInDown 0.1s ease, X;
  -webkit-animation: fadeInDown 0.1s ease;
  -moz-animation: fadeInDown 0.1s ease;
  -o-animation: fadeInDown 0.1s ease;
  animation: fadeInDown 0.1s ease;
}
.simple-dropdown__dropdown.ng-leave {
  -webkit-animation: fadeOutUp 0.1s ease, X;
  -moz-animation: fadeOutUp 0.1s ease, X;
  -o-animation: fadeOutUp 0.1s ease, X;
  animation: fadeOutUp 0.1s ease, X;
  -webkit-animation: fadeOutUp 0.1s ease;
  -moz-animation: fadeOutUp 0.1s ease;
  -o-animation: fadeOutUp 0.1s ease;
  animation: fadeOutUp 0.1s ease;
}
.simple-dropdown__dropdown--short {
  max-height: 190px;
}
.simple-dropdown__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 3px 10px 3px 10px;
  min-height: 36px;
  background-color: white;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.simple-dropdown__item:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.simple-dropdown__item--search:hover {
  background-color: white;
}
.simple-dropdown__search {
  width: 100%;
}
.simple-dropdown__search .search {
  width: 100%;
  max-width: initial;
}
.simple-dropdown__tick {
  width: 10px;
  min-width: 10px;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  fill: #00857b;
}
.multi-dropdown {
  width: 100%;
  height: 100%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
}
.multi-dropdown * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.multi-dropdown__trigger {
  background: white;
  padding: 3px 5px 3px 10px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  height: 100%;
  min-height: 32px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.multi-dropdown__trigger .header-icon {
  padding: 5px 5px;
}
.multi-dropdown__trigger .header-icon svg {
  width: 35px;
  height: 35px;
}
.multi-dropdown__trigger .deselect-icon {
  fill: #81a2b2;
  padding-left: 4px;
}
.multi-dropdown__trigger .deselect-icon-include {
  width: 14px;
  height: 14px;
}
.multi-dropdown__trigger .deselect-icon-include > svg {
  width: 100%;
  height: 100%;
}
.multi-dropdown__trigger .multi-dropdown-title {
  margin-left: 20px;
}
.multi-dropdown__trigger--toggled {
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
  border-bottom: none;
}
.multi-dropdown__arrow {
  font-size: 18px;
  color: #81a2b2;
  margin-left: auto;
}
.multi-dropdown__dropdown {
  position: absolute;
  z-index: 650;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
  border-top: none;
  cursor: pointer;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  overflow-y: auto;
  max-height: 490px;
  padding: 8px 0 27px;
}
.multi-dropdown__dropdown.ng-enter {
  -webkit-animation: fadeInDown 0.1s ease, X;
  -moz-animation: fadeInDown 0.1s ease, X;
  -o-animation: fadeInDown 0.1s ease, X;
  animation: fadeInDown 0.1s ease, X;
  -webkit-animation: fadeInDown 0.1s ease;
  -moz-animation: fadeInDown 0.1s ease;
  -o-animation: fadeInDown 0.1s ease;
  animation: fadeInDown 0.1s ease;
}
.multi-dropdown__dropdown.ng-leave {
  -webkit-animation: fadeOutUp 0.1s ease, X;
  -moz-animation: fadeOutUp 0.1s ease, X;
  -o-animation: fadeOutUp 0.1s ease, X;
  animation: fadeOutUp 0.1s ease, X;
  -webkit-animation: fadeOutUp 0.1s ease;
  -moz-animation: fadeOutUp 0.1s ease;
  -o-animation: fadeOutUp 0.1s ease;
  animation: fadeOutUp 0.1s ease;
}
.multi-dropdown__dropdown--short {
  max-height: 190px;
}
.multi-dropdown__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 5px 0 5px 25px;
  min-height: 36px;
  background-color: white;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.multi-dropdown__item:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.multi-dropdown__item--search:hover {
  background-color: white;
}
.multi-dropdown__search {
  width: 100%;
}
.multi-dropdown__search .search {
  width: 100%;
  max-width: initial;
}
.multi-dropdown__tick {
  width: 10px;
  min-width: 10px;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  fill: #00857b;
}
.concentric-spinner {
  position: relative;
  -webkit-animation: fadeInUp 0.45s ease, X;
  -moz-animation: fadeInUp 0.45s ease, X;
  -o-animation: fadeInUp 0.45s ease, X;
  animation: fadeInUp 0.45s ease, X;
  -webkit-animation: fadeInUp 0.45s ease;
  -moz-animation: fadeInUp 0.45s ease;
  -o-animation: fadeInUp 0.45s ease;
  animation: fadeInUp 0.45s ease;
}
.concentric-spinner .loader {
  width: 245px;
  height: 245px;
}
.concentric-spinner .logo-wrapper {
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}
.concentric-spinner .loading-circles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.concentric-spinner .loading-circle {
  top: 50%;
  left: 50%;
}
.concentric-spinner .loading-circle.one {
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 82, 76, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.2);
  -webkit-animation: load8 0.75s infinite ease-out, X;
  -moz-animation: load8 0.75s infinite ease-out, X;
  -o-animation: load8 0.75s infinite ease-out, X;
  animation: load8 0.75s infinite ease-out, X;
  -webkit-animation: load8 0.75s infinite ease-out;
  -moz-animation: load8 0.75s infinite ease-out;
  -o-animation: load8 0.75s infinite ease-out;
  animation: load8 0.75s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
}
.concentric-spinner .loading-circle.one:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.one:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.one-b {
  display: none;
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 128, 118, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.15);
  -webkit-animation: load8 1.25s infinite ease-out, X;
  -moz-animation: load8 1.25s infinite ease-out, X;
  -o-animation: load8 1.25s infinite ease-out, X;
  animation: load8 1.25s infinite ease-out, X;
  -webkit-animation: load8 1.25s infinite ease-out;
  -moz-animation: load8 1.25s infinite ease-out;
  -o-animation: load8 1.25s infinite ease-out;
  animation: load8 1.25s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -120px;
}
.concentric-spinner .loading-circle.one-b:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.one-b:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 120px;
  height: 120px;
}
.concentric-spinner .loading-circle.two {
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 97, 90, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.1);
  -webkit-animation: load8 1.5s infinite ease-out, X;
  -moz-animation: load8 1.5s infinite ease-out, X;
  -o-animation: load8 1.5s infinite ease-out, X;
  animation: load8 1.5s infinite ease-out, X;
  -webkit-animation: load8 1.5s infinite ease-out;
  -moz-animation: load8 1.5s infinite ease-out;
  -o-animation: load8 1.5s infinite ease-out;
  animation: load8 1.5s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 160px;
  height: 160px;
  margin-left: -80px;
  margin-top: -140px;
}
.concentric-spinner .loading-circle.two:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 160px;
  height: 160px;
}
.concentric-spinner .loading-circle.two:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 160px;
  height: 160px;
}
.concentric-spinner .loading-circle.three {
  position: absolute;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 4px solid rgba(0, 108, 99, 0.2);
  border-left: 4px solid rgba(255, 255, 255, 0.05);
  -webkit-animation: load8 2s infinite ease-out, X;
  -moz-animation: load8 2s infinite ease-out, X;
  -o-animation: load8 2s infinite ease-out, X;
  animation: load8 2s infinite ease-out, X;
  -webkit-animation: load8 2s infinite ease-out;
  -moz-animation: load8 2s infinite ease-out;
  -o-animation: load8 2s infinite ease-out;
  animation: load8 2s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -180px;
}
.concentric-spinner .loading-circle.three:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
}
.concentric-spinner .loading-circle.three:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 200px;
  height: 200px;
}
.powered-by-qwilr {
  color: initial !important;
  text-decoration: initial !important;
  border-bottom: initial !important;
  display: block;
  margin: 20px 10px 35px;
}
.powered-by-qwilr .power-logo {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  margin: 0 auto 8px;
  display: block;
}
.powered-by-qwilr .power-copy {
  text-align: center;
  color: #81a2b2;
  line-height: 16px;
  font-family: "calibre-legacy", sans-serif !important;
}
.powered-by-qwilr .power-copy .power-copy-header {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}
.powered-by-qwilr .power-copy .power-copy-subtitle {
  font-size: 13px;
}
.powered-by-qwilr.white .power-logo {
  background: white;
}
.powered-by-qwilr.white .power-copy-header {
  color: white;
}
.powered-by-qwilr.white .power-copy-subtitle {
  color: rgba(255, 255, 255, 0.75);
}
.button-old {
  position: relative;
  display: block;
  white-space: nowrap;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  width: fit-content;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: color 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.3s ease;
  -moz-transition: color 0.3s ease, background 0.3s ease, -moz-box-shadow 0.3s ease;
  -webkit-transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  -o-transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.button-old,
.button-old * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-old--mini {
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
}
.button-old--small {
  height: 36px;
  padding: 0 21px;
}
.button-old--medium {
  height: 42px;
  padding: 0 21px;
}
.button-old--large {
  height: 56px;
  padding: 0 21px;
  font-size: 16px;
}
.button-old--is-idle {
  cursor: pointer;
}
.button-old--is-waiting {
  cursor: not-allowed;
}
.button-old--half-width {
  min-width: 50%;
}
.button-old--full-width {
  min-width: 100%;
}
.button-old__text {
  -webkit-transition: opacity 0.2s ease, X;
  -moz-transition: opacity 0.2s ease, X;
  -o-transition: opacity 0.2s ease, X;
  transition: opacity 0.2s ease, X;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
}
.button-old__custom-icon + .button-old__text {
  margin-right: auto;
  padding-right: 10px;
}
.button-old__icon {
  position: absolute;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
}
.button-old__decoration {
  margin-left: 10px;
  margin-bottom: -3px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.button-old:not(.button-old--is-disabled):hover .button-old__decoration--arrowed {
  margin-left: 20px;
  margin-right: -10px;
}
.button-old__custom-icon {
  padding: 0 7px 0 0;
}
.button-old__icon--invisible,
.button-old__text--invisible,
.button-old__decoration--invisible,
.button-old__custom-icon--invisible {
  opacity: 0;
}
.button-old__tick svg {
  -webkit-animation: spring-up, X;
  -moz-animation: spring-up, X;
  -o-animation: spring-up, X;
  animation: spring-up, X;
  -webkit-animation: spring-up;
  -moz-animation: spring-up;
  -o-animation: spring-up;
  animation: spring-up;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -moz-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -o-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.button-old--primary .button-old__tick svg,
.button-old--add .button-old__tick svg,
.button-old--delete .button-old__tick svg {
  fill: white;
}
.button-old--secondary .button-old__tick svg {
  fill: #00857b;
}
.button-old--cancel .button-old__tick svg {
  fill: #242c39;
}
.button-old--primary .button-old__circle-loader,
.button-old--add .button-old__circle-loader,
.button-old--delete .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid white;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--primary .button-old__circle-loader:after,
.button-old--add .button-old__circle-loader:after,
.button-old--delete .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--primary .button-old__circle-loader:after,
.button-old--add .button-old__circle-loader:after,
.button-old--delete .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--secondary .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(0, 133, 123, 0.2);
  border-left: 3px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--secondary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--secondary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--cancel .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(36, 44, 57, 0.2);
  border-left: 3px solid #242c39;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--cancel .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--cancel .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
}
.button-old--small.button-old--primary .button-old__circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid white;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.button-old--small.button-old--primary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.button-old--small.button-old--primary .button-old__circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.button-old--primary:not(.button-old--is-disabled) {
  color: white;
  background-color: #00857b;
}
.button-old--primary:not(.button-old--is-disabled) * {
  fill: white;
}
.button-old--primary:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(0, 133, 123, 0.25);
}
.button-old--secondary:not(.button-old--is-disabled) {
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  color: #00857b;
}
.button-old--secondary:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 2px rgba(129, 162, 178, 0.25);
}
.button-old--add:not(.button-old--is-disabled) {
  color: white;
  background-color: #1099FC;
}
.button-old--add:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.25);
}
.button-old--delete:not(.button-old--is-disabled) {
  color: white;
  background-color: #D71939;
}
.button-old--delete:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 3px rgba(215, 25, 57, 0.25);
}
.button-old--cancel:not(.button-old--is-disabled) {
  color: #242c39;
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.button-old--cancel:not(.button-old--is-disabled).button-old--is-idle:hover {
  box-shadow: 0 0 0 2px rgba(129, 162, 178, 0.25);
}
.button-old--is-disabled {
  background-color: rgba(129, 162, 178, 0.25);
  color: white;
}
.label {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
  -webkit-transition: color 0.15s ease-out, X;
  -moz-transition: color 0.15s ease-out, X;
  -o-transition: color 0.15s ease-out, X;
  transition: color 0.15s ease-out, X;
  -webkit-transition: color 0.15s ease-out;
  -moz-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}
.label--light {
  color: #81a2b2;
}
.label--lighter {
  color: rgba(129, 162, 178, 0.5);
}
.label--soft {
  color: rgba(36, 44, 57, 0.5);
}
.label--slate {
  color: #47535d;
}
.label--delete {
  color: #D71939;
}
.label--is-disabled,
.label--slate-light {
  color: rgba(71, 83, 93, 0.5);
}
.label--slate-light:hover {
  color: rgba(71, 83, 93, 0.75);
}
.label--white {
  color: #fff;
}
.label--bold {
  font-weight: 700;
  color: #242c39;
}
.label--bold-long {
  font-weight: 700;
  color: #81a2b2;
}
.label--large {
  font-size: 14px;
  line-height: 17px;
}
.label--emerald {
  color: #00857b;
}
.clickable:not(.clickable--is-disabled) {
  cursor: pointer;
}
.checkbox {
  padding: 5px 0;
  max-width: 400px;
}
.checkbox--without-label {
  max-width: initial;
}
.checkbox__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5px 0;
  width: 100%;
}
.checkbox__click-field--without-label {
  padding: 5px;
}
.checkbox__click-field:not(.checkbox__click-field--is-disabled),
.checkbox__click-field:not(.checkbox__click-field--is-disabled) * {
  cursor: pointer;
}
.checkbox__box {
  position: relative;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  margin: 1px 11px 1px 1px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  box-sizing: content-box;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
  background: transparent;
}
.checkbox__box--is-selected {
  box-shadow: 0 0 0 1px #00857b;
  background: #00857b;
}
.checkbox__box--is-disabled {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.checkbox__box--is-selected.checkbox__box--is-disabled {
  background: rgba(129, 162, 178, 0.25);
}
.checkbox__box--without-label {
  margin: 1px;
}
.checkbox__input-field {
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.checkbox__tick {
  position: absolute;
  top: 3px;
  left: 3px;
  fill: white;
}
.checkbox__tick.ng-enter {
  -webkit-animation: fadeIn 0.15s, X;
  -moz-animation: fadeIn 0.15s, X;
  -o-animation: fadeIn 0.15s, X;
  animation: fadeIn 0.15s, X;
  -webkit-animation: fadeIn 0.15s;
  -moz-animation: fadeIn 0.15s;
  -o-animation: fadeIn 0.15s;
  animation: fadeIn 0.15s;
}
.checkbox__tick.ng-enter-stagger {
  /* Safari */
  -webkit-transition-delay: 0.15s;
  /* Safari */
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  /* Safari */
  -webkit-transition-duration: 0;
  /* Safari */
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}
.checkbox__label {
  margin-top: 1px;
}
.search {
  height: 30px;
  max-width: 160px;
  width: 160px;
  position: relative;
  background: transparent;
  margin: 1px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.search--expand-on-focus.search--is-filled,
.search--expand-on-focus.search--is-focused {
  width: 100%;
  min-width: 160px;
  max-width: 100%;
}
.search--small {
  width: 128px;
  height: 24px;
}
.search--fit-container {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.search--bolder {
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.search__icon {
  height: 100%;
  width: 30px;
  cursor: pointer;
}
.search__icon svg {
  fill: #81a2b2;
  -webkit-transition: fill 0.15s ease-out, X;
  -moz-transition: fill 0.15s ease-out, X;
  -o-transition: fill 0.15s ease-out, X;
  transition: fill 0.15s ease-out, X;
  -webkit-transition: fill 0.15s ease-out;
  -moz-transition: fill 0.15s ease-out;
  -o-transition: fill 0.15s ease-out;
  transition: fill 0.15s ease-out;
}
.search__icon--close {
  position: absolute;
  top: 0;
  left: 0;
}
.search__icon--close:not(:hover) svg {
  fill: rgba(129, 162, 178, 0.5);
}
.search__icon--small {
  height: 24px;
}
.search__input {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(36, 44, 57, 0.75);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  height: 100%;
  width: 100%;
  background: transparent;
  padding: 0 4px 0 30px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border: none;
  outline: none;
}
.search__input::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  color: rgba(129, 162, 178, 0.5);
}
.search__input:hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  background: transparent;
}
.search__input:focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
  background: transparent;
}
.search__input--light {
  color: rgba(255, 255, 255, 0.75);
}
.search__input--small {
  height: 24px;
  font-size: 12px;
}
.search__input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.search__input--small:-moz-placeholder {
  font-size: 12px;
}
.search__input--small::-moz-placeholder {
  font-size: 12px;
}
.search__input--small:-ms-input-placeholder {
  font-size: 12px;
}
.search__input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.search__input--small:-moz-placeholder {
  font-size: 12px;
}
.search__input--small::-moz-placeholder {
  font-size: 12px;
}
.search__input--small:-ms-input-placeholder {
  font-size: 12px;
}
.editable-heading {
  position: relative;
  width: 100%;
}
.editable-heading--react-version {
  max-width: 450px;
}
input[type="text"].editable-heading__input,
input[type="text"].editable-heading__input-with-label {
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  height: 24px;
  min-width: 97px;
  max-width: 450px;
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #EAEAEA;
  border-radius: 0;
  bottom: 0;
  color: #47535d;
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="text"].editable-heading__input:hover,
input[type="text"].editable-heading__input-with-label:hover {
  background: none;
  border-bottom-color: rgba(129, 162, 178, 0.25);
}
input[type="text"].editable-heading__input:focus,
input[type="text"].editable-heading__input-with-label:focus {
  border-bottom-color: rgba(129, 162, 178, 0.05);
}
input[type="text"].editable-heading__input,
input[type="text"].editable-heading__input-with-label {
  font-weight: 600;
  font-size: 20px;
}
.editable-heading__sizing-span {
  left: -1000px;
  top: -500px;
  position: absolute;
  white-space: pre;
}
.editable-heading__icon {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 20px;
}
.editable-heading__icon svg {
  fill: rgba(129, 162, 178, 0.25);
}
.editable-heading__label {
  position: relative;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81a2b2;
  mix-blend-mode: normal;
  opacity: 0.75;
  margin-bottom: 12px;
  text-align: center;
  font-weight: bold;
}
.editable-heading--left input[type="text"].editable-heading__input {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.editable-heading--left input[type="text"].editable-heading__input--readonly {
  border-bottom: none;
  opacity: 1;
}
input[type="text"].editable-heading__input-with-label {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  height: 29px;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
}
.or-divider {
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: #81a2b2;
}
.or-divider::before {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  content: "";
  display: block;
  margin-bottom: -9px;
  padding-top: 9px;
}
.or-divider::after {
  content: "";
  display: block;
  background: white;
  margin-left: calc(50% - 15px);
  height: 20px;
  margin-top: -20px;
  width: 30px;
}
.sso {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 60px;
  border: 1px solid rgba(129, 162, 178, 0.32);
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  margin: 0 5px;
}
.sso:hover {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.2);
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sso__logo {
  height: 32px;
  margin: auto;
}
.input-v2 {
  margin: 15px 0;
}
input[type=text].input-v2__field,
input[type=email].input-v2__field,
input[type=number].input-v2__field,
input[type=password].input-v2__field {
  height: 45px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  max-width: 300px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 17px;
  color: #242c39;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
input[type=text].input-v2__field::-webkit-input-placeholder,
input[type=email].input-v2__field::-webkit-input-placeholder,
input[type=number].input-v2__field::-webkit-input-placeholder,
input[type=password].input-v2__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-moz-placeholder,
input[type=email].input-v2__field:-moz-placeholder,
input[type=number].input-v2__field:-moz-placeholder,
input[type=password].input-v2__field:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field::-moz-placeholder,
input[type=email].input-v2__field::-moz-placeholder,
input[type=number].input-v2__field::-moz-placeholder,
input[type=password].input-v2__field::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-ms-input-placeholder,
input[type=email].input-v2__field:-ms-input-placeholder,
input[type=number].input-v2__field:-ms-input-placeholder,
input[type=password].input-v2__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field::-webkit-input-placeholder,
input[type=email].input-v2__field::-webkit-input-placeholder,
input[type=number].input-v2__field::-webkit-input-placeholder,
input[type=password].input-v2__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-moz-placeholder,
input[type=email].input-v2__field:-moz-placeholder,
input[type=number].input-v2__field:-moz-placeholder,
input[type=password].input-v2__field:-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field::-moz-placeholder,
input[type=email].input-v2__field::-moz-placeholder,
input[type=number].input-v2__field::-moz-placeholder,
input[type=password].input-v2__field::-moz-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:-ms-input-placeholder,
input[type=email].input-v2__field:-ms-input-placeholder,
input[type=number].input-v2__field:-ms-input-placeholder,
input[type=password].input-v2__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #81a2b2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-v2__field:focus,
input[type=email].input-v2__field:focus,
input[type=number].input-v2__field:focus,
input[type=password].input-v2__field:focus {
  border-color: rgba(129, 162, 178, 0.75);
}
input[type=text].input-auto-size__field,
input[type=email].input-auto-size__field,
input[type=number].input-auto-size__field,
input[type=password].input-auto-size__field {
  min-width: inherit;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-overflow: inherit;
  text-align: inherit;
  color: inherit;
}
.input-auto-size__field-copy {
  position: fixed;
  left: 0;
  top: -1000px;
  white-space: pre;
  opacity: 0;
  visibility: hidden;
}
.large-input {
  margin: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 300px;
}
.large-input__label {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  margin-bottom: 5px;
}
input[type=text].large-input__field,
input[type=email].large-input__field,
input[type=number].large-input__field,
input[type=password].large-input__field {
  height: 60px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  max-width: 300px;
  padding: 0 15px;
  font-size: 24px;
  line-height: 28px;
  color: #242c39;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
input[type=text].large-input__field::-webkit-input-placeholder,
input[type=email].large-input__field::-webkit-input-placeholder,
input[type=number].large-input__field::-webkit-input-placeholder,
input[type=password].large-input__field::-webkit-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-moz-placeholder,
input[type=email].large-input__field:-moz-placeholder,
input[type=number].large-input__field:-moz-placeholder,
input[type=password].large-input__field:-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field::-moz-placeholder,
input[type=email].large-input__field::-moz-placeholder,
input[type=number].large-input__field::-moz-placeholder,
input[type=password].large-input__field::-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-ms-input-placeholder,
input[type=email].large-input__field:-ms-input-placeholder,
input[type=number].large-input__field:-ms-input-placeholder,
input[type=password].large-input__field:-ms-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field::-webkit-input-placeholder,
input[type=email].large-input__field::-webkit-input-placeholder,
input[type=number].large-input__field::-webkit-input-placeholder,
input[type=password].large-input__field::-webkit-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-moz-placeholder,
input[type=email].large-input__field:-moz-placeholder,
input[type=number].large-input__field:-moz-placeholder,
input[type=password].large-input__field:-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field::-moz-placeholder,
input[type=email].large-input__field::-moz-placeholder,
input[type=number].large-input__field::-moz-placeholder,
input[type=password].large-input__field::-moz-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:-ms-input-placeholder,
input[type=email].large-input__field:-ms-input-placeholder,
input[type=number].large-input__field:-ms-input-placeholder,
input[type=password].large-input__field:-ms-input-placeholder {
  font-size: 24px;
  line-height: 28px;
  color: rgba(36, 44, 57, 0.4);
  font-style: normal;
}
input[type=text].large-input__field:focus,
input[type=email].large-input__field:focus,
input[type=number].large-input__field:focus,
input[type=password].large-input__field:focus {
  border-color: #81a2b2;
}
.input-pencil {
  margin: 15px 0;
  width: 350px;
  position: relative;
}
.input-pencil__icon svg {
  right: 12px;
  top: 12px;
  position: absolute;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  fill: rgba(129, 162, 178, 0.75);
}
input[type=text].input-pencil__field,
input[type=email].input-pencil__field,
input[type=number].input-pencil__field,
input[type=password].input-pencil__field {
  height: 40px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 100%;
  padding: 0 38px 0 10px;
  font-size: 12px;
  color: #47535d;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  -webkit-transition: border-color 0.2s ease-out, X;
  -moz-transition: border-color 0.2s ease-out, X;
  -o-transition: border-color 0.2s ease-out, X;
  transition: border-color 0.2s ease-out, X;
  -webkit-transition: border-color 0.2s ease-out;
  -moz-transition: border-color 0.2s ease-out;
  -o-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
input[type=text].input-pencil__field::-webkit-input-placeholder,
input[type=email].input-pencil__field::-webkit-input-placeholder,
input[type=number].input-pencil__field::-webkit-input-placeholder,
input[type=password].input-pencil__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-moz-placeholder,
input[type=email].input-pencil__field:-moz-placeholder,
input[type=number].input-pencil__field:-moz-placeholder,
input[type=password].input-pencil__field:-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field::-moz-placeholder,
input[type=email].input-pencil__field::-moz-placeholder,
input[type=number].input-pencil__field::-moz-placeholder,
input[type=password].input-pencil__field::-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-ms-input-placeholder,
input[type=email].input-pencil__field:-ms-input-placeholder,
input[type=number].input-pencil__field:-ms-input-placeholder,
input[type=password].input-pencil__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field::-webkit-input-placeholder,
input[type=email].input-pencil__field::-webkit-input-placeholder,
input[type=number].input-pencil__field::-webkit-input-placeholder,
input[type=password].input-pencil__field::-webkit-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-moz-placeholder,
input[type=email].input-pencil__field:-moz-placeholder,
input[type=number].input-pencil__field:-moz-placeholder,
input[type=password].input-pencil__field:-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field::-moz-placeholder,
input[type=email].input-pencil__field::-moz-placeholder,
input[type=number].input-pencil__field::-moz-placeholder,
input[type=password].input-pencil__field::-moz-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:-ms-input-placeholder,
input[type=email].input-pencil__field:-ms-input-placeholder,
input[type=number].input-pencil__field:-ms-input-placeholder,
input[type=password].input-pencil__field:-ms-input-placeholder {
  font-weight: 600;
  font-size: 12px;
  color: rgba(71, 83, 93, 0.5);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}
input[type=text].input-pencil__field:focus,
input[type=email].input-pencil__field:focus,
input[type=number].input-pencil__field:focus,
input[type=password].input-pencil__field:focus {
  border-color: rgba(129, 162, 178, 0.5);
}
input[type=text].input-pencil__field:focus + .input-pencil__icon svg,
input[type=email].input-pencil__field:focus + .input-pencil__icon svg,
input[type=number].input-pencil__field:focus + .input-pencil__icon svg,
input[type=password].input-pencil__field:focus + .input-pencil__icon svg {
  fill: #81a2b2;
}
.signup-form__button {
  margin-top: 35px;
}
.create-button:hover,
.create-button.create-button--active {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.delayed-load .loading {
  margin: 20px auto;
}
.delayed-load .loading .circle-loader {
  margin-bottom: 10px;
}
.delayed-load .loading .loading-message {
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
}
.user-icon {
  border-radius: 100%;
  background: #333333;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.user-icon .empty {
  width: 100%;
  height: 100%;
}
.user-icon .empty ng-include {
  fill: #fff;
}
.user-icon.small,
.user-icon--small {
  height: 32px;
  width: 32px;
  font-size: 14px;
}
.user-icon.large,
.user-icon--large {
  height: 52px;
  width: 52px;
  font-size: 20px;
}
.accept-module .accept-button-v2.auto-size .accept-button-v2__button {
  padding: 0 40px;
}
.accept-button-v2__menu {
  position: absolute;
  top: -20px;
  left: calc(100% - 20px);
}
.accept-button-v2 {
  position: relative;
}
.accept-button-v2-wrapper .accept-button-v2.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.accept-button-v2__button {
  padding: 0 10px;
  width: 100%;
  height: 100%;
}
.accept-button-v2:hover .icon-edit {
  opacity: 1;
}
.accept-button-v2 .icon-edit {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  padding: 3px;
  fill: #CEDBE0;
  cursor: text;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.accept-button-v2 .icon-edit svg {
  width: 21px;
  height: 21px;
}
.accept-button-v2 .accept-label-inline,
.accept-button-v2 .accept-label-edit {
  width: 100%;
}
.accept-button-v2 .accept-label-inline {
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
}
.accept-button-v2 .accept-label-input {
  min-width: 198px;
  text-overflow: ellipsis;
  text-align: center;
  color: inherit;
}
.multi-accepters .multi-accepter-icons {
  margin-top: 15px;
  margin-bottom: 10px;
}
.multi-accepters .multi-accepter-icons .multi-accepter-icon + .multi-accepter-icon {
  margin-left: 5px;
}
.multi-accepters .multi-accepter-icons .multi-accepter-icon .user-icon .initials {
  font-family: "calibre-legacy", sans-serif !important;
}
.multi-accepters .last-accepted {
  margin-top: 11px;
}
.multi-accepters .last-accepted p.label {
  padding: 0;
  font-family: "calibre-legacy", sans-serif !important;
  text-align: center;
  color: #81a2b2;
  font-size: 13px;
  line-height: 16px;
}
.accept-wrapper {
  min-height: 142px;
}
.action-button-wrapper.ng-animate {
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.action-button-wrapper.ng-enter {
  height: 0;
  opacity: 0;
}
.action-button-wrapper.ng-enter.ng-enter-active {
  height: 0;
  opacity: 1;
}
.action-button-wrapper.ng-leave {
  height: 0;
  opacity: 1;
}
.action-button-wrapper.ng-leave.ng-leave-active {
  height: 0;
  opacity: 0;
}
.react-accept-wrapper.ng-animate {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.react-accept-wrapper.ng-enter {
  opacity: 0;
}
.react-accept-wrapper.ng-enter.ng-enter-active {
  opacity: 1;
}
.react-accept-wrapper.ng-leave {
  opacity: 1;
}
.react-accept-wrapper.ng-leave.ng-leave-active {
  opacity: 0;
}
.accepter-block.card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 400px;
}
body#print .accepter-block.card {
  max-width: 300px;
}
.accepter-block__signature {
  background: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
}
.accepter-block__signature-spacer {
  aspect-ratio: 2.39 / 1;
}
.accepter-block__signature-spacer--typed {
  aspect-ratio: 3.13 / 1;
}
body#print .accepter-block__signature-spacer--typed {
  aspect-ratio: 4.17 / 1;
}
.accepter-block__details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
}
.accepter-block__details--with-signature {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  padding: 16px 0 0 0;
  margin: 0 24px 24px 24px;
  width: 90%;
}
.accepter-block__name {
  font-size: 16px;
  font-weight: 700;
  color: #47535d;
}
.accepter-block__datestamp {
  font-size: 16px;
  color: rgba(71, 83, 93, 0.8);
  text-align: right;
}
.accepter-block__signature-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
  image-rendering: auto;
}
body#print .accepter-block__signature-img {
  aspect-ratio: 3.13 / 1;
}
.accepter-block__signed-slot-container {
  display: flex;
  width: 400px;
}
body#print .accepter-block__signed-slot-container {
  max-width: 300px;
}
@media (max-width: 767px) {
  .accepter-block__signed-slot-container {
    width: 350px;
  }
}
.accepter-list {
  display: grid;
  justify-items: center;
  gap: 16px;
  margin-top: 40px;
}
.accepter-list__heading {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.kl-opt-in-lowercase-label .accepter-list__heading {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.spinner {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner__root {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.spinner__spinner-root {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  background-color: white;
  place-content: center;
  color: #757e86;
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  display: grid;
  place-items: center;
  position: relative;
  grid-column: 1;
  grid-row: 1;
}
[data-status="entering"] .spinner__spinner-root,
[data-status="entered"] .spinner__spinner-root {
  transform: none;
}
[data-status="entered"] .spinner__spinner-root,
[data-status="exiting"] .spinner__spinner-root {
  transform: none;
  transition-delay: 0s;
}
.spinner__spinner-root svg {
  grid-area: 1 / 1;
}
.spinner__icon {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition-property: color;
}
[data-status="entered"] [data-unlocked="true"] .spinner__icon {
  color: #00857b;
}
[data-unlocked="true"] .spinner__icon path {
  animation: vibes-unlock cubic-bezier(0.4, 0, 0.2, 1) 400ms forwards 550ms;
  transform-origin: 18px;
}
@keyframes password-lock-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner__spinner path {
  transform-origin: center;
  animation: password-lock-spin 1.5s linear infinite;
}
.spinner__text {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition-property: opacity, transform;
  display: flex;
  align-items: center;
  grid-column: 1;
  grid-row: 2;
}
.spinner__text[data-status="exiting"] {
  transform: translate3d(0, 20%, 0);
}
.spinner__text[data-status="exited"] {
  transform: translate3d(0, -20%, 0);
}
.spinner__text[data-status="exiting"],
.spinner__text[data-status="exited"] {
  opacity: 0;
}
.expiry-date-pill {
  position: fixed;
  z-index: 9999;
  background: white;
  border-radius: 50vw;
  box-shadow: 0px 1px 55px 10px rgba(36, 44, 57, 0.15);
  padding: 8px;
  bottom: 8px;
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.expiry-date-pill--hide {
  display: none;
}
.expiry-date-pill__text {
  padding: 0 4px;
  font-size: 14px;
}
.public-page-modal {
  font-family: "calibre-legacy", sans-serif;
}
.public-page-status-modal {
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.public-page-status-modal .modal-icon {
  margin-bottom: 24px;
}
.public-page-status-modal .status-badge {
  height: 40px;
  border-radius: 8px;
  color: #47535d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 0 16px 0 8px;
}
.project-accepted-modal__status-badge {
  background-color: rgba(0, 133, 123, 0.1);
}
.project-accepted-modal__accepted-badge-marker {
  color: #00857b;
}
.accepted-tick {
  display: flex;
  background-color: rgba(0, 133, 123, 0.1);
  border-radius: 50%;
  height: 80px;
  width: 80px;
}
.accepted-tick__icon {
  background-color: #00857b;
  border-radius: 50%;
  margin: auto;
  color: white;
}
.access-gate-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.access-gate-spinner__loader {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  place-items: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}
.access-gate-spinner__loader[data-status="entering"],
.access-gate-spinner__loader[data-status="entered"] {
  opacity: 1;
}
[data-status="entered"] .access-gate-spinner__loader,
[data-status="exiting"] .access-gate-spinner__loader {
  transition-delay: 0s;
}
.access-gate-spinner__loader-main {
  display: grid;
  place-items: center;
  place-content: center;
}
@keyframes loader-pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.access-gate-spinner__loader-pulse {
  background-color: #0bdac9;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  opacity: 0;
  grid-column: 1;
  grid-row: 1;
}
.access-gate-spinner__loader-pulse[data-status="entering"],
.access-gate-spinner__loader-pulse[data-status="entered"] {
  animation: loader-pulse 1s cubic-bezier(0.4, 0, 0.2, 1) 150ms forwards;
}
@keyframes vibes-unlock {
  0% {
    transform: translate3d(0, 0, 0) rotateY(0deg);
  }
  50% {
    transform: translate3d(0, -7%, 0) rotateY(0deg);
  }
  100% {
    transform: translate3d(0, -7%, 0) rotateY(180deg);
  }
}
.access-gate-spinner__lock {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  background-color: white;
  place-content: center;
  color: #757e86;
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  display: grid;
  place-items: center;
  position: relative;
  grid-column: 1;
  grid-row: 1;
}
[data-status="entering"] .access-gate-spinner__lock,
[data-status="entered"] .access-gate-spinner__lock {
  transform: none;
}
[data-status="entered"] .access-gate-spinner__lock,
[data-status="exiting"] .access-gate-spinner__lock {
  transform: none;
  transition-delay: 0s;
}
.access-gate-spinner__lock svg {
  grid-area: 1 / 1;
}
.access-gate-spinner__lock-icon {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
  transition-property: color;
}
[data-status="entered"] [data-unlocked="true"] .access-gate-spinner__lock-icon {
  color: #00857b;
}
[data-unlocked="true"] .access-gate-spinner__lock-icon path {
  animation: vibes-unlock cubic-bezier(0.4, 0, 0.2, 1) 400ms forwards 550ms;
  transform-origin: 18px;
}
@keyframes password-lock-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.access-gate-spinner__lock-spinner path {
  transform-origin: center;
  animation: password-lock-spin 1.5s linear infinite;
}
.access-gate-spinner__lock-text {
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
  transition-property: opacity, transform;
  display: flex;
  align-items: center;
  grid-column: 1;
  grid-row: 2;
}
.access-gate-spinner__lock-text--success {
  display: flex;
  background: #e6f3f2;
  border-radius: 32px;
  padding: 0 8px;
  color: #00857b;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(36, 44, 57, 0.1);
  transition-delay: 400ms;
}
.access-gate-spinner__lock-text--success svg {
  margin-left: -4px;
}
.access-gate-spinner__lock-text[data-status="exiting"] {
  transform: translate3d(0, 20%, 0);
}
.access-gate-spinner__lock-text[data-status="exited"] {
  transform: translate3d(0, -20%, 0);
}
.access-gate-spinner__lock-text[data-status="exiting"],
.access-gate-spinner__lock-text[data-status="exited"] {
  opacity: 0;
}
.password-tree {
  height: 100%;
  width: 100%;
}
.password-tree > div {
  height: 100%;
  width: 100%;
}
.password-protected-container {
  font-family: calibre-legacy;
  display: grid;
  gap: 24px;
  height: 100vh;
  align-items: start;
  justify-items: center;
  justify-content: center;
  align-content: start;
  grid-template-columns: minmax(0, 400px);
  grid-template-rows: 1fr auto;
  padding: 16px;
  padding-top: 20vh;
  overflow-y: auto;
  transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 500px) {
  .password-protected-container {
    padding-top: 10vh;
  }
}
.password-protected-container .password-protected {
  display: grid;
  grid-area: 1 / 1;
  gap: 16px;
  width: 100%;
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
  transition-property: opacity, transform;
}
.password-protected-container .password-protected[data-status="exiting"],
.password-protected-container .password-protected[data-status="exited"] {
  opacity: 0;
  transform: scale(0.8);
  transition-delay: 0s;
}
.password-protected-container .password-protected__spinner {
  grid-area: 1 / 1;
}
.password-protected-container .password-protected__image-container {
  display: grid;
  aspect-ratio: 400 / 209;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}
.password-protected-container .password-protected__image {
  grid-area: 1 / 1;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.password-protected-container .password-protected__card-actions {
  position: absolute;
  display: flex;
  right: 16px;
  top: 16px;
}
.password-protected-container .password-protected__card-body {
  overflow: hidden;
  display: grid;
}
.password-protected-container .password-protected__password-card {
  padding: 32px;
  padding-top: 24px;
  display: grid;
  gap: 16px;
  transition: all 200ms ease;
}
@media (max-width: 500px) {
  .password-protected-container .password-protected__password-card {
    padding: 24px;
  }
}
.password-protected-container .password-protected__password-card-description {
  display: grid;
  gap: 8px;
}
.password-protected-container .password-protected__password-card-alert {
  margin-top: 16px;
}
.password-protected-container .password-protected__secured-by-qwilr {
  grid-row: 2;
}
.password-protected-container .password-protected__secured-by-qwilr[data-status="exiting"],
.password-protected-container .password-protected__secured-by-qwilr[data-status="exited"] {
  transition: opacity 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
}
.password-protected-container .password-protected__login-prompt {
  text-align: center;
}
.animated-background {
  height: 100%;
  background: linear-gradient(rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), linear-gradient(white, white);
  transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.animated-background[data-fade-bg="true"] {
  background-color: white;
}
.animated-background .animation {
  --x: 0;
  --y: -20vh;
  --r: -20deg;
  --shimmer-delay: 0s;
  --shimmer-opacity: 0.4;
  --shimmer-saturation: 1;
  position: fixed;
  height: 100vh;
  inset: 0;
  display: grid;
  place-items: center;
  isolation: isolate;
  background: linear-gradient(rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), linear-gradient(white, white);
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  opacity: 0.2;
}
.animated-background .animation[data-unlocked="true"] {
  opacity: 0;
}
.animated-background .animation[data-shimmer="true"] {
  opacity: 0.3;
}
.animated-background .animation__texture {
  background-image: url("/Assets/Images/background-texture.png");
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.animated-background .animation__ellipse {
  width: 32vh;
  height: 80vh;
  background-image: radial-gradient(farthest-side, var(--ellipse-color), transparent);
  transform: rotate(var(--r)) translate3d(var(--x), var(--y), 0);
  opacity: var(--shimmer-opacity);
  position: absolute;
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform, filter;
}
[data-shimmer="true"] .animated-background .animation__ellipse {
  transition-delay: var(--shimmer-delay);
  filter: saturate(var(--shimmer-saturation));
  opacity: var(--shimmer-opacity);
}
[data-unlocked="true"] .animated-background .animation__ellipse {
  transition-duration: 1s;
}
.animated-background .animation__ellipse:nth-child(1) {
  --shimmer-delay: 0s;
  --ellipse-color: #ffc531;
  --y: -30vh;
  --x: -80%;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(1) {
  --x: -140%;
}
.animated-background .animation__ellipse:nth-child(2) {
  --shimmer-delay: 0.05s;
  --ellipse-color: #ff4c6b;
  --x: -30%;
  --y: -25vh;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(2) {
  --x: -100%;
}
.animated-background .animation__ellipse:nth-child(3) {
  --shimmer-delay: 0.1s;
  --ellipse-color: #706aea;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(3) {
  --x: 25%;
}
.animated-background .animation__ellipse:nth-child(4) {
  --shimmer-delay: 0.15s;
  --ellipse-color: #4cb4ff;
  --x: 30%;
  --y: -25vh;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(4) {
  --x: 100%;
}
.animated-background .animation__ellipse:nth-child(5) {
  --shimmer-delay: 0.2s;
  --ellipse-color: #0bdac9;
  --x: 80%;
  --y: -30vh;
}
[data-unlocked="true"] .animated-background .animation__ellipse:nth-child(5) {
  --x: 140%;
}
.animated-background .animation__noise {
  background-image: var(--noise);
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.springboard-user-avatar {
  border-radius: 100%;
}
.springboard-user-avatar__kl-avatar {
  height: 100%;
  width: 100%;
}
.springboard-user-avatar__kl-avatar .kl-label {
  font-size: 32px;
}
.springboard-user-card {
  padding: 16px;
  display: flex;
  gap: 16px;
}
.springboard-user-card__user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.springboard-user-card__user-info {
  display: grid;
  align-items: center;
  align-content: center;
  gap: 4px;
  word-break: break-all;
  margin-right: 48px;
  text-align: left;
}
.springboard-user-card__user-avatar {
  border-radius: 54px;
  height: 54px;
  width: 54px;
}
.springboard-user-card__user-action {
  position: absolute;
  right: 16px;
}
.modal-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1051;
  background: rgba(36, 44, 57, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal-container--behind-overlays {
  z-index: 874;
}
.modal-container--behind-overlays-with-blur {
  z-index: 874;
  backdrop-filter: blur(10px);
}
.modal-container--behind-overlays-with-blur::after {
  content: '';
  background: url("/Assets/Images/background-noise.png") repeat;
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.08;
}
.modal-container.ng-enter {
  -webkit-animation: fadeIn 0.2s ease, X;
  -moz-animation: fadeIn 0.2s ease, X;
  -o-animation: fadeIn 0.2s ease, X;
  animation: fadeIn 0.2s ease, X;
  -webkit-animation: fadeIn 0.2s ease;
  -moz-animation: fadeIn 0.2s ease;
  -o-animation: fadeIn 0.2s ease;
  animation: fadeIn 0.2s ease;
}
.modal-container.ng-leave {
  -webkit-animation: fadeOut 0.35s ease, X;
  -moz-animation: fadeOut 0.35s ease, X;
  -o-animation: fadeOut 0.35s ease, X;
  animation: fadeOut 0.35s ease, X;
  -webkit-animation: fadeOut 0.35s ease;
  -moz-animation: fadeOut 0.35s ease;
  -o-animation: fadeOut 0.35s ease;
  animation: fadeOut 0.35s ease;
}
.modal-container .modal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  min-width: 190px;
  max-width: 524px;
  min-height: 100px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #fff;
  padding: 65px 55px 55px 55px;
  text-align: center;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.modal-container .modal .style-tile-container {
  margin-bottom: 8px;
}
.modal-container .modal .style-input-modal .title,
.modal-container .modal .header.style-modal-header .title {
  color: rgba(71, 83, 93, 0.85);
}
.modal-container .modal .style-input-modal .explainer,
.modal-container .modal .header.style-modal-header .explainer {
  margin-bottom: 15px;
  color: rgba(71, 83, 93, 0.85);
}
.modal-container .modal .style-input-modal .input-pencil,
.modal-container .modal .header.style-modal-header .input-pencil,
.modal-container .modal .style-input-modal .radio-buttons,
.modal-container .modal .header.style-modal-header .radio-buttons {
  margin-bottom: 5px;
}
.modal-container .modal .style-input-modal .react-mount,
.modal-container .modal .header.style-modal-header .react-mount {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
}
.modal-container .modal .header.style-modal-header--update .explainer {
  padding: 0 73px;
  margin-bottom: 20px;
}
.modal-container .modal .header.style-modal-header--update .radio-button__label {
  font-weight: bold;
  color: #47535d;
}
.modal-container .modal .header .title {
  color: rgba(40, 65, 80, 0.85);
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 20px;
}
.modal-container .modal .header .explainer {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(71, 83, 93, 0.85);
  padding: 0 32px;
}
.modal-container .modal .header .help {
  font-size: 13px;
  font-weight: 400;
  opacity: 0.8;
}
.modal-container .modal .header .help a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.modal-container .modal .header .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.modal-container .modal .header .help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.modal-container .modal .actions {
  margin: 35px auto 0;
}
.modal-container .modal .actions.two-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
.modal-container .modal .actions.two-actions .button,
.modal-container .modal .actions.two-actions .button-old {
  width: 100%;
}
.modal-container .modal .actions:not(.two-actions) .button,
.modal-container .modal .actions:not(.two-actions) .button-old {
  margin: 0 auto;
}
@media screen and (max-width: 524px) {
  .modal-container .modal {
    max-width: 90%;
    padding: 40px 24px;
  }
  .modal-container .modal .header .explainer {
    padding: 0;
  }
}
.modal-container.no-background {
  background: rgba(255, 255, 255, 0.3);
}
.print-placeholder {
  display: none;
}
.content-padding {
  padding: 40px;
}
#print .react-accept-wrapper .form-screen-heading {
  padding-top: 40px;
}
#print .accept-wrapper {
  margin-top: 0;
}
#print .project-block {
  box-shadow: none;
}
#print .project-block.remove-top-padding.remove-top-padding {
  padding-top: 0;
}
#print .project-block:not(.splash-module):not(.source-module):not(.text-block) {
  padding: 40px;
}
#print .project-block.text-block .row.container {
  padding: 40px;
}
#print .project-block.agreement-block:has(+ .accept-module) {
  padding-bottom: 0;
}
#print .project-block.splash-module .content-container .row.container {
  padding: 40px;
  z-index: 100;
}
#print .print-virtual-page {
  position: relative;
  overflow: hidden;
  page-break-after: always !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#print .print-virtual-page.too-tall-child {
  overflow: auto;
}
#print .print-virtual-page .page-number {
  z-index: 1;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-size: 12px;
}
#print .side-by-side.side-by-side__col {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#print .print-placeholder {
  position: relative;
  display: block;
  width: 12cm;
  height: 9cm;
  margin: 0 auto;
  padding: 0.5cm;
  overflow: hidden;
  border-radius: 0.15cm;
}
#print .print-placeholder .print-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #596a75;
}
#print .print-placeholder .print-background.thumbnail-background {
  background-color: black;
}
#print .print-placeholder .print-background img {
  position: absolute;
}
#print .print-placeholder .print-background img.cloud {
  bottom: 0;
  right: 0;
  width: 90%;
}
#print .print-placeholder .print-background img.thumbnail {
  opacity: 0.3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#print .print-placeholder .print-background img.custom-thumbnail {
  width: 100%;
}
#print .print-placeholder.embed-placeholder {
  height: 100%;
  width: 100%;
  min-height: 200px;
}
#print .print-placeholder.embed-placeholder .print-background {
  background-color: white;
}
#print .print-placeholder.embed-placeholder .print-background img.cloud {
  width: 500px;
}
#print .print-placeholder.embed-placeholder .print-message {
  color: #81a2b2;
}
#print .print-placeholder .print-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 200px;
  text-align: center;
  color: white;
}
#print .print-placeholder .print-message > * {
  margin-bottom: 15px;
}
#print .print-placeholder .print-message > *.video-icon {
  margin-bottom: 5px;
}
#print .print-placeholder .print-message > *.offline-icon {
  width: 50px;
}
#print .print-placeholder .print-message .description {
  font-size: 15px;
  line-height: 20px;
}
#print .print-placeholder .print-message .online-link {
  display: inline-block;
}
#print .print-placeholder .print-message .online-link a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  transition: none;
  color: #00857b;
  font-size: 12px;
  text-transform: uppercase;
}
#print .print-placeholder .print-message .online-link a img {
  margin-left: 10px;
  width: 18px;
}
#print .avoid-page-break {
  page-break-inside: avoid;
}
#print .signature-widget.avoid-page-break,
#print .initials-widget.avoid-page-break {
  page-break-inside: avoid;
  page-break-before: auto;
  page-break-after: auto;
}
#print .signature-slot-printable.avoid-page-break {
  page-break-inside: avoid;
  page-break-before: auto;
  page-break-after: auto;
}
#print .qwilr-badge,
#print .social-badge {
  display: none;
}
#print div.rendered-content {
  height: 100%;
  overflow-x: visible;
  pointer-events: none;
}
#print .row {
  max-width: 100% !important;
}
#print .large-8 {
  width: 100% !important;
  padding: 0;
}
#print .project-block {
  border-bottom: 0;
}
#print .project-block blockquote,
#print .project-block h1,
#print .project-block h2,
#print .project-block p {
  width: 100% !important;
  height: initial !important;
}
#print .project-block h1 {
  page-break-after: avoid;
}
#print .project-block h1 a,
#print .project-block h1 b,
#print .project-block h1 i,
#print .project-block h1 span {
  font-size: inherit !important;
}
#print .project-block h2 {
  page-break-after: avoid;
}
#print .project-block h2 a,
#print .project-block h2 b,
#print .project-block h2 i,
#print .project-block h2 span {
  font-size: inherit !important;
}
#print .project-block p {
  font-size: 8pt;
  page-break-inside: avoid;
}
#print .project-block p a,
#print .project-block p b,
#print .project-block p i,
#print .project-block p span {
  font-size: inherit !important;
}
#print .project-block li.unordered.split > .before,
#print .project-block li.ordered.split > .before {
  opacity: 0;
}
#print .project-block li.unordered.split::before,
#print .project-block li.ordered.split::before {
  opacity: 0;
}
#print .project-block figure {
  margin-top: 0.75cm;
  margin-bottom: 0.75cm;
  max-width: 100% !important;
}
#print .project-block figure:first-child {
  margin-top: 0;
}
#print .project-block figure:last-child {
  margin-bottom: 0;
}
#print .project-block figure img {
  max-width: 100%;
  vertical-align: middle;
  page-break-inside: avoid;
  display: block;
  margin: 0 auto;
}
#print .project-block figure .image-resizer-container {
  max-width: 10cm;
}
#print .project-block .roi-calculator {
  max-width: 10cm;
  margin: 0.75cm auto;
}
#print .project-block .roi-calculator .roi-main-panel__contents {
  padding: 24px 40px;
}
#print .project-block .roi-calculator .roi-main-panel__result,
#print .project-block .roi-calculator .roi-calculator-result__inner {
  margin-bottom: 16px;
}
#print .project-block .roi-calculator .roi-calculator-typography__result-label {
  font-size: 14px;
}
#print .project-block .roi-calculator .roi-calculator-slider__label {
  font-size: 9px;
}
#print .project-block .roi-calculator .roi-calculator-slider__text-input .text-input__input {
  font-size: 12px;
}
#print .project-block [data-hydration-host][data-hydration-component="ROICalculator"]:first-child .roi-calculator {
  margin-top: 0;
}
#print .project-block [data-hydration-host][data-hydration-component="ROICalculator"]:last-child .roi-calculator {
  margin-bottom: 0;
}
#print .project-block .embedded-content {
  margin-top: 32px;
}
#print .project-block .embedded-content:first-child {
  margin-top: 0;
}
#print .project-block .block-spacer,
#print .project-block .row.block-spacer {
  padding: 0;
}
#print .project-block .side-by-side__wrapper {
  margin: 16px 0;
  width: 100%;
  transform: none;
  margin-left: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#print .project-block .side-by-side__wrapper .side-by-side figure {
  margin-top: 8px;
  margin-bottom: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side figure:first-child {
  margin-top: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side figure:last-child {
  margin-bottom: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side .embedded-content {
  margin-top: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side .embedded-content:first-child {
  margin-top: 0;
}
#print .project-block .side-by-side__wrapper .side-by-side .print-placeholder {
  width: 90%;
}
#print .project-block .side-by-side__wrapper .side-by-side__col--left {
  padding-right: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side__col--right {
  padding-left: 8px;
}
#print .project-block .side-by-side__wrapper .side-by-side h1:last-child,
#print .project-block .side-by-side__wrapper .side-by-side h2:last-child,
#print .project-block .side-by-side__wrapper .side-by-side p:last-child {
  padding-bottom: 0;
}
#print .project-block:not(.project-block--using-block-styles) blockquote {
  padding-left: 25pt;
  font-size: 12pt;
  line-height: 1.25;
  margin: 30px 0;
  border-left-width: 4px;
}
#print .project-block:not(.project-block--using-block-styles) blockquote:before {
  font-size: 80px;
  top: 25px;
}
#print .project-block:not(.project-block--using-block-styles) blockquote.no-quote-mark:before {
  content: "";
}
#print a.print-link-after[href]:after {
  content: " (" attr(href) ")";
  font-weight: normal;
}
#print .project-block.quote-module .row {
  padding: 0 1.5cm;
}
#print .project-block.quote-module .quote-header {
  margin: 1cm auto 0.5cm;
}
#print .project-block.quote-module .quote-header p {
  margin: 12pt auto;
  font-size: 9pt;
}
#print .project-block.quote-module .columns {
  padding: 0;
  margin: 0;
}
#print .project-block.quote-module .display-quote-section {
  margin: 0;
  padding: 0;
  page-break-inside: avoid;
}
#print .project-block.quote-module .display-quote-section .items {
  padding: 0 0.25cm;
}
#print .project-block.quote-module .display-quote-section .items .item {
  padding: 0;
  margin: 0.12cm 0;
}
#print .project-block.quote-module .display-quote-section .items .item td {
  padding: 5pt;
}
#print .project-block.quote-module .display-quote-section .items .item td.left-interactive-input.empty + td {
  padding-left: 0;
}
#print .project-block.quote-module .display-quote-section .items .item td:first-child {
  padding-left: 0;
}
#print .project-block.quote-module .display-quote-section .items .item td:last-child {
  padding-right: 0;
}
#print .project-block.quote-module .display-quote-section .section-name {
  width: 100%;
  margin: 0.5cm 0 0.15cm;
  padding: 0;
  font-size: 10pt;
}
#print .project-block.quote-module .display-quote-section .section-summary-item {
  margin: 0.15cm 0;
  padding: 0.25cm 0;
  opacity: 1;
  font-size: 8pt;
}
#print .project-block.quote-module .totals {
  margin: 0.5cm 0;
  padding: 0.25cm 0;
  font-size: 8pt;
}
#print .project-block.quote-module .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#print .project-block.quote-module .item .cost,
#print .project-block.quote-module .item .name,
#print .project-block.quote-module .item .units,
#print .project-block.quote-module .item td {
  font-size: 8pt;
}
#print .project-block.quote-module .item .name {
  padding-left: 0 !important;
}
#print .project-block.quote-module .item.text .name {
  width: 100%;
}
#print .project-block.quote-module .item.standard .name {
  width: 75%;
}
#print .project-block.quote-module .item.standard .cost {
  width: 25%;
}
#print .project-block.quote-module .item.with-units .name {
  width: 60%;
}
#print .project-block.quote-module .item.with-units .units {
  width: 20%;
}
#print .project-block.quote-module .item.with-units .cost {
  width: 20%;
}
#print .project-block.quote-module .item.with-units-and-price .name,
#print .project-block.quote-module .item.with-units-and-unit-price .name {
  width: 50%;
}
#print .project-block.quote-module .item.with-units-and-price .units,
#print .project-block.quote-module .item.with-units-and-unit-price .units {
  width: 30%;
}
#print .project-block.quote-module .item.with-units-and-price .cost,
#print .project-block.quote-module .item.with-units-and-unit-price .cost {
  width: 20%;
}
#print .project-block.quote-module .item .left-interactive-input {
  height: 8pt;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  margin-top: -2pt;
}
#print .project-block.quote-module .item .left-interactive-input.optional-toggle {
  width: 30px !important;
}
#print .project-block.quote-module .display-quote-section.has-optional-items .left-interactive-input.empty {
  width: 30px;
}
#print #temporary-virtual-page .qwilr-quote-v2,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 {
  margin: 0;
  padding: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .row {
  padding: 0 1.5cm;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-header,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-header {
  margin: 1cm auto 0.5cm;
  margin-top: 0;
  max-width: 300px;
  width: 100%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 {
  font-size: 14pt;
  min-height: 18pt;
  page-break-after: avoid;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 a,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 a,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 b,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 b,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 i,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 i,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper h2 span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper h2 span {
  font-size: inherit !important;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper p,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper p {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper span {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .columns,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .columns {
  padding: 0;
  margin: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .section-divider,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .section-divider {
  height: 30px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header {
  padding: 6px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left {
  padding: 3.5px;
  max-width: 60%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-name,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-name {
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-description .public-page,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .left .section-description .public-page {
  padding: 0 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-title,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-title {
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-value,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .section-subtotal-value {
  font-size: 11pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row {
  height: 22px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .collapse-line-items {
  width: 18px;
  height: 18px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select {
  width: 18px;
  height: 18px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .single-select-circle,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .single-select-circle {
  width: 10px;
  height: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small {
  margin-top: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small > svg,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .subtotal-row .section-select .multi-select-tick.small > svg {
  height: 10px;
  width: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .discount-label-outside,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .section-header .right .subtotal-block .discount-label-outside {
  right: -3px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table {
  margin: 0 10px;
  padding-top: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item {
  padding: 2px 0;
  padding-bottom: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container {
  margin-right: 0;
  font-size: 5pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .quote-item .discount-summary-container span {
  font-size: 5pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row {
  min-height: 10px;
  height: auto;
  padding: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header {
  font-size: 7pt;
  padding-bottom: 3px;
  padding-top: 3px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container {
  padding-left: 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container .quote-section-column-label .customized-label-input,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row.header .component-container .quote-section-column-label .customized-label-input {
  font-size: 100%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .wrapper,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .wrapper {
  min-width: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component {
  min-height: 16px;
  height: 25px;
  width: 100%;
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p,
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component span {
  font-size: 6pt;
  line-height: 8pt;
  font-weight: 400;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-component p {
  min-height: 16px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description {
  -webkit-flex-basis: 250px;
  flex-basis: 250px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description .item-component,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .description .item-component {
  min-height: 10px;
  height: auto;
  padding: 6px 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .item-rate,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .item-rate {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 80px;
  padding-right: 5px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 80px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column span {
  padding-left: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity .label-span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .quantity .label-span {
  min-width: 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .unit,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .quantity-column .unit {
  padding-left: 5px;
  width: auto;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column {
  -webkit-flex-basis: 60px;
  flex-basis: 60px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .item-discount-label,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .item-discount-label {
  font-size: 5pt;
  font-weight: 400;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option {
  height: 25px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option span,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option span {
  font-size: 6pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option .option-select .option-tick button,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-section .quote-items-table .table-row .item-quantity-price .price-column .price-option .option-select .option-tick button {
  width: 10px;
  min-width: 10px;
  height: 10px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total {
  width: 280px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table {
  padding: 0 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row {
  padding: 2px 0;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-name,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-name {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-amount,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row .tax-amount {
  font-size: 7pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:first-child,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:first-child {
  padding-top: 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:last-child,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .taxes-table .tax-row:last-child {
  padding-bottom: 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount {
  padding: 14px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-row,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-row {
  width: 100%;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-label,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-label {
  font-size: 14pt;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-number,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .total-number {
  font-size: 11pt;
  flex-basis: 150px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-label-container,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-total .total-amount .discount-label-container {
  right: 7px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .discount-label,
#print .print-virtual-page .project-block.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .discount-label {
  font-size: 6pt;
  line-height: 8pt;
  border-radius: 2px;
}
#print #temporary-virtual-page .qwilr-quote-v2 .quote-content-wrapper .quote-header,
#print .print-virtual-page .project-block--using-block-styles.quote-v2-module .qwilr-quote-v2 .quote-content-wrapper .quote-header {
  padding: 0;
  max-width: none;
}
#print .print-virtual-page .project-block.splash-module {
  position: relative;
}
#print .print-virtual-page .project-block.splash-module .fill-block {
  padding: 0;
}
#print .print-virtual-page .project-block.splash-module .row.container {
  padding: calc(40px - 2.5%);
}
#print .print-virtual-page .project-block.splash-module .content {
  z-index: 3;
  width: 100%;
}
#print .print-virtual-page .project-block.splash-module .content.noBackground h1,
#print .print-virtual-page .project-block.splash-module .content.noBackground h2 {
  text-shadow: none !important;
  -webkit-text-stroke: 0.3mm rgba(0, 0, 0, 0.1);
}
#print .print-virtual-page .project-block.splash-module .tint,
#print .print-virtual-page .project-block.splash-module .tint-v2 {
  z-index: 2;
}
#print .print-virtual-page .project-block.splash-module .image {
  z-index: 1;
  background-repeat: no-repeat;
}
#print .print-virtual-page .project-block.splash-module .fill-block {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
#print .print-virtual-page .project-block.splash-module.split .fill-block {
  align-items: start;
}
#print .print-virtual-page .project-block.splash-module .video-position {
  display: none;
}
#print .print-virtual-page .project-block.splash-module .video-thumbnail {
  display: block !important;
}
#print .project-block.print-multi-page {
  height: auto;
  min-height: auto;
}
#print .project-block.source-module .container,
#print .project-block.video-module .container {
  display: none;
}
#print .project-block.source-module .row.block-spacer,
#print .project-block.video-module .row.block-spacer {
  padding: 0;
}
#print .project-block.source-module .video-header,
#print .project-block.video-module .video-header {
  margin: 0 0 20px 0;
  width: 100%;
}
#print .project-block.source-module .print-placeholder > p,
#print .project-block.video-module .print-placeholder > p {
  max-width: 80%;
  margin: 25px auto;
  text-align: center;
  font-size: 8pt;
}
#print .project-block.source-module .row.block-spacer.embed-block {
  width: 100%;
  height: 100%;
}
#print .project-block.source-module .content {
  width: 100%;
  height: 100%;
}
#print .project-block.video-module .print-placeholder {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
}
#print .print-virtual-page .project-block.video-module.print-multi-page {
  display: block;
}
#print .project-block .insertable-table tr td {
  font-size: 8pt;
  padding: 2pt;
}
#print .project-block .insertable-table tr td blockquote,
#print .project-block .insertable-table tr td h1,
#print .project-block .insertable-table tr td h2,
#print .project-block .insertable-table tr td ol,
#print .project-block .insertable-table tr td p,
#print .project-block .insertable-table tr td ul {
  margin: 0;
  padding: 0;
}
#print .project-block .qwilr-table {
  max-width: 100%;
  min-width: inherit;
}
#print .project-block hr {
  border-width: 0;
  border-top-width: 1px;
}
#print {
  background-color: transparent;
  overflow-y: hidden;
}
#print.debug-print {
  overflow-y: auto;
}
#print .page-content-wrapper {
  transition: none;
}
#print .page-content-wrapper.pdf-preview {
  margin-left: 10%;
}
#print .page-content-wrapper.pdf-preview .project-block {
  box-shadow: none;
}
#print .page-content-wrapper.pdf-preview .project-block:not(.quote-v2-module):not(.text-block):not(.accept-module):not(.video-module) {
  background: transparent;
}
#print .page-content-wrapper.pdf-preview .print-virtual-page {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  border-radius: 5px;
}
#print .page-content-wrapper.pdf-preview .print-virtual-page .project-block:not(.quote-v2-module):not(.text-block):not(.accept-module):not(.video-module) {
  background: transparent;
}
#print .page-content-wrapper.pdf-preview .page-divider {
  width: 100%;
  height: 2em;
  background-color: #f3f6f7;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  Alignment
  ============================= */
.center-aligned {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.v-center {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.space-between {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*  Misc
  ============================= */
.containerFixed {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*  Cross Browser Helpers
  ============================= */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*  Spinning
  ============================= */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*  Filters
  ============================= */
/* Shapes
  ============================= */
/* Placeholders
  ============================= */
/* Slider Thumb Styling
  ============================= */
/* Link Styling
  ============================= */
.link-styler {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.link-styler:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
/* Animation Staggering
============================== */
/* Accessibility
  ============================= */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.small > svg,
svg.small {
  height: 16px;
  width: 16px;
}
.medium > svg,
svg.medium {
  height: 24px;
  width: 24px;
}
.large > svg,
svg.large {
  height: 32px;
  width: 32px;
}
.extra-large > svg,
svg.extra-large {
  height: 60px;
  width: 60px;
}
.extra-extra-large > svg,
svg.extra-extra-large {
  height: 75px;
  width: 75px;
}
.very-small > svg,
.micro > svg,
svg.very-small,
svg.micro {
  height: 8px;
  width: 8px;
}
.mini > svg,
svg.mini {
  height: 10px;
  width: 10px;
}
.centi > svg,
svg.centi {
  height: 14px;
  width: 14px;
}
:root {
  --emerald: #00857b;
  --blue: #1099FC;
  --gold: #ffce53;
  --purple: #716bf1;
  --red: #D71939;
  --red-light: #ff6161;
  --grey: #81a2b2;
  --grey25: rgba(129, 162, 178, 0.25);
  --grey10: rgba(129, 162, 178, 0.1);
  --grey5: rgba(129, 162, 178, 0.05);
  --midnight: #242c39;
  --slate: #47535d;
  --orange: #FFB961;
}
.space-inset-xs {
  padding: 4px;
}
.space-inset-s {
  padding: 8px;
}
.space-inset-m {
  padding: 16px;
}
.space-inset-l {
  padding: 24px;
}
.space-inset-xl {
  padding: 40px;
}
.space-inset-default {
  padding: 16px;
}
.space-inset-squish-s {
  padding: 4px 8px;
}
.space-inset-squish-m {
  padding: 8px 16px;
}
.space-inset-squish-l {
  padding: 16px 24px;
}
.space-inset-squish-default {
  padding: 8px 16px;
}
.space-stack-xs {
  margin-bottom: 4px;
}
.space-stack-s {
  margin-bottom: 8px;
}
.space-stack-m {
  margin-bottom: 16px;
}
.space-stack-l {
  margin-bottom: 24px;
}
.space-stack-xl {
  margin-bottom: 40px;
}
.space-stack-default {
  margin-bottom: 16px;
}
.space-inline-xs {
  margin-right: 4px;
}
.space-inline-s {
  margin-right: 8px;
}
.space-inline-m {
  margin-right: 16px;
}
.space-inline-l {
  margin-right: 24px;
}
.space-inline-xl {
  margin-right: 40px;
}
.space-inline-default {
  margin-right: 16px;
}
.border-radius-xs {
  border-radius: 4px;
}
:root {
  --space-base: 8px;
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 40px;
  --space-default: 16px;
}
/* ------------------------------------------------------------------
[Table of contents]

= Font family
= Font weights
= Type hierarchy
    - Font size variables
    - Line height variables
= List styles
= Text link styles
= Horizontal rule styles
------------------------------------------------------------------- */
/*
* === FONT FAMILY ===
*/
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.eot");
  src: url("/Assets/fonts/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.eot");
  src: url("/Assets/fonts/CalibreWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-MediumItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot");
  src: url("/Assets/fonts/CalibreWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Bold.eot");
  src: url("/Assets/fonts/CalibreWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-Bold.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-Bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.eot");
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/Assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2"), url("/Assets/fonts/CalibreWeb-BoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "calibre-legacy";
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}
.sans {
  font-family: "calibre-legacy", sans-serif;
}
.open-sans {
  font-family: "calibre-legacy", sans-serif;
}
.calibre {
  font-family: "calibre-legacy", sans-serif;
}
/*
* === FONT WEIGHTS ===
*/
.italic {
  font-style: italic;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 600;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
/*
* === TYPE HIERARCHY ===
*/
.text-h1 {
  font-size: 64px;
  line-height: 1.2;
  padding: 0.65em 0 0.2em 0;
  letter-spacing: -1px;
  font-weight: 700;
}
.text-h2 {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
}
.text-h3 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
}
.text-h4 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
}
.text-h5 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 600;
}
.text-h6 {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 600;
}
.text-medium-label {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.text-context-label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.text-small-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.kl-opt-in-lowercase-label .text-small-label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.text-large-label {
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.text-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
}
.text-paragraph {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
}
/*
* === TEXT LINK STYLES ===
*/
.text-link {
  font-weight: 400;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid rgba(0, 133, 123, 0.5);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.text-link:hover {
  color: #242c39;
  border-bottom: 2px solid #00857b;
}
.text-link:visited {
  color: inherit;
}
.text-link-white {
  font-weight: 400;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.text-link-white:hover {
  border-bottom: 2px solid white;
}
.text-link-white:visited {
  color: inherit;
}
.text-button {
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #00857b;
}
.text-button:hover,
.text-button:visited {
  color: #00857b;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "kl-calibre";
  src: url("/Assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
:root {
  --heading-size-1: 80px;
  --heading-size-2: 50px;
  --heading-size-3: 32px;
  --heading-size-4: 24px;
  --heading-size-5: 20px;
  --text-size-xl: 24px;
  --text-size-l: 20px;
  --text-size-m: 18px;
  --text-size-s: 16px;
  --text-size-xs: 14px;
  --label-size-l: 16px;
  --label-size-m: 14px;
  --label-size-s: 12px;
}
@media (max-width: 1024px) {
  :root {
    --heading-size-1: 60px;
    --heading-size-2: 44px;
    --heading-size-3: 28px;
    --heading-size-4: 22px;
    --heading-size-5: 18px;
  }
}
@media (max-width: 800px) {
  :root {
    --heading-size-1: 44px;
    --heading-size-2: 34px;
    --heading-size-3: 26px;
    --heading-size-4: 20px;
    --heading-size-5: 17px;
  }
}
.fade-enter {
  opacity: 0.01;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade-leave {
  opacity: 1;
}
.fade-leave.fade-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade.ng-enter {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.fade.ng-leave {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-out, X;
  -moz-transition: opacity 200ms ease-out, X;
  -o-transition: opacity 200ms ease-out, X;
  transition: opacity 200ms ease-out, X;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes load8{ 0% {   -webkit-transform: rotate(0deg); } 100% {   -webkit-transform: rotate(360deg); }}
@-moz-keyframes load8{ 0% {   -moz-transform: rotate(0deg); } 100% {   -moz-transform: rotate(360deg); }}
@-o-keyframes load8{ 0% {   -o-transform: rotate(0deg); } 100% {   -o-transform: rotate(360deg); }}
@keyframes load8{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); };
}
.circle-loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.circle-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.bounce-up {
  -webkit-animation-name: bounce-up;
  -moz-animation-name: bounce-up;
  -o-animation-name: bounce-up;
  animation-name: bounce-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes bounce-up{ 0% {   -webkit-transform: translateY(8px); } 100% {   -webkit-transform: translateY(0px); }}
@-moz-keyframes bounce-up{ 0% {   -moz-transform: translateY(8px); } 100% {   -moz-transform: translateY(0px); }}
@-o-keyframes bounce-up{ 0% {   -o-transform: translateY(8px); } 100% {   -o-transform: translateY(0px); }}
@keyframes bounce-up{ 0% {-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-ms-transform: translateY(8px);transform: translateY(8px); } 100% {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); };
}
.scale-up {
  -webkit-animation-name: scale-up;
  -moz-animation-name: scale-up;
  -o-animation-name: scale-up;
  animation-name: scale-up;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes scale-up{ 0% {   -webkit-transform: scale(0.7); } 100% {   -webkit-transform: scale(1.0); }}
@-moz-keyframes scale-up{ 0% {   -moz-transform: scale(0.7); } 100% {   -moz-transform: scale(1.0); }}
@-o-keyframes scale-up{ 0% {   -o-transform: scale(0.7); } 100% {   -o-transform: scale(1.0); }}
@keyframes scale-up{ 0% {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7); } 100% {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0); };
}
.pop-right {
  -webkit-animation-name: pop-right;
  -moz-animation-name: pop-right;
  -o-animation-name: pop-right;
  animation-name: pop-right;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -moz-animation: none;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes pop-right{ 0% {   -webkit-transform: translate(-6px,6px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes pop-right{ 0% {   -moz-transform: translate(-6px,6px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes pop-right{ 0% {   -o-transform: translate(-6px,6px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes pop-right{ 0% {-webkit-transform: translate(-6px,6px);-moz-transform: translate(-6px,6px);-ms-transform: translate(-6px,6px);transform: translate(-6px,6px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-left {
  -webkit-animation: slide-left, X;
  -moz-animation: slide-left, X;
  -o-animation: slide-left, X;
  animation: slide-left, X;
  -webkit-animation: slide-left;
  -moz-animation: slide-left;
  -o-animation: slide-left;
  animation: slide-left;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-left{ 0% {   -webkit-transform: translate(10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-left{ 0% {   -moz-transform: translate(10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-left{ 0% {   -o-transform: translate(10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-left{ 0% {-webkit-transform: translate(10px,0px);-moz-transform: translate(10px,0px);-ms-transform: translate(10px,0px);transform: translate(10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.slide-right {
  -webkit-animation: slide-right, X;
  -moz-animation: slide-right, X;
  -o-animation: slide-right, X;
  animation: slide-right, X;
  -webkit-animation: slide-right;
  -moz-animation: slide-right;
  -o-animation: slide-right;
  animation: slide-right;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-right{ 0% {   -webkit-transform: translate(-10px,0px); } 100% {   -webkit-transform: translate(0px,0px); }}
@-moz-keyframes slide-right{ 0% {   -moz-transform: translate(-10px,0px); } 100% {   -moz-transform: translate(0px,0px); }}
@-o-keyframes slide-right{ 0% {   -o-transform: translate(-10px,0px); } 100% {   -o-transform: translate(0px,0px); }}
@keyframes slide-right{ 0% {-webkit-transform: translate(-10px,0px);-moz-transform: translate(-10px,0px);-ms-transform: translate(-10px,0px);transform: translate(-10px,0px); } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); };
}
.fade-in-left {
  -webkit-animation: fade-in-left, X;
  -moz-animation: fade-in-left, X;
  -o-animation: fade-in-left, X;
  animation: fade-in-left, X;
  -webkit-animation: fade-in-left;
  -moz-animation: fade-in-left;
  -o-animation: fade-in-left;
  animation: fade-in-left;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-left{ 0% {   -webkit-transform: translate(30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-left{ 0% {   -moz-transform: translate(30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-left{ 0% {   -o-transform: translate(30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-left{ 0% {-webkit-transform: translate(30px,0px);-moz-transform: translate(30px,0px);-ms-transform: translate(30px,0px);transform: translate(30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-right {
  -webkit-animation: fade-in-right, X;
  -moz-animation: fade-in-right, X;
  -o-animation: fade-in-right, X;
  animation: fade-in-right, X;
  -webkit-animation: fade-in-right;
  -moz-animation: fade-in-right;
  -o-animation: fade-in-right;
  animation: fade-in-right;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-right{ 0% {   -webkit-transform: translate(-30px,0px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-right{ 0% {   -moz-transform: translate(-30px,0px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-right{ 0% {   -o-transform: translate(-30px,0px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-right{ 0% {-webkit-transform: translate(-30px,0px);-moz-transform: translate(-30px,0px);-ms-transform: translate(-30px,0px);transform: translate(-30px,0px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.spring-up {
  -webkit-animation: spring-up, X;
  -moz-animation: spring-up, X;
  -o-animation: spring-up, X;
  animation: spring-up, X;
  -webkit-animation: spring-up;
  -moz-animation: spring-up;
  -o-animation: spring-up;
  animation: spring-up;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -moz-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -o-animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  animation-timing-function: cubic-bezier(0.03, 0.46, 0.34, 1.03);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes spring-up{ 0% {   -webkit-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -webkit-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -webkit-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-moz-keyframes spring-up{ 0% {   -moz-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -moz-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -moz-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@-o-keyframes spring-up{ 0% {   -o-transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {   -o-transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {   -o-transform: translateY(0px) rotateZ(0deg);   opacity: 1; }}
@keyframes spring-up{ 0% {-webkit-transform: translateY(50px) rotateZ(-10deg);-moz-transform: translateY(50px) rotateZ(-10deg);-ms-transform: translateY(50px) rotateZ(-10deg);transform: translateY(50px) rotateZ(-10deg);   opacity: 0; } 25% {-webkit-transform: translateY(-5px) rotateZ(10deg);-moz-transform: translateY(-5px) rotateZ(10deg);-ms-transform: translateY(-5px) rotateZ(10deg);transform: translateY(-5px) rotateZ(10deg);   opacity: 1; } 100% {-webkit-transform: translateY(0px) rotateZ(0deg);-moz-transform: translateY(0px) rotateZ(0deg);-ms-transform: translateY(0px) rotateZ(0deg);transform: translateY(0px) rotateZ(0deg);   opacity: 1; };
}
.hop-right {
  -webkit-animation-name: hop-right;
  -moz-animation-name: hop-right;
  -o-animation-name: hop-right;
  animation-name: hop-right;
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes hop-right{ 0% { -webkit-transform: translate(0px,0px); } 100% { -webkit-transform: translate(3px,-3px); }}
@-moz-keyframes hop-right{ 0% { -moz-transform: translate(0px,0px); } 100% { -moz-transform: translate(3px,-3px); }}
@-o-keyframes hop-right{ 0% { -o-transform: translate(0px,0px); } 100% { -o-transform: translate(3px,-3px); }}
@keyframes hop-right{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px); } 100% {-webkit-transform: translate(3px,-3px);-moz-transform: translate(3px,-3px);-ms-transform: translate(3px,-3px);transform: translate(3px,-3px); };
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  -moz-animation-name: fade-in-up;
  -o-animation-name: fade-in-up;
  animation-name: fade-in-up;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-up{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-up{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-up{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-up{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,30px);-moz-transform: translate(0px,30px);-ms-transform: translate(0px,30px);transform: translate(0px,30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  -moz-animation-name: fade-in-down;
  -o-animation-name: fade-in-down;
  animation-name: fade-in-down;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in-down{ 0% {   -webkit-transform: translate(0px,0px);   opacity: 0; } 5% {   -webkit-transform: translate(0px,-30px);   opacity: 0; } 100% {   -webkit-transform: translate(0px,0px);   opacity: 1; }}
@-moz-keyframes fade-in-down{ 0% {   -moz-transform: translate(0px,0px);   opacity: 0; } 5% {   -moz-transform: translate(0px,-30px);   opacity: 0; } 100% {   -moz-transform: translate(0px,0px);   opacity: 1; }}
@-o-keyframes fade-in-down{ 0% {   -o-transform: translate(0px,0px);   opacity: 0; } 5% {   -o-transform: translate(0px,-30px);   opacity: 0; } 100% {   -o-transform: translate(0px,0px);   opacity: 1; }}
@keyframes fade-in-down{ 0% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 0; } 5% {-webkit-transform: translate(0px,-30px);-moz-transform: translate(0px,-30px);-ms-transform: translate(0px,-30px);transform: translate(0px,-30px);   opacity: 0; } 100% {-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);   opacity: 1; };
}
.animation-duration-s {
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
}
.animation-duration-m {
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
}
.animation-duration-l {
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
}
.animation-standard {
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.animation-entry {
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
}
.animation-exit {
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
}
/**
  * Qwilr-idiomatic focus ring for controls.
  */
.control-focus-ring {
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
}
.control-focus-ring::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.control-focus-ring:focus {
  outline-color: #1099FC;
}
.control-focus-ring:focus::after {
  outline-color: white;
}
.control-focus-ring:focus:not(:focus-visible),
.control-focus-ring:active {
  outline-color: transparent;
}
.control-focus-ring:focus:not(:focus-visible)::after,
.control-focus-ring:active::after {
  outline-color: transparent;
}
.control-focus-ring::-moz-focus-inner {
  border: 0;
}
:root {
  --control-focus-ring-size: 3px;
  --control-size-x-small: 24px;
  --control-size-small: 32px;
  --control-size-medium: 40px;
  --control-size-large: 62px;
}
/*
  Button-specific mixins that allow us to cook
  our own buttons. In general, prefer remixing
  the Button component unless the design
  wants a customised button.
  ================= */
.button-reset {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
}
.button-disabled-workaround[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
/**
  Bundles together required mixins for a valid and accessible
  custom button.
*/
.button-mixin {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
}
.button-mixin[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.button-mixin::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.button-mixin:focus {
  outline-color: #1099FC;
}
.button-mixin:focus::after {
  outline-color: white;
}
.button-mixin:focus:not(:focus-visible),
.button-mixin:active {
  outline-color: transparent;
}
.button-mixin:focus:not(:focus-visible)::after,
.button-mixin:active::after {
  outline-color: transparent;
}
.button-mixin::-moz-focus-inner {
  border: 0;
}
.alert {
  padding: 16px;
  background: rgba(129, 162, 178, 0.05);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.alert--centre-aligned {
  align-items: center;
}
.alert--error-type {
  color: #D71939;
  background: rgba(255, 97, 97, 0.05);
}
.alert--theme-dark {
  background: #47535d;
}
.alert__body {
  display: flex;
  flex-direction: column;
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  color: #47535d;
  margin-bottom: 0;
}
.alert__body--error-type {
  color: #D71939;
}
.alert__body--theme-dark {
  color: white;
}
.alert__body--centre-aligned {
  text-align: center;
}
.alert__heading {
  position: relative;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.alert__heading--dismissable {
  padding-right: 32px;
}
.alert__heading--theme-dark {
  color: white;
}
.alert__icon-warning {
  border-radius: 50%;
  background-color: rgba(255, 97, 97, 0.25);
}
.alert__icon {
  margin-right: 8px;
}
.alert__dismiss {
  position: absolute;
  right: -8px;
  top: -8px;
}
.avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: rgba(129, 162, 178, 0.25);
  color: #81a2b2;
}
.avatar--team {
  background: #242c39;
  color: white;
}
.avatar--account {
  background: white;
}
.avatar--small {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
}
.avatar--large {
  height: 52px;
  width: 52px;
  min-height: 52px;
  min-width: 52px;
}
.avatar__invite {
  border: 2px solid white;
  border-radius: 100%;
  position: absolute;
  background-color: #00857b;
  top: -2px;
  right: -2px;
  color: white;
}
.avatar__invite svg {
  width: 12px;
  height: 12px;
}
.avatar--large .avatar__invite svg {
  width: 18px;
  height: 18px;
}
.avatar__image {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.badge {
  background: rgba(113, 107, 241, 0.25);
  border-radius: 15px;
  line-height: 17px;
  display: flex;
  justify-content: center;
}
.badge__text {
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px;
}
.badge__text--primary {
  color: #716bf1;
}
.card {
  --shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
  position: relative;
  display: block;
  border-radius: 8px;
  width: 100%;
  border: 0;
  box-shadow: var(--shadow);
}
.card--clickable {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.card--clickable::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.card--clickable:focus {
  outline-color: #1099FC;
}
.card--clickable:focus::after {
  outline-color: white;
}
.card--clickable:focus:not(:focus-visible),
.card--clickable:active {
  outline-color: transparent;
}
.card--clickable:focus:not(:focus-visible)::after,
.card--clickable:active::after {
  outline-color: transparent;
}
.card--clickable::-moz-focus-inner {
  border: 0;
}
.card--light {
  background: white;
  color: #242c39;
}
.card--light.card--clickable:hover {
  box-shadow: var(--shadow), 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.card--light.card--draggable:hover {
  box-shadow: var(--shadow), 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
}
.card--dark {
  background: #242c39;
  color: white;
}
.card--dark.card--clickable:hover {
  box-shadow: var(--shadow), 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.card--dark.card--draggable:hover {
  box-shadow: var(--shadow), inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 4px 24px rgba(0, 0, 0, 0.1), 0 40px 80px -24px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.16), 0 20px 50px -16px rgba(0, 0, 0, 0.3);
}
.card--level-0 {
  --shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.card--level-1 {
  --shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(36, 44, 57, 0.1);
}
.card--level-2 {
  --shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
}
.card--dark.card--level-0 {
  --shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.1);
}
.card--dark.card--level-1 {
  --shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(36, 44, 57, 0.2);
}
.card--dark.card--level-2 {
  --shadow: inset 0 1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.16), 0 20px 36px -10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.12), 0 8px 20px -6px rgba(0, 0, 0, 0.12);
}
.dropdown {
  position: relative;
}
.dropdown * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown__button {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  justify-content: space-between;
  cursor: pointer;
  outline: none;
  -webkit-transition: border 0.15s ease-out, X;
  -moz-transition: border 0.15s ease-out, X;
  -o-transition: border 0.15s ease-out, X;
  transition: border 0.15s ease-out, X;
  -webkit-transition: border 0.15s ease-out;
  -moz-transition: border 0.15s ease-out;
  -o-transition: border 0.15s ease-out;
  transition: border 0.15s ease-out;
}
.dropdown__button:focus {
  border: 1px solid #81a2b2;
}
.dropdown__button--small {
  min-height: 32px;
  padding: 8px;
}
.dropdown__button--medium {
  min-height: 40px;
  padding: 8px;
}
.dropdown__button--large {
  min-height: 62px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-bottom: 0;
  padding: 16px;
}
.dropdown__button--toggled {
  -webkit-border-radius: 2px 2px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
}
.dropdown__label {
  margin-bottom: 4px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.kl-opt-in-lowercase-label .dropdown__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.dropdown__label--long {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 8px;
}
.dropdown__name {
  width: 100%;
  font-family: "calibre-legacy", sans-serif;
  color: #47535d;
  margin-right: 4px;
  user-select: none;
}
.dropdown__name--small {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.dropdown__name--medium {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.dropdown__name--large {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
}
.dropdown__name--placeholder {
  color: rgba(129, 162, 178, 0.5);
}
.dropdown__arrow {
  color: #81a2b2;
}
.dropdown__menu.panel {
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
}
.dropdown--dark .dropdown__button {
  background: #242c39;
}
.dropdown--dark .dropdown__name {
  color: white;
}
.dropdown--dark .dropdown__arrow {
  color: white;
}
.dropdown--dark .dropdown__label {
  color: white;
}
.dropdown-item {
  cursor: pointer;
  height: 40px;
  padding: 3px 10px;
  background-color: white;
  -webkit-transition: background-color 0.15s ease-out, X;
  -moz-transition: background-color 0.15s ease-out, X;
  -o-transition: background-color 0.15s ease-out, X;
  transition: background-color 0.15s ease-out, X;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
}
.dropdown-item--disable {
  pointer-events: none;
}
.dropdown-item:hover {
  background-color: #f2f6f7;
}
.dropdown-item--dark {
  background-color: #242c39;
}
.dropdown-item--dark:hover {
  background-color: #2d3845;
}
.dropdown-item--dark .dropdown-item__name {
  color: white;
}
.dropdown-item--dark .dropdown-item__name--disable {
  color: #8eabba;
}
.dropdown-item--dark .dropdown-item__tick {
  fill: white;
}
.dropdown-item__name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.kl-opt-in-lowercase-label .dropdown-item__name {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.dropdown-item__name--disable {
  color: rgba(129, 162, 178, 0.25);
}
.dropdown-item__tick {
  fill: #00857b;
}
.dropdown-item__tick--disable {
  fill: rgba(129, 162, 178, 0.25);
}
.empty-state-blocks {
  width: 100px;
  height: 72px;
  opacity: 0;
  animation: empty-state-blocks__fade-in 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98) forwards;
}
@keyframes empty-state-blocks__fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes empty-state-blocks__rocking-red {
  0% {
    transform-origin: 74px 36px;
    transform: rotateZ(0deg) translateY(0);
    animation-timing-function: cubic-bezier(0.62, 0.01, 0.55, 0.99);
  }
  33% {
    transform-origin: 85.1px 36px;
    transform: rotateZ(58deg) translateY(1.1px);
    animation-timing-function: cubic-bezier(0.54, -0.08, 0.51, 1);
  }
  55.6% {
    transform-origin: 83px 36px;
    transform: rotateZ(30deg) translateY(2.4px);
    animation-timing-function: cubic-bezier(0.52, -0.08, 0.7, 0.99);
  }
  75% {
    transform-origin: 83.5px 36px;
    transform: rotateZ(52deg) translateY(0.7px);
    animation-timing-function: cubic-bezier(0.53, -0.02, 0.68, 0.91);
  }
  90% {
    transform-origin: 81.5px 36px;
    transform: rotateZ(41.8deg) translateY(0.5px);
    animation-timing-function: cubic-bezier(0.52, 0.06, 0.65, 0.99);
  }
  100% {
    transform-origin: 81.5px 36px;
    transform: rotateZ(45deg) translateY(0);
  }
}
@keyframes empty-state-blocks__bounce-purple {
  0% {
    transform: translateY(-35px);
    animation-timing-function: cubic-bezier(0.85, 0.01, 0.83, 0.92);
  }
  70% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.23, 0.27, 0.79, 0.91);
  }
  85% {
    transform: translateY(-2px);
    animation-timing-function: cubic-bezier(0.32, 0.2, 0.75, 0.99);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes empty-state-blocks__trace-stroke {
  0% {
    stroke-dashoffset: -40.5px;
    animation-timing-function: cubic-bezier(0.7, -0.02, 0.72, 0.8);
  }
  24% {
    stroke-dashoffset: -31.5px;
    animation-timing-function: cubic-bezier(0.62, 0.08, 0.76, 0.87);
  }
  56% {
    stroke-dashoffset: -8.2px;
    animation-timing-function: cubic-bezier(0.16, 0.24, 0.34, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.empty-state-blocks__red {
  animation: empty-state-blocks__rocking-red 2.4s 0.667s forwards;
  fill: #D71939;
}
.empty-state-blocks__purple {
  animation: empty-state-blocks__bounce-purple 1s 0.42s forwards;
  transform: translateY(-35px);
  fill: #716bf1;
}
.empty-state-blocks__blue {
  fill: #1099FC;
}
.empty-state-blocks__grey {
  animation: empty-state-blocks__trace-stroke 1.6s 0.46s forwards;
  stroke: #81a2b2;
  stroke-dashoffset: -40.5px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 9;
  stroke-dasharray: 0.1 500;
}
.empty-state-blocks__gold {
  fill: #ffce53;
}
@media (prefers-reduced-motion: reduce) {
  .empty-state-blocks__red,
  .empty-state-blocks__purple,
  .empty-state-blocks__grey {
    animation: none;
  }
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  padding: 80px;
}
.empty-state--dashed {
  border: 2px dashed rgba(129, 162, 178, 0.25);
}
.empty-state__content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.empty-state__image {
  margin: 16px;
}
.empty-state__title {
  margin-bottom: 8px;
}
.form--kl {
  width: 368px;
  padding: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.form--kl.form--wide {
  width: 448px;
}
.form__spacer {
  margin-bottom: 24px;
}
.form__button-spacer {
  margin-top: 40px;
}
.form__button-with-prompt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.form__button-with-prompt--with-enter-key {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.form__button-with-prompt--single-action .form__button {
  min-width: 156px;
}
.form__enter-key {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: rgba(71, 83, 93, 0.5);
  margin-left: 16px;
}
.form__other-for-dropdown {
  margin-top: 8px;
}
.ghost-animation {
  background: linear-gradient(90deg, rgba(129, 162, 178, 0.25), rgba(129, 162, 178, 0.1), rgba(129, 162, 178, 0.25));
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite;
  animation: ghost-block-pulse 2s ease-in-out infinite;
  background-size: 600% 600%;
}
@keyframes ghost-block-pulse {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: -20% 0%;
  }
}
.ghost-block {
  border-radius: 4px;
  min-height: 14px;
  cursor: default;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(129, 162, 178, 0.25), rgba(129, 162, 178, 0.1), rgba(129, 162, 178, 0.25));
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite, X;
  animation: ghost-block-pulse 2s ease-in-out infinite, X;
  -webkit-animation: ghost-block-pulse 2s ease-in-out infinite;
  -moz-animation: ghost-block-pulse 2s ease-in-out infinite;
  -o-animation: ghost-block-pulse 2s ease-in-out infinite;
  animation: ghost-block-pulse 2s ease-in-out infinite;
  background-size: 600% 600%;
}
.option-group__label {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
  min-height: 8px;
}
.kl-opt-in-lowercase-label .option-group__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.option-group__content {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.option-group__content .kl-tooltip-target,
.option-group__content .kl-tooltip-target__wrapper {
  width: 100%;
  height: 100%;
}
.option-group__content--small {
  border-radius: 4px;
  height: 36px;
}
.option-group__content--large {
  border-radius: 4px;
  height: 58px;
}
.option-group__icon {
  -webkit-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: fill 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  pointer-events: none;
  fill: #81a2b2;
}
.option-group__button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  width: 100%;
  color: #81a2b2;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.option-group__button--first {
  border-radius: 4px 0 0 4px;
}
.option-group__button--last {
  border-radius: 0 4px 4px 0;
}
.option-group__button:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.option-group__button--selected:focus {
  box-shadow: inset 0 0 0 3px rgba(71, 83, 93, 0.5);
}
.option-group__button::-moz-focus-inner {
  border: 0;
}
.option-group__button:active {
  box-shadow: none;
}
.option-group__button--selected {
  background: #1099FC;
  color: white;
}
.option-group__button--selected .option-group__icon {
  fill: white;
}
.option-group__button:not(.option-group__button--selected):hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.option-group__button--small {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  font-weight: 600;
}
.option-group__button--large {
  flex-basis: 100%;
  font-size: 24px;
  line-height: 29px;
}
.option-group__button-content {
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.option-group__button--small + .option-group__button--small,
.option-group .tooltip-target + .tooltip-target {
  border-left: 1px solid rgba(129, 162, 178, 0.1);
}
.option-group__button--large + .option-group__button--large {
  border-left: 1px solid rgba(129, 162, 178, 0.2);
}
.pagination-buttons {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 16px;
  align-items: center;
  justify-content: center;
}
.popover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  outline: none;
}
.popover:focus::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
  border-radius: 8px;
}
.popover:active::before {
  box-shadow: none;
}
.popover__caret {
  position: absolute;
  transform-origin: center;
  background-color: white;
  border-color: rgba(129, 162, 178, 0.25);
  border-width: 0;
  border-style: solid;
}
.popover__caret--top {
  transform: translate3d(50%, -50%, 0) rotate(45deg);
  border-right-width: 1px;
  border-bottom-width: 1px;
  margin-top: -1px;
}
.popover__caret--right {
  transform: translate3d(50%, 50%, 0) rotate(45deg);
  border-bottom-width: 1px;
  border-left-width: 1px;
  margin-left: -1px;
}
.popover__caret--bottom {
  transform: translate3d(50%, 50%, 0) rotate(45deg);
  border-top-width: 1px;
  border-left-width: 1px;
  margin-top: -1px;
}
.popover__caret--left {
  transform: translate3d(-50%, 50%, 0) rotate(45deg);
  border-top-width: 1px;
  border-right-width: 1px;
  margin-left: -1px;
}
.popover__caret--dark {
  background-color: #242c39;
}
.popover__panel.popover__panel.popover__panel {
  position: relative;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
  max-height: calc(100vh - 32px);
  max-width: calc(100vw - 32px);
  display: flex;
}
@media (prefers-reduced-motion: no-preference) {
  .popover__panel.popover__panel.popover__panel {
    transition-property: opacity, transform;
  }
  .popover__panel.popover__panel.popover__panel--top {
    transform: translate3d(0, 8px, 0);
  }
  .popover__panel.popover__panel.popover__panel--right {
    transform: translate3d(-8px, 0, 0);
  }
  .popover__panel.popover__panel.popover__panel--bottom {
    transform: translate3d(0, -8px, 0);
  }
  .popover__panel.popover__panel.popover__panel--left {
    transform: translate3d(8px, 0, 0);
  }
}
.popover__panel.popover__panel.popover__panel--entering,
.popover__panel.popover__panel.popover__panel--entered {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.popover__panel.popover__panel.popover__panel--dark {
  color: white;
}
.popover__panel.popover__panel.popover__panel--small {
  width: 250px;
}
.popover__panel.popover__panel.popover__panel--medium {
  width: 300px;
}
.popover__panel.popover__panel.popover__panel--large {
  width: 400px;
}
.popover__panel-scroll {
  position: relative;
  overflow-y: auto;
  width: 100%;
}
.popover__panel-content {
  width: 100%;
}
.popover__panel-content--padding-small {
  padding: 16px;
}
.popover__panel-content--padding-medium {
  padding: 24px;
}
.slider-input__input-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}
.slider-input__text-input,
.slider-input input[type=text] {
  height: 18px;
  width: 32px;
  text-align: center;
  mix-blend-mode: normal;
  border: none;
  border-radius: 2px;
  padding: 0;
  line-height: normal;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  font-weight: bold;
  background: transparent;
  border-bottom: 2px solid rgba(129, 162, 178, 0.25);
  -webkit-transition: border-bottom 0.15s ease-out, X;
  -moz-transition: border-bottom 0.15s ease-out, X;
  -o-transition: border-bottom 0.15s ease-out, X;
  transition: border-bottom 0.15s ease-out, X;
  -webkit-transition: border-bottom 0.15s ease-out;
  -moz-transition: border-bottom 0.15s ease-out;
  -o-transition: border-bottom 0.15s ease-out;
  transition: border-bottom 0.15s ease-out;
}
.slider-input__text-input:focus,
.slider-input input[type=text]:focus,
.slider-input__text-input:active,
.slider-input input[type=text]:active {
  border-bottom: 2px solid #1099FC;
  outline: none;
}
.slider-input__unit {
  margin-left: 5px;
}
.slider-input__label {
  line-height: normal;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #47535d;
  font-weight: bold;
}
.slider-input.slider-input--dark input[type=text].slider-input__text-input {
  color: white;
}
.slider-input.slider-input--dark .slider-input__label {
  color: white;
}
.slider-input.slider-input--dark .slider-input__unit {
  color: rgba(255, 255, 255, 0.5);
}
input[type=range].slider-input__range-input {
  outline: none;
  background: transparent;
}
input[type=range].slider-input__range-input:hover {
  cursor: pointer;
}
input[type=range].slider-input__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  -webkit-transition: all 0.1s ease-out, X;
  -moz-transition: all 0.1s ease-out, X;
  -o-transition: all 0.1s ease-out, X;
  transition: all 0.1s ease-out, X;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range].slider-input__range-input::-moz-range-thumb {
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  -webkit-transition: all 0.1s ease-out, X;
  -moz-transition: all 0.1s ease-out, X;
  -o-transition: all 0.1s ease-out, X;
  transition: all 0.1s ease-out, X;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range].slider-input__range-input::-ms-thumb {
  width: 15px;
  height: 15px;
  margin-top: -6px;
  -webkit-transition: all 0.1s ease-out, X;
  -moz-transition: all 0.1s ease-out, X;
  -o-transition: all 0.1s ease-out, X;
  transition: all 0.1s ease-out, X;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range].slider-input__range-input:hover::-webkit-slider-thumb {
  cursor: grab;
}
input[type=range].slider-input__range-input:hover::-moz-range-thumb {
  cursor: grab;
}
input[type=range].slider-input__range-input:hover::-ms-thumb {
  cursor: grab;
}
input[type=range].slider-input__range-input:focus::-webkit-slider-thumb {
  cursor: grabbing;
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
input[type=range].slider-input__range-input:focus::-moz-range-thumb {
  cursor: grabbing;
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
input[type=range].slider-input__range-input:focus::-ms-thumb {
  cursor: grabbing;
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
input[type=range].slider-input__range-input:focus:not(:focus-visible)::-webkit-slider-thumb {
  box-shadow: none;
}
input[type=range].slider-input__range-input:focus:not(:focus-visible)::-moz-range-thumb {
  box-shadow: none;
}
input[type=range].slider-input__range-input:focus:not(:focus-visible)::-ms-thumb {
  box-shadow: none;
}
input[type=range].slider-input__range-input::-webkit-slider-runnable-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-moz-range-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-ms-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-webkit-slider-runnable-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-moz-range-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input::-ms-track {
  border-radius: 1.5px;
  height: 3px;
  background: #1099FC;
  border: none;
}
input[type=range].slider-input__range-input--dark::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-ms-thumb {
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
input[type=range].slider-input__range-input--dark::-ms-thumb {
  box-shadow: 0 0 0 2px rgba(36, 44, 57, 0.75);
}
.step-count {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.step-count__step {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: rgba(129, 162, 178, 0.5);
  transition: all 150ms ease-out;
  color: #47535d;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.step-count__step-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.step-count__step--current {
  width: 32px;
  height: 32px;
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.step-count--raised .step-count__step--current {
  border: none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(36, 44, 57, 0.1);
}
.step-count__step--previous {
  cursor: pointer;
}
.step-count__step-enter {
  z-index: -1;
  margin-left: -34px;
  opacity: 0;
}
.step-count__step-enter-active {
  margin-left: 0;
  opacity: 1;
  transition: all 500ms ease;
}
.step-count__step-exit {
  z-index: -1;
  margin-left: 0;
  opacity: 1;
}
.step-count__step-exit-active {
  margin-left: -34px;
  opacity: 0;
  transition: all 500ms ease;
}
.step-count__line {
  width: 24px;
  height: 1px;
  background: rgba(129, 162, 178, 0.5);
}
.tabs {
  display: grid;
  grid-gap: 16px;
  align-content: flex-start;
}
.tabs--gapless {
  grid-gap: 0;
}
.tabs__tab-list--bordered {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.tabs__tab-list-inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
.tabs__tab-list-items {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 4px;
}
.tabs__tab-list-items--align-start {
  justify-content: flex-start;
}
.tabs__tab-list-items--align-center {
  justify-content: center;
}
.tabs__tab-list-items--align-end {
  justify-content: flex-end;
}
.tabs__indicator {
  position: absolute;
  bottom: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background-color: #1099FC;
  transition-property: transform, width;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transform-origin: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .tabs__indicator {
    transition-property: none;
  }
}
.tabs__tab {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  border: 0;
  margin: 0;
  padding: 8px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  color: #47535d;
  white-space: nowrap;
  font-family: inherit;
  border-radius: 4px;
  transition: background-color 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.tabs__tab::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 3px;
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.tabs__tab:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.tabs__tab:focus {
  outline: none;
}
.tabs__tab:focus::before {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.tabs__tab:active::before {
  box-shadow: none;
}
.tabs__tab::-moz-focus-inner {
  border: 0;
}
.tabs__tab-panels {
  display: grid;
  grid-template-columns: 100%;
  align-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}
.tabs__tab-panels--animating {
  transition: height 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panels--animating {
    transition-property: none;
  }
}
.tabs__tab-panel {
  grid-area: 1 / 1;
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition-duration: 150ms;
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panel {
    transition-property: opacity;
  }
}
.tabs__tab-panel:focus {
  outline: none;
}
.tabs__tab-panel--previous {
  transform: translate3d(-40px, 0, 0);
}
.tabs__tab-panel--next {
  transform: translate3d(40px, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .tabs__tab-panel--previous,
  .tabs__tab-panel--next {
    transform: none;
  }
}
.tabs__tab-panel--entering,
.tabs__tab-panel--entered {
  opacity: 1;
}
.truncated-text {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.truncated-text__hidden-text {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.truncated-text__ghost-text {
  opacity: 0;
}
.truncated-text__display-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.kl-token {
  display: inline-block;
  max-width: 100%;
  padding: 0 8px;
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 41.5px;
}
.kl-token--light {
  background: #c0e4fe;
  color: #47535d;
}
.kl-token--light .kl-token--dragging {
  background: #8ecffe;
}
.kl-token--dark {
  background: rgba(16, 153, 252, 0.25);
  color: white;
}
.kl-token--dark .kl-token--dragging {
  background: rgba(16, 153, 252, 0.5);
}
.kl-token--draggable {
  -webkit-transition: -webkit-box-shadow 0.15s ease-out;
  -moz-transition: -moz-box-shadow 0.15s ease-out;
  -webkit-transition: box-shadow 0.15s ease-out, X;
  -moz-transition: box-shadow 0.15s ease-out, X;
  -o-transition: box-shadow 0.15s ease-out, X;
  transition: box-shadow 0.15s ease-out, X;
  -webkit-transition: box-shadow 0.15s ease-out;
  -moz-transition: box-shadow 0.15s ease-out;
  -o-transition: box-shadow 0.15s ease-out;
  transition: box-shadow 0.15s ease-out;
}
.kl-token--draggable:hover {
  box-shadow: 0 2px 2px rgba(36, 44, 57, 0.25);
  cursor: grab;
}
.kl-token--has-icon {
  position: relative;
  padding-left: 30px;
}
.kl-token__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  -ms-transform: translateY(-9px);
  -webkit-transform: translateY(-9px);
  -moz-transform: translateY(-9px);
  -o-transform: translateY(-9px);
  transform: translateY(-9px);
}
.kl-token__name {
  padding: 4px 0;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kl-token__hidden-drag-label {
  position: fixed;
  top: calc(-100vh - 100%);
  max-width: none;
  overflow: hidden;
}
.rainbow-bar {
  position: relative;
  height: 6px;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(270deg, #FF6161 0%, #FFB961 25%, #00A99D 50%, #33AFFF 75%, #716BF1 100%);
}
.rainbow-bar--rounded-top {
  border-radius: 8px 8px 0 0;
}
.rainbow-bar--small {
  height: 4px;
}
.folder-dropdown {
  width: 250px;
  min-height: 250px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}
.folder-dropdown > .folder-component {
  padding: 16px;
  height: 56px;
  cursor: pointer;
  overflow: hidden;
}
.folder-dropdown.parent-selected > .folder-component:hover {
  background: transparent;
}
.folder-dropdown__children {
  padding: 4px 8px;
  flex-grow: 2;
  border-top: 1px solid rgba(129, 162, 178, 0.5);
  border-bottom: 1px solid rgba(129, 162, 178, 0.5);
  max-height: 180px;
  overflow-y: auto;
}
.folder-dropdown__no-children {
  padding: 8px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #47535d;
}
.folder-dropdown .new-folder-form {
  max-height: 50px;
  overflow: hidden;
}
.folder-dropdown__controls {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  height: 56px;
  align-items: center;
  background-color: #ffffff;
  border-top: 1px solid #f2f5f7;
}
.folder-dropdown__error {
  background: rgba(255, 247, 247, 0.9);
  position: absolute;
  bottom: 66px;
  width: calc(100% - 16px);
  left: 8px;
}
@keyframes kl-form-shake {
  0% {
    transform: none;
  }
  33.33% {
    transform: translate3d(5%, 0, 0);
  }
  66.66% {
    transform: translate3d(-5%, 0, 0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .form-v2__form--has-error {
    animation: kl-form-shake 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.checkbox-container {
  margin-top: 10px;
}
.notification {
  width: 350px;
  min-height: 84px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 16px 13px 16px 24px;
  background: white;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -ms-transform: translate3d(0, -16px, 0);
  -webkit-transform: translate3d(0, -16px, 0);
  -moz-transform: translate3d(0, -16px, 0);
  -o-transform: translate3d(0, -16px, 0);
  transform: translate3d(0, -16px, 0);
  opacity: 0;
}
.notification--entering,
.notification--entered {
  opacity: 1;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.notification__icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  fill: white;
  color: white;
  margin-right: 8px;
}
.notification__icon--success {
  background: #00857b;
}
.notification__icon--error,
.notification__icon--delete {
  background: #D71939;
}
.notification__icon--info {
  background: #81a2b2;
}
.notification__body {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.notification__close {
  margin-left: 8px;
}
.user-card {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  transition: background 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: 4px;
}
.user-card--selected,
.user-card:hover {
  background-color: rgba(129, 162, 178, 0.25);
}
.user-card .avatar {
  margin-right: 16px;
}
.user-card__details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #47535d;
  white-space: nowrap;
  min-width: 0;
}
.user-card__details > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-card__name {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.user-card__email {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.user-card__spacer {
  flex: 1;
  min-width: 16px;
}
.user-card__children {
  max-height: 36px;
}
.user-card__tick {
  color: #00857b;
  flex: 0 0 auto;
}
.kl-expandable {
  height: 0;
  opacity: 0;
}
.kl-expandable--entering,
.kl-expandable--exiting {
  overflow: hidden;
  transition: height var(--duration) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration) cubic-bezier(0.4, 0, 0.2, 1), margin-bottom var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.kl-expandable--entering,
.kl-expandable--entered {
  opacity: 1;
  margin-bottom: 0;
}
.kl-expandable--entered {
  height: auto;
}
.kl-expandable--exited,
.kl-expandable--exiting {
  margin-bottom: calc(-1 * var(--expandable-gap-size, 0));
}
/* vanilla-extract-css-ns:src/tokens/tokens.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1aW2/jNhZ+7684LwUmgJ0lqRulvmw7xaAL7LTFpMU+DmSZcZTIokeXxEnR/15QV0q8RB5kFwtUKBJgzO/wXHj4HfpLryv+wPLyc5Ye7qrf7tiRff6Md1lwf48dF/74BmC7TXjGi+2pSI9x8TwsowiKw+6d4wF2ABPn6jsV/AMv9qwYTHBrQnAAhGAgTjAxSoq0SpM4G/CkwzsEXAoUadEzH05n4/qAAwKYehOrip2rAeu2WJ+AHwJGoYK8YQnP93LWXmuCEQGMMWBHNfp1VijfVqjGS50krCwHg6BLIQRMfMAOVSzex3WV8nywoF1UAQIaAnFVg3lpw86CYnAdCLFi8Us+zyPuK4uBuAiIp7r5NYsTdscz+UB2nafQARxSIBhpfCnxJZ0zz4PuR7H6MS3jXcb2g82+s0EhEOwBIf7E5o7F+zQ/DHDW5wOEQoB0WPX8b20tU9bFbZyMN+hgT6KDz+t8Z69zZ6WGlvZ2CIjrAnG1wf3GiiqVze7HC0PcEIhHtO5mPfrQX01hgcWPzmrep5lUENcB4mhTU5rh2Js1JkBmN6Iz+4k/Sm2X9wF6bRXdQGfzfVKlj+OBcXsJ00TK5dT1tbjXrgvY9xXsNKIvduoQBrNwis5C8AYKgLhYsZg3T9mahD6EBHCgGswPsmoNXAqYhoBDT7GYH2I9HqJIXlMj5QAfbUQuLJS7/NRZkBCIIzrTVWx+yd/zvCp49n2SsHxk9bP91mlMFe/P9i12cfJwKHidjxYvvYW4sASIN6X53WwQoj490c1EOdmkjW4+PrGd4CZW097rRykOxDljwKFrNv3Ak3pskH6ito2OAM8IYmKqVLKfsaZ7mGiPcBizPmBx6fUuW6NZot20xZ6okauwZ2I992H0KudyKOJ9yvJqW8QSnEaQpTmLi2H9XYj27LBR7i2gbzfzlID0H/q+IDXR6Vfg9h82nYdCoOEV+PKH3a0DOnzohIAxAuw4V4AR+nYe9K6IpV4Vw39h2Ep4852rp7R5Oo6bx9bNfRc8AtgNrpRyzLeu8zThxcg74iVhCzukgMNmiBnDLu/iPX/asow9xoLT0Lh5EkGal6wC1PyHT2dDJ8z3wOMe+wjQ6QxbYYyGDQYGg38AuhY1FWu4+xGY1qW8Sk5n8LtVTIEgcLwOoI+CjFGwCFAXAyBtDJ7w0nh3lAgQbRaJiMLxm2yQPpBNWyikbuE3a1Tk0dTD10H0eThjHrcL8xC1wlR14TarroiANmEQ15yIcOOaMmmy8NqjVXPpj6Tl+E/xPq3LnmfGbA6R2F+DnD8axfuP9sjyFCdpftiez2eJkdNIJD1HSIB7ydkAkNYfNC6k5SwCrDg4juvHCEQdputSrnkERPUvAXgEjiYDCXGKmpNTqiBBvkTgDlmwuBSI27iseF3dZPwplZijiCCpd2my3bGXlBXv0LW7AbQBdE020J9ft0VZxeJdLdFlqVgTYX6NsPjtEvE7pNNddrzO5UOtlD0wFXY0FL8dEcY17V9S+7poLoN8JnUE2EPHcoaQTuUxAoJUhFSxJ1HUAdG16E36wqbdc5aPd4KSQM/yGcsgCfMiH7OMGaMmSD5oGSPJADgCf9inecROHRESNQwwA0heHDnaASC5cKOG7VrALRfjJx1XvQgesm0SZ+muYBson8uKHbd1uoFtfDplbNt+soEfsjR/+BgnN82/P/C82sBNnMOHIs6TtEz4Bm7YgTP4/V8b+MR3vOIb+Illj0w8mOFnVovt47zclqxIb6VwEr4f24n4Edx8+Mhzvv3EDnUWFxv4yPKMb+Ajz2Ph5j3PS57F5Qb+ne5Y2wtisVmqi5QV8DN72sCR51zcLzb6amrTfQPejuONBBG4rlyjCXCcQIRG4JiBI8WTMALiG4HuCIyjhoQNQG8E7iLAgRG4Z+VDxU9yUknUTIdXDKTk9lEzCl4xkJJk8i0wGkjJ3srNajSQkj5Yq1OJN24l53wXgf8qXko5tR58h5cyvo+A0NfwUsIPERBzhTq8lG8mX3cFf+S7NGNyvkdr/B1eyje39m+Hl/Ll1jbu8FK+J+t5dXgp3y/aphYamDxVSaHtmwYmoUqt8wYlEWalLXGDkni3lifFLDAJ9hgBNgQmDx7yJL87BlwW71gmZ3DWem1hUgrPWq8tTHL6Mnf6Hya+0GyLllhHYbmZVEjBHdk+rUe3Dhb8oMJKdkx3PBufFQ4Rt1AFTkFOBIEA/fnNdafU7+PiYSbUe0uEepPqbpXqsRsAFvoemgkUbyjVmzXouVCPAw8wRUCwr2DNUr0hBYtUbyqVRayXvmsuFOubb/IBFlrgYrne9lcNo2AfBOB7gH01F4tcHwRAxZc73R8G3lKs1/sxSfWGc3lNrTf1jUGvd0JwCfhawdgg1nsURJsRrY1Rqu+/h16k01NwMOjldpNI3/xVCCOtsG+Q6DGh4PuALxLoqQckMBROq87rT9+qzXsUfAxUlYMVYd5w6EZh3tRdbyrMm9jIIs0bqOU1aV5DLVZt3kAtNnVef3z/G21ee0ktwrzu2hhUeW2L2SV5fSWWCPLIF39GVKjjvy7I25J8czUegegs32JnlOLnlV2F+L+nED/rV7sK328gi8fDBr3cq6rvZNCTVSm4XRN6OdWpyMQQ11SXXxSXqslj36jJzwPUCvKYvCrIY1MCU0H+1QRE4YhaPWzU4keMYxHi8RIh3rn6blXiVyV+VeJXJX5V4lclflXiVyV+VeJXJf7Nlfh/CkcxvDum+fYp3Vd3zcrpfNXI8Nev/h/1C9i9J4UF/N7fpyUMTy3QGccTC3TG8rZd7Tz/FUz/FVz/FWz/FXx/OeNfzvmXs/7lvH8581/O/Zez/+X8f/kEuHwGLJ4CS+fA0kmwdBYsngbL58HiibB4JiyeCn9K9Gr8M+jKriu7ruy6suvKrhezq/Zpi8kbv22t9DRlXystTdnXSkcz9rV1/ZR9rc27su/Kviv7ruz7f/W2Xdl1ZdeVXVd2Xdl19rb9C11Ai6vqRAAA */
.tokens_lightTheme__1bl7jj134 {
  --color-primary__1bl7jj10: rgb(35 13 123);
  --color-primaryBorder__1bl7jj11: rgb(217 221 237);
  --color-critical__1bl7jj12: rgb(232 48 80);
  --color-criticalBorder__1bl7jj13: rgb(246 172 185);
  --color-text__1bl7jj14: rgb(62 69 109);
  --color-textSecondary__1bl7jj15: rgb(102 111 139);
  --color-textPrimary__1bl7jj16: rgb(35 13 123);
  --color-textSuccess__1bl7jj17: rgb(29 126 138);
  --color-textCaution__1bl7jj18: rgb(170 89 24);
  --color-textCritical__1bl7jj19: rgb(181 43 91);
  --color-textOnPrimary__1bl7jj1a: rgb(241 240 254);
  --color-textPlaceholder__1bl7jj1b: rgb(193 198 210);
  --color-textOnCritical__1bl7jj1c: rgb(255 255 255);
  --color-textDisabled__1bl7jj1d: rgb(209 215 226);
  --color-heading__1bl7jj1e: rgb(24 28 70);
  --color-headingSecondary__1bl7jj1f: rgb(62 69 109);
  --color-surface__1bl7jj1g: rgb(255 255 255);
  --color-surfacePrimary__1bl7jj1h: rgb(241 240 254);
  --color-surfaceSecondary__1bl7jj1i: rgb(240 244 249);
  --color-surfaceTertiary__1bl7jj1j: rgb(246 249 252);
  --color-surfaceSuccess__1bl7jj1k: rgb(239 251 251);
  --color-surfaceCaution__1bl7jj1l: rgb(255 243 234);
  --color-surfaceCritical__1bl7jj1m: rgb(253 234 238);
  --color-surfaceHover__1bl7jj1n: rgb(235 240 247);
  --color-surfaceActive__1bl7jj1o: rgb(240 244 249);
  --color-icon__1bl7jj1p: rgb(135 144 166);
  --color-iconHover__1bl7jj1q: rgb(102 111 139);
  --color-iconActive__1bl7jj1r: rgb(113 107 241);
  --color-iconPrimary__1bl7jj1s: rgb(96 92 171);
  --color-iconSuccess__1bl7jj1t: rgb(48 189 195);
  --color-iconCaution__1bl7jj1u: rgb(255 135 49);
  --color-iconCritical__1bl7jj1v: rgb(232 48 80);
  --color-iconDisabled__1bl7jj1w: rgb(229 236 244);
  --color-iconOnControlAccent__1bl7jj1x: rgb(255 255 255);
  --color-iconOnControlAccentDisabled__1bl7jj1y: rgb(255 255 255);
  --color-background__1bl7jj1z: rgb(250 252 253);
  --color-border__1bl7jj110: rgb(224 232 241);
  --color-controlBorder__1bl7jj111: rgb(209 215 226);
  --color-controlBorderHover__1bl7jj112: rgb(178 181 194);
  --color-controlBorderFocus__1bl7jj113: rgb(135 140 152);
  --color-controlBorderDisabled__1bl7jj114: rgb(235 240 247);
  --color-controlAccent__1bl7jj115: rgb(16 153 252);
  --color-controlAccentHover__1bl7jj116: rgb(159 214 254);
  --color-controlAccentDisabled__1bl7jj117: rgb(224 232 241);
  --gradient-rad__1bl7jj118: linear-gradient(90deg, rgb(113 107 241) 0%, rgb(16 153 252) 20%, rgb(66 238 236) 40%, rgb(255 209 89) 60%, rgb(255 135 49) 80%, rgb(239 110 133) 100%);
  --gradient-brand__1bl7jj119: linear-gradient(90deg, rgb(113 107 241), rgb(66 238 236));
  --gradient-twilight__1bl7jj11a: linear-gradient(90deg, rgb(64 52 147), rgb(16 153 252));
  --gradient-unicorn__1bl7jj11b: linear-gradient(90deg, rgb(198 196 249), rgb(66 238 236));
  --shadow-elevation0__1bl7jj11c: inset 0 0 0 1px rgb(224 232 241);
  --shadow-elevation1__1bl7jj11d:
    0px -1px 0px rgb(229 236 244 / 0.1),
    0px 1px 1px rgb(0 0 0 / 0.1),
    0px 2px 6px rgb(18 20 35 / 0.1);
  --shadow-elevation2__1bl7jj11e:
    0 -1px 0 0 rgb(229 236 244 / 0.5),
    0 1px 3px rgb(0 0 0 / 0.08),
    0 20px 36px -10px rgb(18 20 35 / 0.1),
    0 0 10px rgb(0 0 0 / 0.06),
    0 8px 20px -6px rgb(0 0 0 / 0.06);
  --shadow-elevation3__1bl7jj11f:
    0 -1px 0 0 rgb(229 236 244 / 0.5),
    0 2px 18px rgb(0 0 0 / 0.04),
    0 40px 80px -24px rgb(18 20 35 / 0.1),
    0 1px 4px rgb(0 0 0 / 0.06),
    0 20px 50px -16px rgb(0 0 0 / 0.1);
  --borderRadius-control__1bl7jj11g: 4px;
  --borderRadius-surface__1bl7jj11h: 8px;
  --spacing-xxxs__1bl7jj11i: 2px;
  --spacing-xxs__1bl7jj11j: 4px;
  --spacing-xs__1bl7jj11k: 8px;
  --spacing-s__1bl7jj11l: 12px;
  --spacing-m__1bl7jj11m: 16px;
  --spacing-l__1bl7jj11n: 24px;
  --spacing-xl__1bl7jj11o: 32px;
  --spacing-xxl__1bl7jj11p: 40px;
  --spacing-xxxl__1bl7jj11q: 48px;
  --easing-fastoutSlowin__1bl7jj11r: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-standard__1bl7jj11s: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  --easing-bounce__1bl7jj11t: cubic-bezier(0.18, 0.89, 0.32, 1.89);
  --duration-s__1bl7jj11u: 150ms;
  --duration-m__1bl7jj11v: 200ms;
  --duration-l__1bl7jj11w: 400ms;
  --controlSize-xxs__1bl7jj11x: 16px;
  --controlSize-xs__1bl7jj11y: 24px;
  --controlSize-s__1bl7jj11z: 32px;
  --controlSize-m__1bl7jj120: 40px;
  --controlSize-l__1bl7jj121: 62px;
  --iconSize-s__1bl7jj122: 18px;
  --iconSize-m__1bl7jj123: 24px;
  --iconSize-l__1bl7jj124: 36px;
  --font-ui__1bl7jj125:
    kl-calibre,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    San Francisco,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --font-code__1bl7jj126:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  --fontSize-heading-1__1bl7jj127: 44px;
  --fontSize-heading-2__1bl7jj128: 34px;
  --fontSize-heading-3__1bl7jj129: 26px;
  --fontSize-heading-4__1bl7jj12a: 20px;
  --fontSize-heading-5__1bl7jj12b: 17px;
  --fontSize-heading-desktop-1__1bl7jj12c: 80px;
  --fontSize-heading-desktop-2__1bl7jj12d: 50px;
  --fontSize-heading-desktop-3__1bl7jj12e: 32px;
  --fontSize-heading-desktop-4__1bl7jj12f: 24px;
  --fontSize-heading-desktop-5__1bl7jj12g: 20px;
  --fontSize-heading-tablet-1__1bl7jj12h: 60px;
  --fontSize-heading-tablet-2__1bl7jj12i: 44px;
  --fontSize-heading-tablet-3__1bl7jj12j: 28px;
  --fontSize-heading-tablet-4__1bl7jj12k: 22px;
  --fontSize-heading-tablet-5__1bl7jj12l: 18px;
  --fontSize-heading-mobile-1__1bl7jj12m: 44px;
  --fontSize-heading-mobile-2__1bl7jj12n: 34px;
  --fontSize-heading-mobile-3__1bl7jj12o: 26px;
  --fontSize-heading-mobile-4__1bl7jj12p: 20px;
  --fontSize-heading-mobile-5__1bl7jj12q: 17px;
  --fontSize-text-xl__1bl7jj12r: 24px;
  --fontSize-text-l__1bl7jj12s: 20px;
  --fontSize-text-m__1bl7jj12t: 18px;
  --fontSize-text-s__1bl7jj12u: 16px;
  --fontSize-text-xs__1bl7jj12v: 14px;
  --fontSize-text-xxs__1bl7jj12w: 12px;
  --fontSize-label-l__1bl7jj12x: 16px;
  --fontSize-label-m__1bl7jj12y: 14px;
  --fontSize-label-s__1bl7jj12z: 12px;
  --fontWeight-regular__1bl7jj130: 400;
  --fontWeight-medium__1bl7jj131: 500;
  --fontWeight-semibold__1bl7jj132: 600;
  --fontWeight-bold__1bl7jj133: 700;
}
.tokens_darkTheme__1bl7jj135 {
  --color-primary__1bl7jj10: rgb(217 221 237);
  --color-primaryBorder__1bl7jj11: rgb(147 151 201);
  --color-critical__1bl7jj12: rgb(232 48 80);
  --color-criticalBorder__1bl7jj13: rgb(181 43 91);
  --color-text__1bl7jj14: rgb(175 180 216);
  --color-textSecondary__1bl7jj15: rgb(147 151 201);
  --color-textPrimary__1bl7jj16: rgb(217 221 237);
  --color-textSuccess__1bl7jj17: rgb(66 238 236);
  --color-textCaution__1bl7jj18: rgb(255 171 111);
  --color-textCritical__1bl7jj19: rgb(246 172 185);
  --color-textOnPrimary__1bl7jj1a: rgb(77 65 167);
  --color-textPlaceholder__1bl7jj1b: rgb(77 80 101);
  --color-textOnCritical__1bl7jj1c: rgb(255 255 255);
  --color-textDisabled__1bl7jj1d: rgb(77 80 101);
  --color-heading__1bl7jj1e: rgb(217 221 237);
  --color-headingSecondary__1bl7jj1f: rgb(175 180 216);
  --color-surface__1bl7jj1g: rgb(39 42 67);
  --color-surfacePrimary__1bl7jj1h: rgb(58 47 127);
  --color-surfaceSecondary__1bl7jj1i: rgb(18 20 35);
  --color-surfaceTertiary__1bl7jj1j: rgb(28 31 51);
  --color-surfaceSuccess__1bl7jj1k: rgb(20 89 102);
  --color-surfaceCaution__1bl7jj1l: rgb(128 66 14);
  --color-surfaceCritical__1bl7jj1m: rgb(85 27 67);
  --color-surfaceHover__1bl7jj1n: rgb(77 80 101);
  --color-surfaceActive__1bl7jj1o: rgb(58 61 84);
  --color-icon__1bl7jj1p: rgb(175 180 216);
  --color-iconHover__1bl7jj1q: rgb(217 221 237);
  --color-iconActive__1bl7jj1r: rgb(113 107 241);
  --color-iconPrimary__1bl7jj1s: rgb(147 151 201);
  --color-iconSuccess__1bl7jj1t: rgb(66 238 236);
  --color-iconCaution__1bl7jj1u: rgb(255 171 111);
  --color-iconCritical__1bl7jj1v: rgb(246 172 185);
  --color-iconDisabled__1bl7jj1w: rgb(77 80 101);
  --color-iconOnControlAccent__1bl7jj1x: rgb(255 255 255);
  --color-iconOnControlAccentDisabled__1bl7jj1y: rgb(39 42 67);
  --color-background__1bl7jj1z: rgb(28 31 51);
  --color-border__1bl7jj110: rgb(58 61 84);
  --color-controlBorder__1bl7jj111: rgb(77 80 101);
  --color-controlBorderHover__1bl7jj112: rgb(106 109 127);
  --color-controlBorderFocus__1bl7jj113: rgb(135 140 152);
  --color-controlBorderDisabled__1bl7jj114: rgb(58 61 84);
  --color-controlAccent__1bl7jj115: rgb(16 153 252);
  --color-controlAccentHover__1bl7jj116: rgb(0 72 162);
  --color-controlAccentDisabled__1bl7jj117: rgb(77 80 101);
  --gradient-rad__1bl7jj118: linear-gradient(90deg, rgb(113 107 241) 0%, rgb(16 153 252) 20%, rgb(66 238 236) 40%, rgb(255 209 89) 60%, rgb(255 135 49) 80%, rgb(239 110 133) 100%);
  --gradient-brand__1bl7jj119: linear-gradient(90deg, rgb(113 107 241), rgb(66 238 236));
  --gradient-twilight__1bl7jj11a: linear-gradient(90deg, rgb(64 52 147), rgb(16 153 252));
  --gradient-unicorn__1bl7jj11b: linear-gradient(90deg, rgb(198 196 249), rgb(66 238 236));
  --shadow-elevation0__1bl7jj11c: inset 0 0 0 1px rgb(58 61 84);
  --shadow-elevation1__1bl7jj11d:
    inset 0 1px 0 0 rgb(58 61 84),
    0 1px 1px rgb(0 0 0 / 0.2),
    0 2px 4px rgb(0 0 0 / 0.2),
    0 3px 8px rgb(18 20 35 / 0.2);
  --shadow-elevation2__1bl7jj11e:
    inset 0 1px 0 0 rgb(58 61 84),
    0 1px 3px rgb(0 0 0 / 0.16),
    0 20px 36px -10px rgb(0 0 0 / 0.2),
    0 0 10px rgb(0 0 0 / 0.12),
    0 8px 20px -6px rgb(0 0 0 / 0.12);
  --shadow-elevation3__1bl7jj11f:
    inset 0 1px 0 0 rgb(58 61 84),
    0 4px 24px rgb(0 0 0 / 0.1),
    0 40px 80px -24px rgb(0 0 0 / 0.3),
    0 1px 4px rgb(0 0 0 / 0.16),
    0 20px 50px -16px rgb(0 0 0 / 0.3);
  --borderRadius-control__1bl7jj11g: 4px;
  --borderRadius-surface__1bl7jj11h: 8px;
  --spacing-xxxs__1bl7jj11i: 2px;
  --spacing-xxs__1bl7jj11j: 4px;
  --spacing-xs__1bl7jj11k: 8px;
  --spacing-s__1bl7jj11l: 12px;
  --spacing-m__1bl7jj11m: 16px;
  --spacing-l__1bl7jj11n: 24px;
  --spacing-xl__1bl7jj11o: 32px;
  --spacing-xxl__1bl7jj11p: 40px;
  --spacing-xxxl__1bl7jj11q: 48px;
  --easing-fastoutSlowin__1bl7jj11r: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-standard__1bl7jj11s: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  --easing-bounce__1bl7jj11t: cubic-bezier(0.18, 0.89, 0.32, 1.89);
  --duration-s__1bl7jj11u: 150ms;
  --duration-m__1bl7jj11v: 200ms;
  --duration-l__1bl7jj11w: 400ms;
  --controlSize-xxs__1bl7jj11x: 16px;
  --controlSize-xs__1bl7jj11y: 24px;
  --controlSize-s__1bl7jj11z: 32px;
  --controlSize-m__1bl7jj120: 40px;
  --controlSize-l__1bl7jj121: 62px;
  --iconSize-s__1bl7jj122: 18px;
  --iconSize-m__1bl7jj123: 24px;
  --iconSize-l__1bl7jj124: 36px;
  --font-ui__1bl7jj125:
    kl-calibre,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    San Francisco,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --font-code__1bl7jj126:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  --fontSize-heading-1__1bl7jj127: 44px;
  --fontSize-heading-2__1bl7jj128: 34px;
  --fontSize-heading-3__1bl7jj129: 26px;
  --fontSize-heading-4__1bl7jj12a: 20px;
  --fontSize-heading-5__1bl7jj12b: 17px;
  --fontSize-heading-desktop-1__1bl7jj12c: 80px;
  --fontSize-heading-desktop-2__1bl7jj12d: 50px;
  --fontSize-heading-desktop-3__1bl7jj12e: 32px;
  --fontSize-heading-desktop-4__1bl7jj12f: 24px;
  --fontSize-heading-desktop-5__1bl7jj12g: 20px;
  --fontSize-heading-tablet-1__1bl7jj12h: 60px;
  --fontSize-heading-tablet-2__1bl7jj12i: 44px;
  --fontSize-heading-tablet-3__1bl7jj12j: 28px;
  --fontSize-heading-tablet-4__1bl7jj12k: 22px;
  --fontSize-heading-tablet-5__1bl7jj12l: 18px;
  --fontSize-heading-mobile-1__1bl7jj12m: 44px;
  --fontSize-heading-mobile-2__1bl7jj12n: 34px;
  --fontSize-heading-mobile-3__1bl7jj12o: 26px;
  --fontSize-heading-mobile-4__1bl7jj12p: 20px;
  --fontSize-heading-mobile-5__1bl7jj12q: 17px;
  --fontSize-text-xl__1bl7jj12r: 24px;
  --fontSize-text-l__1bl7jj12s: 20px;
  --fontSize-text-m__1bl7jj12t: 18px;
  --fontSize-text-s__1bl7jj12u: 16px;
  --fontSize-text-xs__1bl7jj12v: 14px;
  --fontSize-text-xxs__1bl7jj12w: 12px;
  --fontSize-label-l__1bl7jj12x: 16px;
  --fontSize-label-m__1bl7jj12y: 14px;
  --fontSize-label-s__1bl7jj12z: 12px;
  --fontWeight-regular__1bl7jj130: 400;
  --fontWeight-medium__1bl7jj131: 500;
  --fontWeight-semibold__1bl7jj132: 600;
  --fontWeight-bold__1bl7jj133: 700;
}
@media (min-width: 700px) {
  .tokens_lightTheme__1bl7jj134 {
    --fontSize-heading-1__1bl7jj127: 60px;
    --fontSize-heading-2__1bl7jj128: 44px;
    --fontSize-heading-3__1bl7jj129: 28px;
    --fontSize-heading-4__1bl7jj12a: 22px;
    --fontSize-heading-5__1bl7jj12b: 18px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
  .tokens_darkTheme__1bl7jj135 {
    --fontSize-heading-1__1bl7jj127: 60px;
    --fontSize-heading-2__1bl7jj128: 44px;
    --fontSize-heading-3__1bl7jj129: 28px;
    --fontSize-heading-4__1bl7jj12a: 22px;
    --fontSize-heading-5__1bl7jj12b: 18px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
}
@media (min-width: 1200px) {
  .tokens_lightTheme__1bl7jj134 {
    --fontSize-heading-1__1bl7jj127: 80px;
    --fontSize-heading-2__1bl7jj128: 50px;
    --fontSize-heading-3__1bl7jj129: 32px;
    --fontSize-heading-4__1bl7jj12a: 24px;
    --fontSize-heading-5__1bl7jj12b: 20px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
  .tokens_darkTheme__1bl7jj135 {
    --fontSize-heading-1__1bl7jj127: 80px;
    --fontSize-heading-2__1bl7jj128: 50px;
    --fontSize-heading-3__1bl7jj129: 32px;
    --fontSize-heading-4__1bl7jj12a: 24px;
    --fontSize-heading-5__1bl7jj12b: 20px;
    --fontSize-heading-desktop-1__1bl7jj12c: 80px;
    --fontSize-heading-desktop-2__1bl7jj12d: 50px;
    --fontSize-heading-desktop-3__1bl7jj12e: 32px;
    --fontSize-heading-desktop-4__1bl7jj12f: 24px;
    --fontSize-heading-desktop-5__1bl7jj12g: 20px;
    --fontSize-heading-tablet-1__1bl7jj12h: 60px;
    --fontSize-heading-tablet-2__1bl7jj12i: 44px;
    --fontSize-heading-tablet-3__1bl7jj12j: 28px;
    --fontSize-heading-tablet-4__1bl7jj12k: 22px;
    --fontSize-heading-tablet-5__1bl7jj12l: 18px;
    --fontSize-heading-mobile-1__1bl7jj12m: 44px;
    --fontSize-heading-mobile-2__1bl7jj12n: 34px;
    --fontSize-heading-mobile-3__1bl7jj12o: 26px;
    --fontSize-heading-mobile-4__1bl7jj12p: 20px;
    --fontSize-heading-mobile-5__1bl7jj12q: 17px;
    --fontSize-text-xl__1bl7jj12r: 24px;
    --fontSize-text-l__1bl7jj12s: 20px;
    --fontSize-text-m__1bl7jj12t: 18px;
    --fontSize-text-s__1bl7jj12u: 16px;
    --fontSize-text-xs__1bl7jj12v: 14px;
    --fontSize-text-xxs__1bl7jj12w: 12px;
    --fontSize-label-l__1bl7jj12x: 16px;
    --fontSize-label-m__1bl7jj12y: 14px;
    --fontSize-label-s__1bl7jj12z: 12px;
  }
}

/* vanilla-extract-css-ns:src/global/icons/Icons.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52UwVKDMBCG7zxFjuJAx9Jqa3ty6sWbM30AJiRp2RqSmgRqdXx3B0woWjIWr5v9v2/DZBk9ESl0CkSKNH17nSd0fos+AoQo6D3HxwXKuCQvywChA1CTL1CF1VUca3hnLnAT2WJNWXcOpmFYB3MG29z8J2kUFhoMSOHSp4prnURISMHCZfAZjDq3aTy6wJy7zrvmYj2yxa8pYp2m44zPdrtxkvSDC0ahLBxhdjG5OJEn/WSO1bYFzC8G8xN4egYmkkuVgsiZAuMY9w17A5w72HebPR5HiJRKMWFWddnDpGyDS94y8Z/MTjX+fnV27H3oUewVFFgdHSMbrHh2AGvSPhMmBqr2G5PBogebtx7l81DQOOOMOhQdbHpsCdZ18LmIAgMEt0vABrtWLcG6Kq8Ll93N3AxXOYA1lT6TLglhWjvUdrBp7QDWZH6YMCHu3TtGfqboaUoipFjFlIk5PrLznWn/sNcNrRnHN3EpNDM14QvOSZZOowUAAA== */
.Icons_icon__xq82d85 {
  display: block;
  width: var(--size__xq82d80, var(--iconSize__xq82d84));
  height: var(--size__xq82d80, var(--iconSize__xq82d84));
  transition: var(--transition__xq82d83, none);
}
.Icons_icon_size_small__xq82d86 {
  --iconSize__xq82d84: var(--iconSize-s__1bl7jj122);
}
.Icons_icon_size_medium__xq82d87 {
  --iconSize__xq82d84: var(--iconSize-m__1bl7jj123);
}
.Icons_icon_size_large__xq82d88 {
  --iconSize__xq82d84: var(--iconSize-l__1bl7jj124);
}
.Icons_icon_color_inherit__xq82d89 {
  fill: var(--color__xq82d81, currentColor);
}
.Icons_icon_color_default__xq82d8a {
  fill: var(--color__xq82d81, var(--color-icon__1bl7jj1p));
}
.Icons_icon_color_primary__xq82d8b {
  fill: var(--color__xq82d81, var(--color-iconPrimary__1bl7jj1s));
}
.Icons_icon_color_active__xq82d8c {
  fill: var(--color__xq82d81, var(--color-iconActive__1bl7jj1r));
}
.Icons_icon_color_disabled__xq82d8d {
  fill: var(--color__xq82d81, var(--color-iconDisabled__1bl7jj1w));
}
.Icons_icon_color_critical__xq82d8e {
  fill: var(--color__xq82d81, var(--color-iconCritical__1bl7jj1v));
}
.Icons_icon_color_caution__xq82d8f {
  fill: var(--color__xq82d81, var(--color-iconCaution__1bl7jj1u));
}
.Icons_icon_color_success__xq82d8g {
  fill: var(--color__xq82d81, var(--color-iconSuccess__1bl7jj1t));
}
.Icons_accentColor__xq82d8h {
  fill: var(--accentColor__xq82d82, revert-layer);
}
.Icons_icon__xq82d85 * {
  color: var(--color__xq82d81, unset);
}

/* vanilla-extract-css-ns:src/styles/Controls.css.ts.vanilla.css?source=LkNvbnRyb2xzX2NvbnRyb2xGb2N1c1JpbmdfX2EyYmR5eTIgewogIC0taW5uZXJSaW5nQ29sb3JfX2EyYmR5eTA6IHRyYW5zcGFyZW50OwogIC0tb3V0ZXJSaW5nQ29sb3JfX2EyYmR5eTE6IHRyYW5zcGFyZW50OwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBvdXRsaW5lOiAzcHggc29saWQgdmFyKC0taW5uZXJSaW5nQ29sb3JfX2EyYmR5eTApOwogIG91dGxpbmUtb2Zmc2V0OiAzcHg7Cn0KLkNvbnRyb2xzX2NvbnRyb2xGb2N1c1JpbmdfX2EyYmR5eTI6OmFmdGVyIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLW91dGVyUmluZ0NvbG9yX19hMmJkeXkxKTsKICBvdXRsaW5lLW9mZnNldDogNnB4OwogIHRyYW5zaXRpb246IGluaGVyaXQ7CiAgYm9yZGVyLXJhZGl1czogaW5oZXJpdDsKICBwb2ludGVyLWV2ZW50czogbm9uZTsKfQouQ29udHJvbHNfY29udHJvbEZvY3VzUmluZ19fYTJiZHl5Mjpmb2N1cyB7CiAgLS1pbm5lclJpbmdDb2xvcl9fYTJiZHl5MDogdmFyKC0tY29sb3ItY29udHJvbEFjY2VudF9fMWJsN2pqMTE1KTsKICAtLW91dGVyUmluZ0NvbG9yX19hMmJkeXkxOiByZ2IoMjU1IDI1NSAyNTUpOwp9Ci5Db250cm9sc19jb250cm9sRm9jdXNSaW5nX19hMmJkeXkyOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSksIC5Db250cm9sc19jb250cm9sRm9jdXNSaW5nX19hMmJkeXkyOmFjdGl2ZSB7CiAgLS1pbm5lclJpbmdDb2xvcl9fYTJiZHl5MDogdHJhbnNwYXJlbnQ7CiAgLS1vdXRlclJpbmdDb2xvcl9fYTJiZHl5MTogdHJhbnNwYXJlbnQ7Cn0KLkNvbnRyb2xzX2NvbnRyb2xGb2N1c1JpbmdfX2EyYmR5eTI6Oi1tb3otZm9jdXMtaW5uZXIgewogIG91dGxpbmU6IG5vbmU7Cn0= */
.Controls_controlFocusRing__a2bdyy2 {
  --innerRingColor__a2bdyy0: transparent;
  --outerRingColor__a2bdyy1: transparent;
  position: relative;
  outline: 3px solid var(--innerRingColor__a2bdyy0);
  outline-offset: 3px;
}
.Controls_controlFocusRing__a2bdyy2::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid var(--outerRingColor__a2bdyy1);
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.Controls_controlFocusRing__a2bdyy2:focus {
  --innerRingColor__a2bdyy0: var(--color-controlAccent__1bl7jj115);
  --outerRingColor__a2bdyy1: rgb(255 255 255);
}
.Controls_controlFocusRing__a2bdyy2:focus:not(:focus-visible),
.Controls_controlFocusRing__a2bdyy2:active {
  --innerRingColor__a2bdyy0: transparent;
  --outerRingColor__a2bdyy1: transparent;
}
.Controls_controlFocusRing__a2bdyy2::-moz-focus-inner {
  outline: none;
}

/* vanilla-extract-css-ns:src/styles/Buttons.css.ts.vanilla.css?source=LkJ1dHRvbnNfYnV0dG9uUmVzZXRfX3lvZHhvMTAgewogIG1hcmdpbjogMDsKICBib3JkZXI6IDA7CiAgcGFkZGluZzogMDsKICBmb250OiBpbmhlcml0OwogIHRleHQtYWxpZ246IGxlZnQ7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYmFja2dyb3VuZDogd2hpdGU7Cn0KLkJ1dHRvbnNfYnV0dG9uRGlzYWJsZWRXb3JrYXJvdW5kX195b2R4bzExOmRpc2FibGVkIHsKICBwb2ludGVyLWV2ZW50czogbm9uZTsKfQ== */
.Buttons_buttonReset__yodxo10 {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  appearance: none;
  cursor: pointer;
  background: white;
}
.Buttons_buttonDisabledWorkaround__yodxo11:disabled {
  pointer-events: none;
}

/* vanilla-extract-css-ns:src/global/pieces/Spinner/Spinner.css.ts.vanilla.css?source=QGtleWZyYW1lcyBTcGlubmVyX3NwaW5fXzFxczkyc3MxIHsKICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5TcGlubmVyX2NvbnRhaW5lcl9fMXFzOTJzczIgewogIG92ZXJmbG93OiBoaWRkZW47CiAgZGlzcGxheTogZ3JpZDsKICBwbGFjZS1pdGVtczogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1jb2xvcl9fMXFzOTJzczAsIHZhcigtLWNvbG9yLWljb25fXzFibDdqajFwKSk7CiAgZ2FwOiB2YXIoLS1zcGFjaW5nLXhzX18xYmw3amoxMWspOwp9Ci5TcGlubmVyX2NvbnRhaW5lcl9wcmltYXJ5X3RydWVfXzFxczkyc3MzIHsKICBjb2xvcjogdmFyKC0tY29sb3JfXzFxczkyc3MwLCB2YXIoLS1jb2xvci1wcmltYXJ5X18xYmw3amoxMCkpOwp9Ci5TcGlubmVyX2VsZW1lbnRfXzFxczkyc3M0IHsKICBkaXNwbGF5OiBibG9jazsKICBhbmltYXRpb246IFNwaW5uZXJfc3Bpbl9fMXFzOTJzczEgMC44cyBsaW5lYXIgaW5maW5pdGU7CiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjsKfQouU3Bpbm5lcl9wYXRoX18xcXM5MnNzNSB7CiAgc3Ryb2tlOiBjdXJyZW50Q29sb3I7Cn0KLlNwaW5uZXJfbWVzc2FnZV9fMXFzOTJzczYgewogIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXN1cmZhY2VTZWNvbmRhcnlfXzFibDdqajFpKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1jb250cm9sU2l6ZS14c19fMWJsN2pqMTF5KTsKICBoZWlnaHQ6IHZhcigtLWNvbnRyb2xTaXplLXhzX18xYmw3amoxMXkpOwogIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zcGFjaW5nLXNfXzFibDdqajExbCk7CiAgZGlzcGxheTogZ3JpZDsKICBwbGFjZS1jb250ZW50OiBjZW50ZXI7Cn0= */
@keyframes Spinner_spin__1qs92ss1 {
  100% {
    transform: rotate(360deg);
  }
}
.Spinner_container__1qs92ss2 {
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--color__1qs92ss0, var(--color-icon__1bl7jj1p));
  gap: var(--spacing-xs__1bl7jj11k);
}
.Spinner_container_primary_true__1qs92ss3 {
  color: var(--color__1qs92ss0, var(--color-primary__1bl7jj10));
}
.Spinner_element__1qs92ss4 {
  display: block;
  animation: Spinner_spin__1qs92ss1 0.8s linear infinite;
  transform-origin: center center;
}
.Spinner_path__1qs92ss5 {
  stroke: currentColor;
}
.Spinner_message__1qs92ss6 {
  background: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: var(--controlSize-xs__1bl7jj11y);
  height: var(--controlSize-xs__1bl7jj11y);
  padding-inline: var(--spacing-s__1bl7jj11l);
  display: grid;
  place-content: center;
}

/* vanilla-extract-css-ns:src/global/pieces/Button/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VZW2/bNhR+768gChRNALOT7ARJVAxYuz2swIAO7YY9FIVBi0c2E4pUScqXDP3vAymZkqyLZTfYVgSIE/pcPn48h+eQ/OkBdokiKWj0NjdGinlCKLwTf2bzeRikN3czEYbo72cIBS/cB0JGEaETqdKo+JMTAxdBtp2gINtevnYyMiMxM7sIBfb/r88Quj6uPhvSD4PzAISFga/PXpXzWxQf+9kFzijGzhIzzH61/XI7pbezCCWMc7Qm6gJjmitiv8V6Pg8X/Ob+Pgzzy/JLIJqJJdaGCEoUrSS0g0OZzjjZRSjhsLUDhLOlwMxAqiMUgzCg7PB9rg1LdjiWwoAw9a8SKQxOSMr4LiqduqGceWfT60svuQG2XJm65F9uBKdAWZ56nVnodAxsDXag6j4zWRASIQWcGLYGO7qQioLCilCW672HYvCDG3PwleQVC0vnJNegsAYOsYmQkMJZ26yYAawzEoMd3CiSeUAUYlmQXsm7L2oB4O0walZ2wcyePTsaSy7VHqP7B1sD78XviqVE7TxEUtDgYwBnSmagbAA5tQlakPhhqWQu6AQt5BbrFaFyc6C1D5LoMGgqxsP1oSvDUhs8SS7iuu6RmHJEKBAUFBPLCMnM2nmE32DJFowzs7NSeAOLB2aKWNGplGblpIkwjHBGNFAnlspHLPW2JbdUZKdjwuH1QAZF0QISqcBl0pnh0W/9E2WaLDjQz85+nCtt15RCQnJuijhlNmQxrEEYvY+JlkXNHmG+xTolnFebmzO6aqRLCfAjewS8raX7rsova6ueXU7WLUlNYVosdUYodWQGpYKNdru027rx+y4SHOQm4OkRwDWTj2Pw1uDmR+DWTD/0ovUbTAF3dgRulRjT4Gnh1lIu7UXLiVqCB3t1BGwVs9NwDNja5Mww2Fo2iC6wTH+wW8/cqLyCe92fcAOoR9reJ/UEjRQniQH1NIi0IQbmjPLKwU0kpLmo9oLLxmZQ7gC9pjaEGSaW3tptQ1tIW/y43NjNsGXBVZb5ivDEqxOnnjKBy7JzHbzo1UzyWvYuDjVtW9OhanYZzDNfpArluGxVXEXadynh+PLmNcMv+m6qdTBe9cRCWhXLpk52IB10rX733A/KwDALOlcJicH7WY6Zf7dS31TKeH4T237plxJblcU3fbR1eemmQEMsbemvSKAjps5iVzwL49mYeXdo9E26hyLfDkWICQ0GBe4nzLZdlL1120NFVTgUYV7s6hSeTgoWO//WAm7GMtejWWfQ9XoZUWVTehZd7Qi7GqKtJU576TOgDKuzB/9FlB1wdH40tKfTaE/90er58+YRhyy05Llxhwm3KuXZcwBk1cMP9/vNhj4h2sjcfORywypGQtV/AqkfPfzRx0sX5yDXpM/oRfDq9nqCit+dtbWHpP91xnxTkDP9LpbiveC7ZsuychPtPuNWfZo7resMYoPd0kYoRD/YS4WWn1immWuMAu+CRSu5BtXZutR3gSL/Zwf5X5bAw+2ya47ed+h9349uFn5WzLCYVE1ZPL5b6NHtLZqH4tPh7qLT/KjZfxPze5gH1M8GnU+984eRzs+qlZMezIsDyc7WyoOdebB8ZL63lmI9Nt97NHsWvSV9d1qP0RVho3h4ikVrO+9brrNC7MqjTbvRNm9ihpu4X60B71hcHhSUnkuULiyfiGIEwzYjggL98aXdZl9+PgXLm9juvB6MPBXMtQcjuolpnWK7VLvn8T3kxzcw03vOH8/QKSvdgt+8mynbM+9ROpv+/nypmLuvtJ+Y5EbihNukjCXPU3HezXq9iytfDU7o5vquZ5sPGN1dRseFeJsJe4GR67mDW7/CyBwz9WeOYV3XJhWqXwZUyy67EMyL2wqilkyMuL5scumW/QkeTwZZKme4B7w+6On6mvoneJD5N8LG5msR4CtGKYixdPTFzGZg4TtUayGzHdLM4xi067Kra/XimpoIlhZcCJJCNPDE+Loh3fuOUrsnLU4Nlc7wM8rAqas1kz/qORDOvp+Z+IMLZoIz4W+lBzJ2MJyIUnLTXNeroedSX7FPSPuRx+EB42ekmc//gie84DJ+GHzicrUTHSWm62l6Ri8Gl2GCggly7fo/toCa9Y0fAAA= */
@keyframes Button_fadeInUp__10m793n11 {
  0% {
    transform: translate(0px, 0px);
    opacity: 0;
  }
  5% {
    transform: translate(0px, 30px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
.Button_button__10m793n0 {
  --transition__xq82d83: fill var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  text-align: center;
  position: relative;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  user-select: none;
  white-space: nowrap;
  text-decoration: none;
  text-transform: none;
  width: fit-content;
  color: var(--color-textOnPrimary__1bl7jj1a);
  transition-property:
    color,
    background,
    box-shadow;
  transition-duration: var(--duration-m__1bl7jj11v);
  transition-timing-function: var(--easing-standard__1bl7jj11s);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Button_button__10m793n0::before {
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.Button_button__10m793n0[disabled] {
  cursor: default;
  pointer-events: none;
}
.Button_button_size_x-small__10m793n1 {
  height: var(--controlSize-xs__1bl7jj11y);
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  padding: 0 var(--spacing-xxs__1bl7jj11j);
}
.Button_button_size_small__10m793n2 {
  height: var(--controlSize-s__1bl7jj11z);
  font-size: var(--fontSize-text-s__1bl7jj12u);
  padding: 0 var(--spacing-xs__1bl7jj11k);
}
.Button_button_size_medium__10m793n3 {
  height: var(--controlSize-m__1bl7jj120);
  font-size: var(--fontSize-text-s__1bl7jj12u);
  padding: 0 var(--spacing-m__1bl7jj11m);
}
.Button_button_size_large__10m793n4 {
  height: var(--controlSize-l__1bl7jj121);
  font-size: var(--fontSize-text-m__1bl7jj12t);
  padding: 0 var(--spacing-l__1bl7jj11n);
}
.Button_button_isRound_true__10m793n5 {
  border-radius: var(--controlSize-l__1bl7jj121);
}
.Button_button_isRound_true__10m793n5::before,
.Button_button_isRound_true__10m793n5::after {
  border-radius: var(--controlSize-l__1bl7jj121);
}
.Button_button_state_idle__10m793n7:not([disabled]) {
  cursor: pointer;
}
.Button_button_state_waiting__10m793n8 {
  cursor: not-allowed;
}
.Button_button_width_half__10m793na {
  min-width: 50%;
}
.Button_button_width_full__10m793nb {
  min-width: 100%;
}
.Button_button_type_primary__10m793nc {
  --color__xq82d81: var(--color-textOnPrimary__1bl7jj1a);
  --color__1qs92ss0: var(--color-textOnPrimary__1bl7jj1a);
  color: var(--color-textOnPrimary__1bl7jj1a);
  background: var(--color-primary__1bl7jj10);
}
.Button_button_type_primary__10m793nc[disabled] {
  --color__xq82d81: var(--color-surface__1bl7jj1g);
  --color__1qs92ss0: var(--color-surface__1bl7jj1g);
  background: var(--color-controlAccentDisabled__1bl7jj117);
  color: var(--color-surface__1bl7jj1g);
}
.Button_button_type_secondary__10m793nd {
  --color__xq82d81: var(--color-icon__1bl7jj1p);
  --color__1qs92ss0: var(--color-icon__1bl7jj1p);
  background: var(--color-surface__1bl7jj1g);
  box-shadow: inset 0 0 0 1px var(--color-controlBorder__1bl7jj111);
  color: var(--color-text__1bl7jj14);
}
.Button_button_type_secondary__10m793nd[disabled] {
  --color__xq82d81: var(--color-iconDisabled__1bl7jj1w);
  --color__1qs92ss0: var(--color-iconDisabled__1bl7jj1w);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-controlBorderDisabled__1bl7jj114);
  color: var(--color-textDisabled__1bl7jj1d);
}
.Button_button_type_tertiary__10m793ne {
  --color__xq82d81: var(--color-icon__1bl7jj1p);
  --color__1qs92ss0: var(--color-icon__1bl7jj1p);
  background: transparent;
  color: var(--color-text__1bl7jj14);
}
.Button_button_type_tertiary__10m793ne::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: background, transform;
  transform: scale3d(0.85, 0.85, 1);
}
.Button_button_type_tertiary__10m793ne[disabled] {
  --color__xq82d81: var(--color-iconDisabled__1bl7jj1w);
  --color__1qs92ss0: var(--color-iconDisabled__1bl7jj1w);
  background: transparent;
  color: var(--color-textDisabled__1bl7jj1d);
}
.Button_button_isIconOnly_true__10m793nh {
  position: relative;
  padding: 0;
  aspect-ratio: 1 / 1;
}
.Button_button_compound_0__10m793ni:hover:not([disabled]) {
  box-shadow: 0 0 0 3px var(--color-primaryBorder__1bl7jj11);
}
.Button_button_compound_1__10m793nj {
  --color__xq82d81: var(--color-textOnCritical__1bl7jj1c);
  --color__1qs92ss0: var(--color-textOnCritical__1bl7jj1c);
  background: var(--color-critical__1bl7jj12);
  color: var(--color-textOnCritical__1bl7jj1c);
}
.Button_button_compound_1__10m793nj:hover:not([disabled]) {
  box-shadow: 0 0 0 3px var(--color-criticalBorder__1bl7jj13);
}
.Button_button_compound_2__10m793nk:hover:not([disabled]) {
  box-shadow: inset 0 0 0 1px var(--color-controlBorder__1bl7jj111), 0 0 0 3px var(--color-border__1bl7jj110);
}
.Button_button_compound_3__10m793nl {
  --color__xq82d81: var(--color-iconCritical__1bl7jj1v);
  --color__1qs92ss0: var(--color-iconCritical__1bl7jj1v);
  color: var(--color-textCritical__1bl7jj19);
  box-shadow: inset 0 0 0 1px var(--color-critical__1bl7jj12);
}
.Button_button_compound_3__10m793nl:hover:not([disabled]) {
  box-shadow: inset 0 0 0 1px var(--color-critical__1bl7jj12), 0 0 0 3px var(--color-criticalBorder__1bl7jj13);
}
.Button_button_compound_4__10m793nm:hover:not([disabled])::before {
  background: var(--color-surfaceHover__1bl7jj1n);
  transform: none;
}
.Button_button_compound_4__10m793nm[aria-expanded=true]::before {
  background: var(--color-surfaceActive__1bl7jj1o);
  transform: none;
}
.Button_button_compound_5__10m793nn:hover:not([disabled]),
.Button_button_compound_5__10m793nn[aria-expanded=true] {
  --color__xq82d81: var(--color-iconCritical__1bl7jj1v);
  --color__1qs92ss0: var(--color-iconCritical__1bl7jj1v);
  color: var(--color-textCritical__1bl7jj19);
}
.Button_button_compound_5__10m793nn:hover:not([disabled])::before,
.Button_button_compound_5__10m793nn[aria-expanded=true]::before {
  background: var(--color-surfaceCritical__1bl7jj1m);
}
.Button_content__10m793no {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  opacity: 0;
  position: relative;
  user-select: none;
}
.Button_content_status_entering__10m793np {
  opacity: 1;
}
.Button_content_status_entered__10m793nq {
  opacity: 1;
}
.Button_text__10m793nu {
  margin: 0 var(--spacing-xxs__1bl7jj11j);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  user-select: none;
}
.Button_status__10m793nv {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  opacity: 0;
  overflow: hidden;
  user-select: none;
}
.Button_status_status_entering__10m793nw {
  opacity: 1;
}
.Button_status_status_entered__10m793nx {
  opacity: 1;
}
.Button_successIcon__10m793n12 {
  animation-name: Button_fadeInUp__10m793n11;
  animation-duration: var(--duration-l__1bl7jj11w);
  animation-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
}
.Button_successText__10m793n13 {
  animation-name: Button_fadeInUp__10m793n11;
  animation-duration: var(--duration-l__1bl7jj11w);
  animation-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
  padding-inline: var(--spacing-xxs__1bl7jj11j);
  user-select: none;
}
.Button_arrowIcon__10m793n14 {
  --transition__xq82d83: transform var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition: transform var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  display: inline-block;
}
.Button_button__10m793n0:hover .Button_arrowIcon__10m793n14 {
  transform: translate3d(var(--spacing-xxs__1bl7jj11j), 0, 0);
}

/* vanilla-extract-css-ns:src/global/pieces/Carousel/Carousel.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1WTW/bOBC951cQBQJYQNha7gZNmFvzD5rTnoyROJLZUByBHDl2F/3vC1KSJRfwR7p77I3izJuvN3z2x2fw1AW063I8rIvPD692vxL/3AjRUjBsyCnh0QKbLT7d/Lz5eEAFazT6EfM5YbQJrYW9ErU3+ulGiBpaJbbgF1KGFkrjarkL63Ve2C/fv+f5a5acvNGSsWktMMqSbNe4ENO2CLzo0YaxeabO8Zgwz+5ECbac2V/MDxzNy0xIsTiXWXwSqyxLBbSgdXQwzhqHvxZsJ5Q7cme6ornRuSBmai770xZ9ZelN7pSAjunobq/E1gRTWIzXofRkrSxwA1tDXonQEPFmZgoOWsn7FpXYiQacBia/nzm8s/MeVYCXb0bzRglHLpViAsUdidvSH88vi1IFVuQxLU1JjtGxEh8+PB3tHRSBbMcpwQ9pnMadEnn8SpNfxpPFiodjAeVr7alzWonYDXhZe9AGHS8elxrru6G9kix5GTpfQYmHFuu4UMnSmN3COGGhuIQQX5a3d4I9uNCCR8e/E+PXEGnSw3wvbSIZx+glbtFxmOjYoKk3rES+XN5eIAIqRv/fefB9wotEyD9MDExExRp5+CsRMH+0YE3tlAgMnp9OqPEkDEeyMBR8ivuvHTO5MfN9yjxn7PyM5j2Nno492Si+sjl4rpbz4eUP7e70TqUtuo/VClHQToYN6NRTP/L0JdHiNinMaho9Zj3Ea/TTyBODFflG9ceoRn8v5P3yNjuYhyoo0sn7IZPufMogZ6LcZYMRIUTiKwhMHb9YejNucvPZ3az0/yPeKVWdPcHVFfSqTdyRnuT3jvZk8MDAXVjjzrBx9ZjrIWUZRpqk4JoAqEf84/V4S2UqeB3lf8QXCd//IBy/1tn87bm+DmGTmo1xyxTXz3f+vYGH17lm3x3+oejjdvMr4BXYcMDj2XEVCflMjsG4SfCr33jul/cmn8agZ09SRtHvwojqL7+lu1E1JmDM9fNfwHID9JQKAAA= */
.Carousel_carousel__b38kly2 {
  position: relative;
}
.Carousel_slider__b38kly3 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
  grid-template-columns: repeat(var(--itemCount__b38kly1), calc(var(--itemSize__b38kly0) - (var(--spacing-xs__1bl7jj11k) / 2)));
  padding-inline: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xs__1bl7jj11k);
  padding-bottom: var(--spacing-xs__1bl7jj11k);
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--spacing-l__1bl7jj11n);
  scrollbar-width: none;
  isolation: isolate;
}
.Carousel_slider__b38kly3::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, var(--color-surface__1bl7jj1g), color-mix(in lab, var(--color-surface__1bl7jj1g) 70%, transparent), color-mix(in lab, var(--color-surface__1bl7jj1g) 0%, transparent));
  width: var(--spacing-l__1bl7jj11n);
  pointer-events: none;
  height: 100%;
}
.Carousel_slider__b38kly3::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: linear-gradient(-90deg, var(--color-surface__1bl7jj1g), color-mix(in lab, var(--color-surface__1bl7jj1g) 70%, transparent), color-mix(in lab, var(--color-surface__1bl7jj1g) 0%, transparent));
  width: var(--spacing-l__1bl7jj11n);
  pointer-events: none;
  height: 100%;
}
.Carousel_item__b38kly4 {
  scroll-snap-align: start;
  position: relative;
  overflow: visible;
  width: 100%;
}
.Carousel_sliderButton__b38kly5 {
  background: var(--color-surface__1bl7jj1g);
  height: var(--controlSize-m__1bl7jj120);
  width: 18px;
  position: absolute;
  top: 50%;
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border: none;
  transform: translateY(-50%);
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r), box-shadow var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  isolation: isolate;
  z-index: 2;
}
.Carousel_sliderButton__b38kly5:hover {
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.Carousel_sliderButton_status_exiting__b38kly8 {
  opacity: 0;
}
.Carousel_sliderButton_status_exited__b38kly9 {
  opacity: 0;
}
.Carousel_sliderButton_location_left__b38klyb {
  left: var(--spacing-s__1bl7jj11l);
}
.Carousel_sliderButton_location_right__b38klyc {
  right: var(--spacing-s__1bl7jj11l);
}
.Carousel_sliderButton_visible_true__b38klyd {
  opacity: 1;
}
.Carousel_sliderButton_visible_false__b38klye {
  opacity: 0;
}
.Carousel_buttonContainer__b38klyf {
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}

/* vanilla-extract-css-ns:src/global/pieces/Checkbox/Checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XS2/jNhC+51cQCywSt1bWyqPZyuihTYGipwWaY7EwKHFkTUKRAkk5Shb73wtRoiTKku1kixxikPrmPd8ML+8zSJ5iWW0SKQxFAWqzCVdQli/Zinw7I4ShLjh9iUjKoVqfEfs/YKggMShFRBLJy1zUN1taRGRH1UUQ6IImKLaB3mzCmN89PoYhX6zPvp9degpBmE7dja9uq5BZoQpZYCAvODUQNMp0RGhpJAlTVX9COW5FgAZyHRFtqDL1aVIqLVVEConCgJpWzlDTmAPbGFVCZ8qtNcUJYJDSkptpARpfYaM75C8WGQT22B2GLio1SEn+gK8QVNUgNtVibWGcxsD/okUHvRoHdIh6alFJa9SXNNXQB/R6DzsEP1pwjiLIALeZmbRx8P3LTPqsp3mn9O70AIyEv8//WZN4J+PzySYNZL+ebNGhEnc/HDhtTbEXwO4ll32//dqbxKVyhv2eJE2XtDpuW8NiqRgoXwKdlPCH/bKXELYSMrkbC4h9AfEIuWqRmEjhAxMfWH/wRdxPelAN1T9klMnnTgyLyKr9M4oKXVAFwqyHMRshICIoNJg53B6fFJwmELSlEpHaNFD9Rcsig2OpsSE6BZwa3EF9amRHdXPdZ918RmayrmK8ArT3fu9NfNCkIFCUYandd83hP/bMZbnP0tYCbRxay2NZBdrGrRXASkXrqyDvYbtFewlU13WdUm1kaR64fEbRf6YWQ3JFkYFCG+mYJk9bJUvB/FrQpUppAp2EbeuXM8lPYFhUnpOjAl8s29vJ6uluZ2rlaHtGUQypVNDwv6uRDx+6QUQV0IiE5BMJB+lNKE8uJlNIfj7MweQncuUVwg+LOuKgkOYiclNvEdkwtqR0sCGvu7xM0cZRvf9ShdSl5bfzetqef12SN0ByrICdf/UJ9DAZHIjlJ3K18GtlxMUnsewh5DS7Ni2RY3WBgnAaLw+LIte3H5dDSjsx0Ch2lGMX6DZop4wMhQYT2rPJ1WJ9+sSaAx+fNA46mlXXxwva1fJ7J+ufbgPsWununRN2X9LND8zLPWl7C9h8LCa77Q1FcDw+Q0NQMEyoGcjbWl2y5inzEpFVN49SqfKI6IRyuFhdft4bVP/TdOpFBoWSBajaitacZW+JHWS1x07xRJ4W09Q/7f8ONcYc/MdE5gcjHAVDSAEjmxnYjWUUjAHZl6MM2CW1U4jT7zbvldTvN27whKvVR7vvUMbqAKPgKCCwzylny/4yPLcMTG9NqCWnzXHzEw76cWga9wporCUvTaOgZn9/iM4Oy6BZsF4DFAyqiAThlDEZMgbCz+ijNagNlC3vIQ6UGhTQk+Ml21kGqn4RvvG7rr67HzNoM03e8yieeIxPvP+mn86uBmJpjMzf8OCxvv+dSNH5z63/R3bDPbfz+d237lH7WBuMmZpnv/8HGRLZtMsQAAA= */
.Checkbox_container__10euuyh0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s__1bl7jj11l);
}
.Checkbox_content__10euuyh4 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  cursor: pointer;
}
.Checkbox_content_disabled_true__10euuyh5 {
  cursor: default;
}
.Checkbox_content_size_s__10euuyh6 {
  --size__10euuyh1: var(--controlSize-xxs__1bl7jj11x);
  --labelGap__10euuyh2: var(--spacing-xs__1bl7jj11k);
  --checkboxOffset__10euuyh3: var(--spacing-xxs__1bl7jj11j);
  min-height: var(--controlSize-xs__1bl7jj11y);
}
.Checkbox_content_size_m__10euuyh7 {
  --size__10euuyh1: var(--controlSize-xs__1bl7jj11y);
  --labelGap__10euuyh2: var(--spacing-xs__1bl7jj11k);
}
.Checkbox_content_size_l__10euuyh8 {
  --size__10euuyh1: var(--controlSize-s__1bl7jj11z);
  --labelGap__10euuyh2: var(--spacing-s__1bl7jj11l);
}
.Checkbox_checkbox__10euuyhf {
  --checkedColor__10euuyh9: var(--color-controlAccent__1bl7jj115);
  --borderColor__10euuyha: var(--color-controlBorder__1bl7jj111);
  --hoverColor__10euuyhb: var(--color-border__1bl7jj110);
  --iconColor__10euuyhc: var(--color-iconOnControlAccent__1bl7jj1x);
  --hoverShadow__10euuyhd: 0 0 0 0 transparent;
  --checkedShadow__10euuyhe: inset 0 0 0 0 transparent;
  display: grid;
  place-content: center;
  place-items: center;
  position: relative;
  top: var(--checkboxOffset__10euuyh3);
  width: var(--size__10euuyh1);
  height: var(--size__10euuyh1);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: box-shadow var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  cursor: inherit;
  background: var(--color-surface__1bl7jj1g);
  box-shadow:
    inset 0 0 0 1px var(--borderColor__10euuyha),
    var(--hoverShadow__10euuyhd),
    var(--checkedShadow__10euuyhe);
}
.Checkbox_checkbox__10euuyhf::before {
  content: "";
  grid-area: 1 / 1;
  width: calc(var(--size__10euuyh1) + var(--spacing-xxs__1bl7jj11j) * 2);
  height: calc(var(--size__10euuyh1) + var(--spacing-xxs__1bl7jj11j) * 2);
}
.Checkbox_checkbox__10euuyhf:not(:disabled):hover {
  --hoverShadow__10euuyhd: 0 0 0 3px var(--hoverColor__10euuyhb);
}
.Checkbox_checkbox__10euuyhf[aria-checked=true],
.Checkbox_checkbox__10euuyhf[aria-checked=mixed] {
  --checkedShadow__10euuyhe: inset 0 0 0 calc(var(--size__10euuyh1) / 2) var(--checkedColor__10euuyh9);
  --borderColor__10euuyha: var(--checkedColor__10euuyh9);
  --hoverColor__10euuyhb: color-mix(in lab, var(--checkedColor__10euuyh9) 35%, transparent);
}
.Checkbox_checkbox__10euuyhf[aria-invalid=true] {
  --borderColor__10euuyha: var(--color-critical__1bl7jj12);
  --checkedColor__10euuyh9: var(--color-critical__1bl7jj12);
  --hoverColor__10euuyhb: var(--color-criticalBorder__1bl7jj13);
}
.Checkbox_checkbox__10euuyhf:disabled {
  --checkedColor__10euuyh9: var(--color-controlAccentDisabled__1bl7jj117);
  --borderColor__10euuyha: var(--color-controlBorderDisabled__1bl7jj114);
  --iconColor__10euuyhc: var(--color-iconOnControlAccentDisabled__1bl7jj1y);
}
.Checkbox_checkbox__10euuyhf:disabled[aria-checked=true] {
  --borderColor__10euuyha: var(--color-controlAccentDisabled__1bl7jj117);
}
.Checkbox_indicator__10euuyhg {
  opacity: 0;
  transform: scale(0.8);
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  color: var(--iconColor__10euuyhc);
  grid-area: 1 / 1;
}
.Checkbox_indicator_visible_true__10euuyhh {
  opacity: 1;
  transform: none;
  transition-delay: var(--duration-s__1bl7jj11u);
}
.Checkbox_label__10euuyhi {
  display: flex;
  align-items: center;
  height: 100%;
  padding-inline-start: var(--labelGap__10euuyh2);
  cursor: inherit;
  position: relative;
  isolation: isolate;
}
.Checkbox_label__10euuyhi::before {
  content: "";
  position: absolute;
  inset: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  z-index: -1;
}
.Checkbox_label_hidden_true__10euuyhj {
  padding: 0;
}
.Checkbox_error__10euuyhk {
  --color-text__1bl7jj14: var(--color-textCritical__1bl7jj19);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-xxs__1bl7jj11j);
  align-items: start;
  padding-bottom: var(--spacing-s__1bl7jj11l);
}
.Checkbox_errorIcon__10euuyhl {
  background: var(--color-surfaceCritical__1bl7jj1m);
  border-radius: var(--iconSize-l__1bl7jj124);
}

/* vanilla-extract-css-ns:src/styles/VisuallyHidden.css.ts.vanilla.css?source=LlZpc3VhbGx5SGlkZGVuX3Zpc3VhbGx5SGlkZGVuX18xMjM5Z3I5MCB7CiAgYm9yZGVyOiAwOwogIGNsaXA6IHJlY3QoMCAwIDAgMCk7CiAgaGVpZ2h0OiAxcHg7CiAgd2lkdGg6IDFweDsKICBtYXJnaW46IC0xcHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBwYWRkaW5nOiAwOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHdvcmQtd3JhcDogbm9ybWFsOwp9 */
.VisuallyHidden_visuallyHidden__1239gr90 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  word-wrap: normal;
}

/* vanilla-extract-css-ns:src/global/pieces/ChoiceChips/ChoiceChips.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WUT2/bMAzF7/kUOi4HF8v6b3WPvexYIAN2NBSJtpgqkkHRadJh332QvDie46QueskhJN97/DHK1ZPxqODJYB0K5R1LdEBFsdiuS2Nuv4rfMyE0htrKfS5KC7vHmRDrJjCW+ywOgONcKHAMFEvSYuXGCpWsc7GV9CXLQi0VuirbhaJYrOz9er1YvMxjUzTINBIoRu9yobxtNu5x9md2NR402RUWSu4yL1LmNgcybEKbOwssid+VagN3Yt9OxQ4rDYUM1r9I1nVv+noc36jcZ9G10wFsmYvABKxMR/SVokL8vBh7BOZN2uDk3peAnggOkN6OS17A2o3epdGVVC8V+cbpAxXlracsNFRKBUtQ3mlJ+44QJkC11BpddUKyj3I9H1R7NZtUPv4WTu688qSBMpIam3BcwTF5u8Q36Ju+JVMDWBme1PqKmk0uSuRDovgtk3QB2zd1xPdPTzckY6kv1hxAgAyJA8vIVB87wvydW+XGb4GmXOxHbOyU3RlhDEuwoBh0wdRAZ3Q/xeKZcNP/SZiPmkzfZqLVT9gdn9n3JJxk/tfktqtVupkPb5maPn1GIZoAFP87QHEunHdwPvI5Qg+XVhgyuYtM/gK0EfS+fAYAAA== */
.ChoiceChips_container__1vjfhh50 {
  display: flex;
  justify-content: center;
  align-content: center;
  gap: var(--spacing-xs__1bl7jj11k);
  flex-direction: column;
}
.ChoiceChips_container_align_left__1vjfhh51 {
  align-items: flex-start;
}
.ChoiceChips_container_align_center__1vjfhh52 {
  align-items: center;
}
.ChoiceChips_chipWrapper__1vjfhh53 {
  display: flex;
  align-items: center;
  align-content: center;
  gap: var(--spacing-xs__1bl7jj11k);
  align-self: stretch;
  flex-wrap: wrap;
}
.ChoiceChips_chipWrapper_align_left__1vjfhh54 {
  justify-content: flex-start;
}
.ChoiceChips_chipWrapper_align_center__1vjfhh55 {
  justify-content: center;
}
.ChoiceChips_chip__1vjfhh56 {
  background: var(--color-surfaceSecondary__1bl7jj1i);
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-s__1bl7jj11l);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--controlSize-s__1bl7jj11z);
  height: var(--controlSize-s__1bl7jj11z);
  width: fit-content;
  transition: background var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.ChoiceChips_chip__1vjfhh56:hover {
  background: var(--color-surfaceHover__1bl7jj1n);
}
.ChoiceChips_chip_isSelected_true__1vjfhh57 {
  background: var(--color-surfacePrimary__1bl7jj1h);
}
.ChoiceChips_chip_isSelected_true__1vjfhh57:hover {
  background: var(--color-surfacePrimary__1bl7jj1h);
}
.ChoiceChips_chipText__1vjfhh58 {
  color: var(--color-text__1bl7jj14);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  user-select: none;
}
.ChoiceChips_chipText_isSelected_true__1vjfhh59 {
  color: var(--color-textPrimary__1bl7jj16);
}

/* vanilla-extract-css-ns:src/global/pieces/Combobox/Combobox.css.ts.vanilla.css?source=LkNvbWJvYm94X2xpc3RCb3hfX2hvMW94ZDAgewogIG1heC1oZWlnaHQ6IDI2MHB4OwogIG92ZXJmbG93OiBhdXRvOwogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKGNhbGMoMHB4IC0gdmFyKC0tc3BhY2luZy1zX18xYmw3amoxMWwpKSk7CiAgdHJhbnNpdGlvbjogdmFyKC0tZHVyYXRpb24tbV9fMWJsN2pqMTF2KSB2YXIoLS1lYXNpbmctZmFzdG91dFNsb3dpbl9fMWJsN2pqMTFyKTsKICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5LCB0cmFuc2Zvcm07Cn0KLkNvbWJvYm94X2xpc3RCb3hfc3RhdHVzX2VudGVyaW5nX19obzFveGQxIHsKICBvcGFjaXR5OiAxOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKfQouQ29tYm9ib3hfbGlzdEJveF9zdGF0dXNfZW50ZXJlZF9faG8xb3hkMiB7CiAgb3BhY2l0eTogMTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7Cn0KLkNvbWJvYm94X2xvYWRlcl9faG8xb3hkNiB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogMTUwcHg7Cn0KLkNvbWJvYm94X2xvYWRlclNwaW5uZXJfX2hvMW94ZDcgewogIG1hcmdpbjogYXV0bzsKfQouQ29tYm9ib3hfb3B0aW9uX19obzFveGQ4OmRpc2FibGVkIHsKICBvcGFjaXR5OiAwLjQ7Cn0= */
.Combobox_listBox__ho1oxd0 {
  max-height: 260px;
  overflow: auto;
  opacity: 0;
  transform: translateY(calc(0px - var(--spacing-s__1bl7jj11l)));
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
}
.Combobox_listBox_status_entering__ho1oxd1 {
  opacity: 1;
  transform: translateY(0);
}
.Combobox_listBox_status_entered__ho1oxd2 {
  opacity: 1;
  transform: translateY(0);
}
.Combobox_loader__ho1oxd6 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 150px;
}
.Combobox_loaderSpinner__ho1oxd7 {
  margin: auto;
}
.Combobox_option__ho1oxd8:disabled {
  opacity: 0.4;
}

/* vanilla-extract-css-ns:src/global/pieces/CopyInput/CopyInput.css.ts.vanilla.css?source=LkNvcHlJbnB1dF9idXR0b25Db250YWluZXJfc2l6ZV9zX19xOTY2MmkwIHsKICBwYWRkaW5nLXJpZ2h0OiBjYWxjKCh2YXIoLS1jb250cm9sU2l6ZS1zX18xYmw3amoxMXopIC0gdmFyKC0tY29udHJvbFNpemUteHNfXzFibDdqajExeSkpIC8gMik7Cn0KLkNvcHlJbnB1dF9idXR0b25Db250YWluZXJfc2l6ZV9tX19xOTY2MmkxIHsKICBwYWRkaW5nLXJpZ2h0OiBjYWxjKCh2YXIoLS1jb250cm9sU2l6ZS1tX18xYmw3amoxMjApIC0gdmFyKC0tY29udHJvbFNpemUtc19fMWJsN2pqMTF6KSkgLyAyKTsKfQouQ29weUlucHV0X2J1dHRvbkNvbnRhaW5lcl9zaXplX2xfX3E5NjYyaTIgewogIHBhZGRpbmctcmlnaHQ6IGNhbGMoKHZhcigtLWNvbnRyb2xTaXplLWxfXzFibDdqajEyMSkgLSB2YXIoLS1jb250cm9sU2l6ZS1tX18xYmw3amoxMjApKSAvIDIpOwp9 */
.CopyInput_buttonContainer_size_s__q9662i0 {
  padding-right: calc((var(--controlSize-s__1bl7jj11z) - var(--controlSize-xs__1bl7jj11y)) / 2);
}
.CopyInput_buttonContainer_size_m__q9662i1 {
  padding-right: calc((var(--controlSize-m__1bl7jj120) - var(--controlSize-s__1bl7jj11z)) / 2);
}
.CopyInput_buttonContainer_size_l__q9662i2 {
  padding-right: calc((var(--controlSize-l__1bl7jj121) - var(--controlSize-m__1bl7jj120)) / 2);
}

/* vanilla-extract-css-ns:src/global/pieces/DatePicker/DatePicker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1WTY/aMBC9769wD5VAqhFhF9iGU6WVetxVt1IPVYUcewgGx7acYRdU7X+v4mTzQQiwH1J76AniZF7mvZl5k8ENQ7iTfA1uLsq/PxyzFtx8HiSj7WqkhuT3BSGWCSF1HJIH5nqUppZxqWOazudBpKarVRCo/qx6jqKxIRnOLp4uBrW3aPYgY4bS6BI+8PCrTYpysaPcaASNIcleADQCfATQGXDCXCw1jQyiSfbT2G5riawaiTgZLzEkQ7utnypYPB82M8x0SL86KcoERz5BIVOr2C4ksZPig0ysccg0ZpjZCUVIrGIIlBu1SXQaEgcWGPamn0iwcD4lZx5pzOzJ5NsZ7dfk0ucUGSfAUceE3KSeDaln1oYp4698/KMUuAzJ5SjXZgm5VM/XJeWFAn/AlIw1lQhJGhIOGsHNDtWuupUXLSRDwjZoshNulHHPCvgLirDFUoCrFv8UFHAE8Y3puGIwzhVgfB07s9GCFsAujnrBeEKCcUBGV+N+tyAduKHGJeVLqURvqvtnvmVWVQONzXuurEuz2qqqte43G6lAyFv8tSBFUTlTvBcMhx8JJWO7PVfVBns6eSX/bLreSv91GIVL5OM9aY93iszh7eLes6/b0OQdmP400Qo4klv/82ugyNkEj4c2OYAWhxhM36NXX0bhZbFFbQpDHr+oOKll2vNrFPiAf3eKs49Q3wutJfVdoqqm4trHZTZFBXDj/AILiTYamgxbjtmxNeuGv+6f8NBioLNZbnv6zmealql+/uvLalfmwv61JXMP3GjB3K5kMG4TkCmLFIib+rqMPJMO1JsiogQVR5YO3zgHGhvovAtdcqO/cJQPUGK7TiMv4USHD5yB3PqkOOK7e8N94CXpxi0Yhzsnk7rmyyPy7IC5fHhN9bEDb+vpq6qn81sH27o1kR39n1TPJacm90Qrt26UbnFttyQYtZ0pMRqXLX0W//Xpdu7BWlEl9Xo+z2b1EzlHzmMxHR3aDNmbwPaqePoDd/+7MnsNAAA= */
.DatePicker_datePickerWrapper__1m2xj2l0 {
  padding: var(--spacing-s__1bl7jj11l);
  padding-top: 0;
}
.DatePicker_navigation__1m2xj2l1 {
  justify-content: space-between;
  margin-bottom: var(--spacing-xxs__1bl7jj11j);
  padding-right: 0px;
  padding-left: 0px;
}
.DatePicker_datesGrid__1m2xj2l2 {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  row-gap: var(--spacing-xxs__1bl7jj11j);
}
.DatePicker_dateWrapper__1m2xj2l3 {
  border-radius: 0px !important;
}
.DatePicker_date__1m2xj2l4 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: var(--color-text__1bl7jj14);
}
.DatePicker_selectedRange__1m2xj2l5 {
  background-color: rgb(156 151 245) !important;
}
.DatePicker_selectedRange__1m2xj2l5:nth-child(7n) {
  background-color: rgb(156 151 245);
  border-top-right-radius: var(--spacing-l__1bl7jj11n) !important;
  border-bottom-right-radius: var(--spacing-l__1bl7jj11n) !important;
  width: calc(100% - 5px);
}
.DatePicker_selectedRange__1m2xj2l5:nth-child(7n-6) {
  background-color: rgb(156 151 245);
  border-top-left-radius: var(--spacing-l__1bl7jj11n) !important;
  border-bottom-left-radius: var(--spacing-l__1bl7jj11n) !important;
  margin-left: 6px;
}
.DatePicker_startOfSelection__1m2xj2l6 {
  background-color: rgb(156 151 245);
  border-top-left-radius: [object Object].l !important;
  border-bottom-left-radius: [object Object].l !important;
}
.DatePicker_endOfSelection__1m2xj2l7 {
  background-color: rgb(156 151 245);
  border-top-right-radius: [object Object].l !important;
  border-bottom-right-radius: [object Object].l !important;
  margin-right: 5px;
}
.DatePicker_startOfSelection__1m2xj2l6 span {
  margin-left: 0px;
}
.DatePicker_endOfSelection__1m2xj2l7 span {
  margin-right: 0px;
}
.DatePicker_navTitle__1m2xj2l8 {
  text-decoration: none !important;
  display: flex;
  padding: var(--spacing-xs__1bl7jj11k);
  justify-content: center;
  width: 100%;
}
.DatePicker_dayTitles__1m2xj2l9 {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  row-gap: var(--spacing-xxs__1bl7jj11j);
}
.DatePicker_day__1m2xj2la {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: var(--color-textSecondary__1bl7jj15);
}
.DatePicker_disabledDate__1m2xj2lb {
  color: var(--color-textDisabled__1bl7jj1d) !important;
}
.DatePicker_currentDate__1m2xj2lc {
  color: var(--color-iconActive__1bl7jj1r);
}
.DatePicker_selected__1m2xj2ld {
  background-color: var(--color-iconActive__1bl7jj1r);
  border-radius: var(--spacing-l__1bl7jj11n) !important;
  color: var(--color-surfacePrimary__1bl7jj1h) !important;
}
.DatePicker_yearSelector__1m2xj2le {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-xs__1bl7jj11k);
  row-gap: var(--spacing-m__1bl7jj11m);
  justify-content: center;
  align-items: center;
  justify-items: center;
  padding: 8px 12px;
}
.DatePicker_monthSelector__1m2xj2lf {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-xs__1bl7jj11k);
  row-gap: var(--spacing-m__1bl7jj11m);
  justify-content: center;
  align-items: center;
  justify-items: center;
  padding: 8px 12px;
}
.DatePicker_navTitle__1m2xj2l8 .kl-link__text,
.DatePicker_monthSelector__1m2xj2lf .kl-link__text,
.DatePicker_yearSelector__1m2xj2le .kl-link__text {
  background: none !important;
}

/* vanilla-extract-css-ns:src/global/pieces/FolderTree/FolderComponent/FolderComponent.css.ts.vanilla.css?source=LkZvbGRlckNvbXBvbmVudF9jb250YWluZXJfX3ZjajRrMDAgewogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlclJhZGl1cy1jb250cm9sX18xYmw3amoxMWcpOwogIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tZHVyYXRpb24tc19fMWJsN2pqMTF1KSB2YXIoLS1lYXNpbmctZmFzdG91dFNsb3dpbl9fMWJsN2pqMTFyKTsKfQouRm9sZGVyQ29tcG9uZW50X2NvbnRhaW5lcl9kcmFnZ2VkT3Zlcl90cnVlX192Y2o0azAxIHsKICAtLWNvbG9yLXN1cmZhY2VBY3RpdmVfXzFibDdqajFvOiBjb2xvci1taXgoaW4gbGFiLCB2YXIoLS1jb2xvci1jb250cm9sQWNjZW50X18xYmw3amoxMTUpIDIwJSwgdHJhbnNwYXJlbnQpOwogIGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBsYWIsIHZhcigtLWNvbG9yLWNvbnRyb2xBY2NlbnRfXzFibDdqajExNSkgMjAlLCB0cmFuc3BhcmVudCk7Cn0= */
.FolderComponent_container__vcj4k00 {
  width: 100%;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.FolderComponent_container_draggedOver_true__vcj4k01 {
  --color-surfaceActive__1bl7jj1o: color-mix(in lab, var(--color-controlAccent__1bl7jj115) 20%, transparent);
  background: color-mix(in lab, var(--color-controlAccent__1bl7jj115) 20%, transparent);
}

/* vanilla-extract-css-ns:src/global/pieces/FolderTree/TreebeardDecorators.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51UwXKbMBC9+yt06YxprQy4ybTF135Bkzsj0ILlyFq6WmzcTv69IxkDzjRNmqOeHrtv31tx80AAJSjS36FCUozkiwodg+OiqPuvoH+m4vdCCG18a9UpF7WFfrMQQlnTOGkY9j4XFTgGCvAWTLPlXKThgAeg2uIxF1ujNbiAMSnnDRt0+UAWB0VLKXVHKsByXxRZab/sdll2SIZLUN64RtbKM3Z8b/Fo3ESjZHWuWyPtn5ezE+/41nJBqDWepeeThVw4dBCwEkkDSVLadD4fip3BHxGTwTzCWc8mFqvRsazV3tjT5bMIdWZkru8is0KLdOHEg2ToeaTdJpvF0+LmX8EdjDelhYKpg0uKWUzxkk6lbLW8tIiC780vmDm/ThPxaRDhW1UFt/reT2PtEvFRrKNiDPd8ykX2qjKLShvXXClbR2Wlqh4bws5p+RcHfEe1quABiI2i0yhj97IZjE1jxyafz03eG998aZ+t18yT7n/WayopW8IWKDg4LvFqZshKlNhLv1Uaj5v5U2zI6AC0VlUgB4/nj/FoNG8nJ6egr6Lsk/nDfRN5EjdobhWB49fCgL5VToO+yv82RjNOngtCVgzLb6mG5uV8jWu78R91F2sM42Zp+mGzePoDiJgoxtwEAAA= */
.TreebeardDecorators_content__fx8edq0 {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
  transition: height var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r), transform var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  list-style: none;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  font-family: var(--font-ui__1bl7jj125);
  color: var(--color-text__1bl7jj14);
}
.TreebeardDecorators_content_visible_true__fx8edq1 {
  height: calc(var(--controlSize-m__1bl7jj120) + var(--spacing-xxs__1bl7jj11j) * 2);
  opacity: 1;
}
.TreebeardDecorators_content_loading_true__fx8edq2 {
  background-color: var(--color-surfaceTertiary__1bl7jj1j);
}
.TreebeardDecorators_toggle__fx8edq3 {
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property:
    transform,
    background,
    box-shadow;
  display: grid;
  place-content: center;
  width: var(--controlSize-xxs__1bl7jj11x);
  height: var(--controlSize-xxs__1bl7jj11x);
  background: transparent;
}
.TreebeardDecorators_toggle_expanded_true__fx8edq4 {
  transform: rotate(90deg);
}
.TreebeardDecorators_input__fx8edq5 {
  width: 100%;
}

/* vanilla-extract-css-ns:src/global/pieces/FolderTree/TreebeardHeader.css.ts.vanilla.css?source=LlRyZWViZWFyZEhlYWRlcl9mb2xkZXJfX2tqbjB3YzAgewogIGZsZXg6IDEgMSBhdXRvOwogIG1pbi13aWR0aDogMDsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLlRyZWViZWFyZEhlYWRlcl9hY3Rpb25zX19ram4wd2MxIHsKICBkaXNwbGF5OiBmbGV4OwogIHRyYW5zaXRpb246IHZhcigtLWR1cmF0aW9uLXNfXzFibDdqajExdSkgdmFyKC0tZWFzaW5nLWZhc3RvdXRTbG93aW5fXzFibDdqajExcik7CiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBvcGFjaXR5OwogIG9wYWNpdHk6IDA7CiAgcmlnaHQ6IHZhcigtLXNwYWNpbmcteHhzX18xYmw3amoxMWopOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQouVHJlZWJlYXJkSGVhZGVyX2FjdGlvbnNfdmlzaWJsZV90cnVlX19ram4wd2MyIHsKICBvcGFjaXR5OiAxOwp9Ci5UcmVlYmVhcmRIZWFkZXJfbWVudVNwYWNlcl9fa2puMHdjMyB7CiAgd2lkdGg6IHZhcigtLWNvbnRyb2xTaXplLXNfXzFibDdqajExeik7Cn0KLlRyZWViZWFyZEhlYWRlcl9pbnB1dF9fa2puMHdjNCBpbnB1dCB7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7Cn0KQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHsKICAuVHJlZWJlYXJkSGVhZGVyX2FjdGlvbnNfX2tqbjB3YzEgewogICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTsKICAgIHRyYW5zZm9ybTogbm9uZTsKICB9Cn0= */
.TreebeardHeader_folder__kjn0wc0 {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
.TreebeardHeader_actions__kjn0wc1 {
  display: flex;
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: transform, opacity;
  opacity: 0;
  right: var(--spacing-xxs__1bl7jj11j);
  position: absolute;
}
.TreebeardHeader_actions_visible_true__kjn0wc2 {
  opacity: 1;
}
.TreebeardHeader_menuSpacer__kjn0wc3 {
  width: var(--controlSize-s__1bl7jj11z);
}
.TreebeardHeader_input__kjn0wc4 input {
  font-weight: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .TreebeardHeader_actions__kjn0wc1 {
    transition-property: opacity;
    transform: none;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/Heading/Heading.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42TsXKjMBCGe55C5bmQx4B9TvALXHFdipSMgAXWJySPtDbBmbz7DcKWkgvHuGJY/f+32l/S+heIClWTt7dvHqdN3V2OG/YeMUbwRtyAqsCgajKmT4QdXuE3NFigRBoOEWO8h+IPEq+1Im47ral1aqEIhURhoXKyTl+5tm/fdI0Rgy2FhFE1LQ6KWrBoM6a0CvVadCiHjF2E+cEnzhnzPC7k/niMk93KK3vApqXPyldX4QaasxTGm9KNM7lJhcRGZQxVCwZpLJdaanOnuB8ekpoA4PwSFfD21jRex64GRGC4PYnSzck3602yg+4QfUTrf4O3UGpVCTPkZM7gzyF25/D/bbx4230/9WqeT0ar5is8cfDlvCx0WGhZhcCS+QYuvFxCTZ6fhkt0i3ZcXnCXoAiM92+/+SfBLEHCBWQee/MuDGfxCp9He8Er3APkcbg/+/nJJnLiyT8fJCeB/LRETj15/yA5DeTnJfLWk58eJG8DWSyRd578/CB5F8jFau55KG06IWd7kjmrUhB8vb7Cde5bJHAUGBm9EaeRri9gaqn7jLVYVaD8Iw8LICWeLNpD9PEXJyUcnAgFAAA= */
.Heading_heading__13gfmvj0 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-regular__1bl7jj130);
  text-align: inherit;
  color: var(--color-heading__1bl7jj1e);
  line-height: 1.1;
  letter-spacing: -0.025em;
}
.Heading_heading_secondary_true__13gfmvj1 {
  color: var(--color-headingSecondary__1bl7jj1f);
}
.Heading_heading_strong_true__13gfmvj2 {
  font-weight: var(--fontWeight-semibold__1bl7jj132);
}
.Heading_heading_align_left__13gfmvj3 {
  text-align: left;
}
.Heading_heading_align_center__13gfmvj4 {
  text-align: center;
}
.Heading_heading_level_1__13gfmvj5 {
  font-size: var(--fontSize-heading-1__1bl7jj127);
}
.Heading_heading_level_2__13gfmvj6 {
  font-size: var(--fontSize-heading-2__1bl7jj128);
}
.Heading_heading_level_3__13gfmvj7 {
  font-size: var(--fontSize-heading-3__1bl7jj129);
}
.Heading_heading_level_4__13gfmvj8 {
  font-size: var(--fontSize-heading-4__1bl7jj12a);
}
.Heading_heading_level_5__13gfmvj9 {
  font-size: var(--fontSize-heading-5__1bl7jj12b);
  letter-spacing: normal;
}
.Heading_heading_truncate_true__13gfmvja {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* vanilla-extract-css-ns:src/global/pieces/IconButton/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25faWNvbldyYXBwZXJfX2VsajBtMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZTNkKDAuNywgMC43LCAxKTsKICB0cmFuc2l0aW9uOiB2YXIoLS1kdXJhdGlvbi1tX18xYmw3amoxMXYpIHZhcigtLWVhc2luZy1mYXN0b3V0U2xvd2luX18xYmw3amoxMXIpOwogIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTsKICBncmlkLWFyZWE6IDEgLyAxOwp9Ci5JY29uQnV0dG9uX2ljb25XcmFwcGVyX3N0YXR1c19lbnRlcmluZ19fZWxqMG0xIHsKICBvcGFjaXR5OiAxOwogIHRyYW5zZm9ybTogbm9uZTsKICB0cmFuc2l0aW9uLWRlbGF5OiAyNW1zOwp9Ci5JY29uQnV0dG9uX2ljb25XcmFwcGVyX3N0YXR1c19lbnRlcmVkX19lbGowbTIgewogIG9wYWNpdHk6IDE7CiAgdHJhbnNmb3JtOiBub25lOwogIHRyYW5zaXRpb24tZGVsYXk6IDI1bXM7Cn0= */
.IconButton_iconWrapper__elj0m0 {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale3d(0.7, 0.7, 1);
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  grid-area: 1 / 1;
}
.IconButton_iconWrapper_status_entering__elj0m1 {
  opacity: 1;
  transform: none;
  transition-delay: 25ms;
}
.IconButton_iconWrapper_status_entered__elj0m2 {
  opacity: 1;
  transform: none;
  transition-delay: 25ms;
}

/* vanilla-extract-css-ns:src/global/pieces/Label/Label.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42Tu3LbMBBFe30FyqSARqTsaEK3Kd25SMkBiRW5Nh4cYCk+Mvn3DCELpMzIVsMZAnsP9uIuts+iAJWr8M2Tcdef3uod+7NhjKAn7sBIcGiqjNmGUOMIz1BhgQppeNowxjso3pD40RriXltLdagWhlAoFB5kKNN25Nb3q7rKicGXQsFUdd4cDNXg0WfMWDOvH4VGNWTsJNw3fua0mOdJoQ6vr0n6+D1WdoBVTcvK32GFe9BYWCWjap8GVbAqFFYmY2hqcEhxmZww/midzljbNOBK4UNPpVXWXc4IP3yqj+iHQFZogNfv/STbNKwBETjuG1GGK9htdwfQT5u/m+0yDQ+lNVK4ISfXQgwnCeHcOP0lai5tTNfyARyM5gqOFKHpnPj7NUzbN5QlGAIXtfuV9lywNoQj5D7qHoLuHDmOsIzrBUfgQcT9nPC4thKQOiIf70LqGTncQM5v4cddSDUj+zVSWVNdh3gI1I+DYKzTQv1v8q4ews3x1iCxnd3tk3UrEr0oFMjrdn5+NlO/LpILV66x5FpTCoJrrAjYrkaCYBImI50TzWTFnsAdle0yVqOUYKLteQOUwsajXx1XWt3Y1sh8F88qvsgpoPvFNJ3WLiI2idjyHuyC2n5CTSNV3kNdjClN1H/WqRfoqwUAAA== */
.Label_label__1z0xvkh0 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
  text-align: inherit;
  text-transform: uppercase;
  color: var(--color-text__1bl7jj14);
  line-height: 1.2;
  letter-spacing: 0.07em;
}
.Label_label_secondary_true__1z0xvkh1 {
  color: var(--color-textSecondary__1bl7jj15);
}
.Label_label_align_left__1z0xvkh2 {
  text-align: left;
}
.Label_label_align_center__1z0xvkh3 {
  text-align: center;
}
.Label_label_size_s__1z0xvkh4 {
  font-size: var(--fontSize-label-s__1bl7jj12z);
}
.Label_label_size_m__1z0xvkh5 {
  font-size: var(--fontSize-label-m__1bl7jj12y);
}
.Label_label_size_l__1z0xvkh6 {
  font-size: var(--fontSize-label-l__1bl7jj12x);
}
.Label_label_long_true__1z0xvkh7 {
  letter-spacing: normal;
  text-transform: none;
  font-weight: var(--fontWeight-medium__1bl7jj131);
}
.Label_label_disabled_true__1z0xvkh9 {
  color: var(--color-textDisabled__1bl7jj1d);
}
.Label_label_truncate_true__1z0xvkha {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Label_label_compound_0__1z0xvkhb {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
}
.Label_label_compound_1__1z0xvkhc {
  font-size: var(--fontSize-text-s__1bl7jj12u);
}
.Label_label_compound_2__1z0xvkhd {
  font-size: var(--fontSize-text-m__1bl7jj12t);
}

/* vanilla-extract-css-ns:src/global/pieces/Link/Link.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWS0/bQBC+8yv2UimusmADhdZcqgqpFw5VOfSAqmjinSQL611rvA6hFf+92rWzNomdpAIujjKPb17fjH18I/XDRLnHJFnMYiBzxv4eMca5khpvLZkH/CWFXQR9nLLTYnXlbWZSKRQ3UuN3AiFR22CWpMwhAPF5oxotgUacZ0YZ4gXJHOhpMkmm6vL+PomjMdutj+qQld4R9PSgoN8MCaQAnfSH3rLyCRSmlFYanTJCBVYu0Um9Y/oCxeLK/tgo4sJDTD0wdwlW5dqpFv70Mp4ZbcmoNvbcO1oCvY4+NSteLkCYxwZAVAROxfPWbRk1SoRS6jmfQWlNZW+VeZS6NaMaHVeWC8xMjZMybbQvbgrZw5xMpcVa9nx03MObFDLXD0+fNr1NHxcm+JzXxp0Adb67eBUxbThhgWBZEscf6scJixvfQd6GMe+mUBc/XoP7n334WzMKdfFS/sG3GlQBQjijqbHW5OkBaQ3Ma2GWSOwdxvJ/bXv/sfTXfydkCVOF4vdwDwYW+7rxDKMRUf+mMJZVVDoIgTOolO0cgEPnx0qjpHiRQ3Mg6hO1lUxy3uVJyuL9HdjHhb4qBs+CzIwO/pfN68QJbwvIMGg+pSwDlTUXuiwgc6xercq2kPsoYifs9CogXEvCzG1PQLlIWeL0QpaFgqeUSe1ayWcK/UtqiWRlBoqDknOdslwKoXBzVd/qhgZIXpApkOxTWgtnhvJxTaehRqVC0oisijod662XJxsQ65fSpLRA7eg+e6AcaC41b9qC7Tb3TCQaAkYtgtWXHlgf+DDgHUfIxwQtc6irUVI00MEBfPDQ0qa7CiyeidF+OrGPbNQm2dNdZ8GTKBqzeMwOvJ29aXc7Nn110rtz7mb7NUchgY0KwhlSyQlFlaHguVl/trj/NccG132Ayeub9hx8e1Z9wLehftf5LZjwoq3b+b1+agMBnv8BS40nNDoLAAA= */
.Link_link__1hf0aro3 {
  --lineStrokeWidth__1hf0aro0: 2px;
  --filledLineGradient__1hf0aro1: linear-gradient(var(--color-primary__1bl7jj10), var(--color-primary__1bl7jj10));
  --unfilledLineGradient__1hf0aro2: linear-gradient(var(--color-primaryBorder__1bl7jj11), var(--color-primaryBorder__1bl7jj11));
  position: relative;
  color: var(--color-textPrimary__1bl7jj16);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: box-shadow var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  text-decoration: none;
  background: none;
}
.Link_link__1hf0aro3:active {
  box-shadow: none;
}
.Link_text__1hf0aro4 {
  background: var(--filledLineGradient__1hf0aro1) no-repeat 100% 100% / 0 var(--lineStrokeWidth__1hf0aro0), var(--unfilledLineGradient__1hf0aro2) no-repeat 0 100% / 100% var(--lineStrokeWidth__1hf0aro0);
  transition: background-size var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  padding-bottom: var(--lineStrokeWidth__1hf0aro0);
}
.Link_link__1hf0aro3:hover .Link_text__1hf0aro4 {
  background: var(--filledLineGradient__1hf0aro1) no-repeat 0 100% / 100% var(--lineStrokeWidth__1hf0aro0), var(--unfilledLineGradient__1hf0aro2) no-repeat 0 100% / 100% var(--lineStrokeWidth__1hf0aro0);
}
.Link_link__1hf0aro3[disabled] .Link_text__1hf0aro4 {
  color: var(--color-textDisabled__1bl7jj1d);
  background: none;
  cursor: default;
  border-bottom: var(--lineStrokeWidth__1hf0aro0) solid var(--color-controlBorderDisabled__1bl7jj114);
  padding: 0;
}
.Link_link__1hf0aro3[disabled]:hover .Link_text__1hf0aro4 {
  cursor: default;
  background: none;
}
.Link_icon__1hf0aro7 {
  --iconSpace__1hf0aro5: calc(var(--spacing-xxs__1bl7jj11j)) / 2;
  --iconDirection__1hf0aro6: 1;
  display: inline-flex;
  vertical-align: middle;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: transform, color;
}
.Link_icon__1hf0aro7:dir(rtl) {
  --iconDirection__1hf0aro6: -1;
}
.Link_icon_position_start__1hf0aro8 {
  margin-inline-end: var(--iconSpace__1hf0aro5);
}
.Link_icon_position_end__1hf0aro9 {
  margin-inline-start: var(--iconSpace__1hf0aro5);
}
.Link_link__1hf0aro3:hover .Link_icon_animation_slide-start__1hf0aroa {
  transform: translate3d(calc(var(--spacing-xxs__1bl7jj11j) * (var(--iconDirection__1hf0aro6) * -1)), 0, 0);
}
.Link_link__1hf0aro3:hover .Link_icon_animation_slide-end__1hf0arob {
  transform: translate3d(calc(var(--spacing-xxs__1bl7jj11j) * var(--iconDirection__1hf0aro6)), 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .Link_text__1hf0aro4 {
    transition-property: none;
  }
  .Link_icon__1hf0aro7 {
    transition-property: color;
  }
  .Link_link__1hf0aro3:hover .Link_icon_animation_slide-start__1hf0aroa {
    transform: none;
  }
  .Link_link__1hf0aro3:hover .Link_icon_animation_slide-end__1hf0arob {
    transform: none;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/MenuItem/MenuItem.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXTW/bMAy991cIBYY2QBXEabe2LnYYusN22GXdbRgCWWIcJYpkSHI+OvS/D5ItO46dNN4K7JZQ4iP5RD3Rw28g868WlhOqpCVcgp5MYH09TqJr9PsMIYw5VfJRCVUtjGK0IvoSY+qsfn0yiRJxO59H2eDBOwmSgGh4RU0vCxtbed2UXibXU0Kh4Tdu+pVbvqiVy7T0l94/I4xxmYb9JiOUyxRvNqbaGM0H+6s7iwsP4zLDRPBUxkjA1Dob4yYTZBujqYCNM/h1zC0sTYwoSAvamee5sXy6xY5MkDZGxhLtERKlGegYjfwfQhepVrlkMZJKgrNxowSxXMm4/OmtmTK8MGpwyytvpbk2SscoUzxETknWKry7NAZU6TJSCJ4b0NiAAGpr45ozO4tRNBq9qyvAmjCemxCrMH73Nl+1VqKOmg4ezl7Ohkd6LI4TmCoNvtcq1s7PXUDl6rDbDs7KOru6ZfAPqSJkNZGB8MKL5QVXeIfMPDQREOOInhJjVW6fhFrz+ipEeg8SZ1ploF1FZWlXxepU6eXVToGVm1uIkaFEwOVoeDdodgRJjBJ50SdcGrAlU8+YSwabGOHoVfpn7h6FQ7hCR/dOFc0NXnHDEwGNg9tJNjRPdXiv5vCTaE4wbDIiGbCPF1bncPGrgd9HGT5Rd0uqU1CDh7dJkHFDElEn2EMdP5euVVLrPirZ8ma91fIHaMuJ3lYQ87KVvHxgWIG0JlDTTQYpaHW1h1g3PSjYOxV9KgEzIE7TK0foXXtHP5xeYaMLdzumo6W6UQ1/holT4gLxvUdacolnwNOZrVP2evTEn6Gh29uD6XrgCvfDCbg7sM/HYZcB9vYE2GUFOx4dhxUB9u4E2Fqbx9FBWAbG6rx9cPe9ZeNRc8spqaMu+wct1LTHrWgFXfURhpb3/V7KHiUAkDKvrvErYHeE9Qm5qSdGEYoQya06ODDsvp4+TI831FgiGdG1ykVmrxoQsARpQ2ZJOTIINwgVUG3KW4/626dlOV2EeLSdU33YTzmlYOpYdtAecg6++v9vMAnnj81Mc7nwif7Ve3mMspqF4U0HveXM0bhtrK8mF93K3cdKgVCoejnl1h20p5XjYqRsCtXhfdWXQqq5H+QyQSjUHwThW+HlDwipqrp6DQAA */
.MenuItem_container__ew32b13 {
  --iconColor__ew32b10: var(--color-icon__1bl7jj1p);
  --labelColor__ew32b11: var(--color-text__1bl7jj14);
  --surfaceColor__ew32b12: var(--color-surfaceHover__1bl7jj1n);
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: start;
  border: 0;
  background: none;
  isolation: isolate;
  position: relative;
  cursor: pointer;
  gap: var(--spacing-xs__1bl7jj11k);
  text-decoration: none;
  user-select: none;
  width: 100%;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.MenuItem_container__ew32b13::before {
  content: "";
  opacity: 0;
  background: var(--surfaceColor__ew32b12);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property:
    opacity,
    transform,
    background;
  transform: scale(0.8);
  position: absolute;
  inset: 0;
  z-index: -1;
}
.MenuItem_container__ew32b13:hover::before,
.MenuItem_container__ew32b13:focus-visible::before {
  transform: none;
  opacity: 1;
}
.MenuItem_container__ew32b13[aria-expanded=true]::before {
  --surfaceColor__ew32b12: var(--color-surfaceActive__1bl7jj1o);
  transform: none;
  opacity: 1;
}
.MenuItem_container__ew32b13[aria-disabled=true] {
  --iconColor__ew32b10: var(--color-iconDisabled__1bl7jj1w);
  --labelColor__ew32b11: var(--color-textDisabled__1bl7jj1d);
  --surfaceColor__ew32b12: var(--color-surfaceTertiary__1bl7jj1j);
  pointer-events: none;
}
.MenuItem_container_active_true__ew32b14 {
  --iconColor__ew32b10: var(--color-iconActive__1bl7jj1r);
  --labelColor__ew32b11: var(--color-heading__1bl7jj1e);
  --surfaceColor__ew32b12: var(--color-surfaceActive__1bl7jj1o);
}
.MenuItem_container_active_true__ew32b14::before {
  opacity: 1;
  transform: none;
}
.MenuItem_container_size_xs__ew32b15 {
  min-height: var(--controlSize-xs__1bl7jj11y);
}
.MenuItem_container_size_s__ew32b16 {
  min-height: var(--controlSize-s__1bl7jj11z);
}
.MenuItem_container_size_m__ew32b17 {
  min-height: var(--controlSize-m__1bl7jj120);
}
.MenuItem_container_size_l__ew32b18 {
  min-height: var(--controlSize-l__1bl7jj121);
}
.MenuItem_container_destructive_true__ew32b19 {
  --surfaceColor__ew32b12: var(--color-surfaceCritical__1bl7jj1m);
}
.MenuItem_container_destructive_true__ew32b19:hover {
  --iconColor__ew32b10: var(--color-iconCritical__1bl7jj1v);
  --labelColor__ew32b11: var(--color-textCritical__1bl7jj19);
}
.MenuItem_label__ew32b1a {
  --color-text__1bl7jj14: var(--labelColor__ew32b11);
  flex: 1 1 auto;
  user-select: none;
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.MenuItem_element__ew32b1b {
  color: var(--iconColor__ew32b10);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.MenuItem_tick__ew32b1c {
  color: var(--color-iconSuccess__1bl7jj1t);
  opacity: 0;
  transform: scale(0.8);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  flex-shrink: 0;
}
.MenuItem_container__ew32b13[aria-disabled=true] .MenuItem_tick__ew32b1c {
  opacity: 0.4;
}
.MenuItem_tick_visible_true__ew32b1d {
  opacity: 1;
  transform: none;
}
.MenuItem_selection__ew32b1e {
  width: var(--iconSize-s__1bl7jj122);
  height: var(--iconSize-s__1bl7jj122);
  display: grid;
  place-content: center;
}

/* vanilla-extract-css-ns:src/global/pieces/TextInput/TextInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1aWY/bNhB+318hFAiyDszAcrI5VLRoegTJW9AUSIGiMChpbHOXIlWS8rHF9rcXpCSKumzJa+eh6D6tyDm+GQ6Hw6Gf/wY79ZGlmVpEnClMGIjFwhfq7f7NbeT9feV5CBE9/4XEam2nbgLPn82efHvleSmXRBHOAk8AxYpsQI9uNXngbbC47hYw0VRLzhRa4oTQfUmrh96bEUv7YurMoYwsFn5IX9/e+vObiRGT4B0qFOaoHq6eV4bl2gVOU8e22NgWE5lSvA+8JYWdAURhh2IiIMpNijjNEtZnZr8aSe5hsZNWHbiu/ABktVZ27m1pul4Bwelncg/I8OZW+ntjZMH8njOlKSw7dj1neBXslCtgvnEFfMJxTNjK8oclv0xxRNgK7Vzdt5OjZlZWLsda6Si6P8VIx8bsojYmVtRqrI1JhXF2io0Ovxpno2Pi3XETqZW0HmsirSD6p5jo8MtRJla+8ZODFm6wIJipRchFDIKCrIKWuNZ2aJwNkZsxLZYwiC3r7Ui5FIdQrUFiuNOcDYWUR3cIWHw0jp2cZpi6wFslrH/GqI845aJacMqFWS+r8aVRuDYRUsv1zaAxdDxT2kOBxzgzZ0S+GMYTnhfi6G4leKZtVAIzmWIBTLVOCcLWIEg1rmO3GVVWsT91UbXDcVKdQtuaFXroS92I+bQ1hwSsMoqFdciLWS6xWLdSWtpY/VkNVis2ajIQYdprSCosLDzz8QuFBFjjXH09PVVnl1In4oDFnQrfPE5h7dgulqLYVIhlCQgS1dY8Iaw86js35pDYDtZ8AyKP8ExIJ8TNlyV8OfV0uHcmlkF6YiJxSCE+tJl+LmhsDMWn6wtSiiNYcxqX5nXr/FSRWbWh3QqOvx9pdy+gHEpCdteEeRSH0yFu8V7Onkzd3GAcpYmxAHxykhOQp5AyKzUisp7dtLZ3AnAjwb2aehGm0fWhFOg98+ZFuUoYKsUOYzs9ItAWwjuikAQsojWKIeIC6zp2euUVf2cRHGEWAUVhptTZZQuQGVXyssIrz9RvBmVYlGz63MdCW1vOdSxNXv4jmWBaHel8IJnR33u29VX3jSNnRKFbVPE1EOkgoiFIWyV6H9Cj1WpRiUNMsqoc/2sY1RCkrUL7kUgpFquq1hCDiIbgbFXLPTiPFseNqtipXeUIUgO5LOX8dOdJTklcS+jFXeFHQ1Shyu8KJqEXV+tcTM5VSIizfFe6d8VsUhYlWGpLpcIsxqI6LPzcMW5N6eKRmVjiCCz5alKVo0jgmGSyZMgHfzVjpR2VmtUF/epUKa5bgn7PftAMFbieY+M84GqlzUB8rTPdXCAuBnHJo0yOwfdeM1TgXlwQ3B8CcMwZ3f95BGDY2DOzS4LSM4iwDaYk/u6pEhk8PYYvEkSRCDs56TBACQnpuIRvRjP0pJ3G1fErJZeG1vNnkrO5bXxWqefrr4LR3h9Ggx2dYs4H+sLp5mxAL7PLbQPMKtoameU9Z57uOnZGOdpzTh+sG2xvjCvFEyurtuOt3BH7fYml4pn6TPmWsIpMTOqvADiUnGaqaGTlEEwjS+QGm/8pLMt/U06YAoFgA0zJ6l6hI3xJ+Tbw1iSOgR2+6hU74h9vgOsHeXVYzWD1dwfP4+AMPEE62irnc8OAvNEhPwhCWHIBRWuDKdDdk2++sXG45CIJPBlhCr9fz1rl7pmCshKJUsFTEGofeFzfAtR+WgHpj1/CJKiOPmyHu95FEbCqA+zf9LvJJESIFzpIrM92NZ85Tuq4S0Peb7S8+7wn3mmC4mlhwNB2tNNJPEbaeibElKwYIgoSGXjaISD08G0mFVnukQ2FaqojqZKIV0uZTvqTxMNVT8h3O6hHVSvEt82lK8WVHl6YNrOVfm+km1hpNKWbndiWIGBVmenP2nJMn7lPSmXd957crIog6HbUEfZnncw4U7zJLITTCPb94i2n6w2k3V79qZnReqJohdMB7znlOWcifExzx9jwMQ+ywo75wYxYXItb8BO3U1/slYizxgvufN71GtRL11kj95HX7EoAy0w4b/n+iwOJoe/ctauxEiQ+sKc3RJKQUKJzanlC//8k9Z9+kloTBWaPQeClwkSLUV2GNuMiwdQN9o5fndgo7b1v+zdD7rBDhNYKfP/V48X23B3816eLTjKqiKkLavWA/8aIbPocbQVOzWJwEZuPwAsF4DukB1zX58m79Wxz2hvLD7pvjL3rVMAShEQC4iyCGCW8/OmP/p4YyCNKw8Mlmob7cPXwL0cm8kyLJQAA */
.TextInput_container__1rt9y8jc {
  --inputWidth__1rt9y8j5: 100%;
  position: relative;
  width: var(--inputWidth__1rt9y8j5);
  font-family: var(--fontFamily__1rt9y8j3, var(--font-ui__1bl7jj125));
  max-width: 100%;
}
.TextInput_inputWrapper__1rt9y8jd {
  display: flex;
  flex-direction: column;
  position: relative;
}
.TextInput_inputWrapper_size_xs__1rt9y8je {
  --inputHeight__1rt9y8j9: var(--controlSize-xs__1bl7jj11y);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-xs__1bl7jj12v);
  --inputPadding__1rt9y8jb: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_inputWrapper_size_s__1rt9y8jf {
  --inputHeight__1rt9y8j9: var(--controlSize-s__1bl7jj11z);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-s__1bl7jj12u);
  --inputPadding__1rt9y8jb: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_inputWrapper_size_m__1rt9y8jg {
  --inputHeight__1rt9y8j9: var(--controlSize-m__1bl7jj120);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-m__1bl7jj12t);
  --inputPadding__1rt9y8jb: var(--spacing-xs__1bl7jj11k);
}
.TextInput_inputWrapper_size_l__1rt9y8jh {
  --inputHeight__1rt9y8j9: var(--controlSize-l__1bl7jj121);
  --inputFontSize__1rt9y8ja: var(--fontSize-text-l__1bl7jj12s);
  --inputPadding__1rt9y8jb: var(--spacing-m__1bl7jj11m);
}
.TextInput_inputWrapper_variant_borderless__1rt9y8ji {
  --inputPadding__1rt9y8jb: 0;
}
.TextInput_inputWrapper_variant_underlined__1rt9y8jj {
  --inputPadding__1rt9y8jb: 0;
}
.TextInput_label__1rt9y8jm {
  padding-block-end: var(--spacing-xxs__1bl7jj11j);
  display: block;
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn {
  color: var(--color-text__1bl7jj14);
  height: var(--inputHeight__1rt9y8j9);
  outline: none;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--fontSize__1rt9y8j1, var(--inputFontSize__1rt9y8ja));
  font-weight: var(--fontWeight__1rt9y8j2, var(--fontWeight-regular__1bl7jj130));
  padding: var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb));
  padding-inline-start: var(--startElementWidth__1rt9y8j7, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  padding-inline-end: var(--endElementWidth__1rt9y8j8, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  width: 100%;
  font-variant-numeric: inherit;
  min-width: 0;
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn:hover {
  cursor: var(--cursor__1rt9y8j4, text);
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn:disabled {
  color: var(--color-textDisabled__1bl7jj1d);
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::placeholder {
  color: var(--color-textPlaceholder__1bl7jj1b);
  font: inherit;
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn:disabled::placeholder {
  color: color-mix(in lab, var(--color-textDisabled__1bl7jj1d) 40%, transparent);
}
textarea.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn {
  resize: none;
  width: 100%;
  height: var(--textAreaHeight__1rt9y8j6, calc(var(--inputHeight__1rt9y8j9) * 2));
  min-height: calc(var(--inputHeight__1rt9y8j9) * 2);
}
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-decoration,
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-cancel-button,
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-results-button,
.TextInput_input__1rt9y8jn.TextInput_input__1rt9y8jn::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}
.TextInput_input_size_x-small__1rt9y8jo.TextInput_input_size_x-small__1rt9y8jo {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  padding: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_input_size_small__1rt9y8jp.TextInput_input_size_small__1rt9y8jp {
  font-size: var(--fontSize-text-s__1bl7jj12u);
  padding: var(--spacing-xs__1bl7jj11k);
}
.TextInput_input_size_medium__1rt9y8jq.TextInput_input_size_medium__1rt9y8jq {
  font-size: var(--fontSize-text-m__1bl7jj12t);
  padding: var(--spacing-xs__1bl7jj11k);
}
.TextInput_input_size_large__1rt9y8jr.TextInput_input_size_large__1rt9y8jr {
  font-size: var(--fontSize-text-l__1bl7jj12s);
  padding: var(--spacing-m__1bl7jj11m);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js {
  border: 1px solid var(--color-controlBorder__1bl7jj111);
  transition: border-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js:hover {
  border-color: var(--color-controlBorderHover__1bl7jj112);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js:disabled {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js:focus {
  border-color: var(--color-controlBorderFocus__1bl7jj113);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js[readonly] {
  border-color: var(--color-border__1bl7jj110);
}
.TextInput_input_variant_bordered__1rt9y8js.TextInput_input_variant_bordered__1rt9y8js[aria-invalid=true] {
  border-color: var(--color-critical__1bl7jj12);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv {
  border: 1px solid transparent;
  transition: border-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  background: transparent;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv:hover {
  border-color: var(--color-controlBorder__1bl7jj111);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv:disabled:hover {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv:focus {
  border-color: var(--color-controlBorderFocus__1bl7jj113);
}
.TextInput_input_variant_semiborderless__1rt9y8jv.TextInput_input_variant_semiborderless__1rt9y8jv[aria-invalid=true] {
  border-color: var(--color-critical__1bl7jj12);
}
.TextInput_underline__1rt9y8jw {
  height: 2px;
  border-radius: 2px;
  background: var(--color-controlBorder__1bl7jj111);
  padding-bottom: 2px;
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}
.TextInput_input__1rt9y8jn:hover ~ .TextInput_underline__1rt9y8jw {
  background: var(--color-controlBorderHover__1bl7jj112);
}
.TextInput_input__1rt9y8jn[aria-invalid=true] ~ .TextInput_underline__1rt9y8jw {
  background: var(--color-critical__1bl7jj12);
}
.TextInput_input__1rt9y8jn:disabled ~ .TextInput_underline__1rt9y8jw {
  background: var(--color-controlBorderDisabled__1bl7jj114);
}
.TextInput_underline__1rt9y8jw::before {
  content: "";
  transform: scaleX(0);
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  position: absolute;
  inset: 0;
  background: var(--color-controlAccent__1bl7jj115);
}
.TextInput_underline_focused_true__1rt9y8jx::before {
  transform: none;
}
.TextInput_element__1rt9y8jy {
  position: absolute;
  top: 0;
  height: var(--inputHeight__1rt9y8j9);
  min-width: var(--inputHeight__1rt9y8j9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-icon__1bl7jj1p);
  pointer-events: none;
}
:disabled ~ .TextInput_element__1rt9y8jy {
  color: var(--color-iconDisabled__1bl7jj1w);
}
.TextInput_element_position_start__1rt9y8jz {
  inset-inline-start: 0;
}
.TextInput_element_position_end__1rt9y8j10 {
  inset-inline-end: 0;
}
.TextInput_element__1rt9y8jy > svg {
  pointer-events: none;
}
.TextInput_element__1rt9y8jy > * {
  pointer-events: auto;
}
.TextInput_error__1rt9y8j11 {
  --color-text__1bl7jj14: var(--color-textCritical__1bl7jj19);
  display: flex;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.TextInput_errorIcon__1rt9y8j12 {
  background: var(--color-surfaceCritical__1bl7jj1m);
  width: var(--iconSize-s__1bl7jj122);
  height: var(--iconSize-s__1bl7jj122);
  border-radius: var(--iconSize-s__1bl7jj122);
}
.TextInput_measurer__1rt9y8j13 {
  position: absolute;
  pointer-events: none;
  display: grid;
  align-items: center;
  visibility: hidden;
  font-family: inherit;
  font-size: var(--fontSize__1rt9y8j1, var(--inputFontSize__1rt9y8ja));
  font-weight: var(--fontWeight__1rt9y8j2, var(--fontWeight-regular__1bl7jj130));
  padding: var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb));
  padding-inline-start: var(--startElementWidth__1rt9y8j7, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  padding-inline-end: var(--endElementWidth__1rt9y8j8, var(--padding__1rt9y8j0, var(--inputPadding__1rt9y8jb)));
  white-space: pre;
  line-height: normal;
  height: 100%;
}
.TextInput_measurer_variant_bordered__1rt9y8j15 {
  border: 1px solid transparent;
}
.TextInput_measurer_variant_borderless__1rt9y8j16 {
  border: 1px solid transparent;
}
.TextInput_measurer_variant_semiborderless__1rt9y8j17 {
  border: 1px solid transparent;
}
.TextInput_measurer_multiline_true__1rt9y8j18 {
  white-space: pre-wrap;
  word-wrap: break-word;
  height: auto;
  width: 100%;
  min-height: calc(var(--inputHeight__1rt9y8j9) * 2);
}
@media (prefers-reduced-motion: reduce) {
  .TextInput_underline__1rt9y8jw::before {
    transition-property: opacity;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/NumberInput/NumberInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VYy3KbMBTd5yu06YzdKSnCzous+pg+Np1O2pkuGQGyrURIRBK2k07/vSOBQDgQjJOmW+nec47uS4Ljb0UWY/GV5YWKEs4UIgyLKDqDuJgFZ+D3EQCeFxdKcSbfc5Fi8YFTXlv4IVgjMfG8RK96GkFwWhpGEYzp2fU1hHB6aXCIpik3r8hypa5QSgppsQKLFZcWZtNCNmDLHjALA0MA8y2QnJIUKIGYzJHATDleP/FWvaNkyazPLAQUL4xJziVRhLMQCEyRImusVxecKW+NBEFMeazIsCBJCBSKC4qEXpCXR3+OjrujWflFBUuxoITh1PKeVwF+5Cz+nqHz9xBQBrahv3DpfxRigRJs907amZV2t0qDzsJ4vnDF11g8qaq+aISmGoIDdSA5CRc8KaS3JpLEFE+fpOqThmpUzfZXRbGs04gqDTlKU8KWUQSFurg7v/bHpLcF+AaM9ymTdJBnGdENUSvC9olnqz0HzydxRh6yxi9G9AzV256Jhwv5j+UryT2OtrWYpDVD9F61MW/4DJPe87YOy507yL/bki+dT62zzFFC2NLbup7Xg/pqeekoeQ7H/T9Ul1kgPEpdVnME/ih1jribQXHU4ixGiWtu6ACOEdccCmaPaUt4lvOCpZFvobLDpmUNBC0Qcw/a9TZIMFNYXPaxlQfqPO1eJwqsOX+Z50BNPLMO+QsTz63Dbe8102H7DPP3I5EopvolYItuvleKTiy4eCkRFbTFK1qMO2WmHs4jt+dJ1Y+lr9vJMgQJoslk4pRwq9On4C0IpsADlUU3/RS8BsHUsJS3lfMEbxbLUNSP/P7QOUCefpYf5Kh47gldoZ4wJTrm46KCiLlSPDsYxbw5qm+J0r5yTguB9LJ73RTTahMjqTMoFWIpEk6NSAO6wlpNa+a0E2b0o+RmKXThtg13XvjGFulZ50lMFyHAzKSrGnHtgD/IeW/F9n/urE0R2xIxE0XxPARBvu1F23lu3Fd9YJaj7e15kJ77IYCnGuKxBoFDHDUF9Ad6bRCqvt8hfCpUfRvDYACqP4g1xMxA6Pm1oHwTghVJU8x03DYkVat2wltzoqP2uq16R6n9pTCwDUylOnXS28gDN9GejTwCRTzovK6bcnrYwNuJm+KcKpL/EijPm+jAuQlMlSzo+6+GHFGh+GfBN5ESRZ0neOLCaJO9YRaIygbntEPOX0/Ud7ZSEgAA */
.NumberInput_container__71eu327 {
  --buttonsBorderColor__71eu320: var(--color-controlBorder__1bl7jj111);
  --inputBorderRightRadius__71eu322: var(--borderRadius-control__1bl7jj11g);
  --inputBorderRight__71eu321: 1px solid transparent;
  --inputTextAlign__71eu323: left;
  position: relative;
  font-variant-numeric: tabular-nums;
}
.NumberInput_container_variant_underlined__71eu328 {
  --inputBorderRight__71eu321: 0;
  --inputBorderRightRadius__71eu322: 0;
}
.NumberInput_container_variant_bordered__71eu329 {
  --inputSurface__71eu325: var(--color-surface__1bl7jj1g);
}
.NumberInput_container_variant_bordered__71eu329:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorderHover__1bl7jj112);
}
.NumberInput_container_variant_bordered__71eu329:has(:focus-visible) {
  --buttonsBorderColor__71eu320: var(--color-controlBorderFocus__1bl7jj113);
}
.NumberInput_container_variant_borderless__71eu32a {
  --padding__1rt9y8j0: 0;
}
.NumberInput_container_variant_borderless__71eu32a,
.NumberInput_container_variant_borderless__71eu32a:hover,
.NumberInput_container_variant_borderless__71eu32a:focus-within {
  --buttonsBorderColor__71eu320: transparent;
}
.NumberInput_container_variant_semiborderless__71eu32b {
  --buttonsBorderColor__71eu320: transparent;
}
.NumberInput_container_variant_semiborderless__71eu32b:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorder__1bl7jj111);
}
.NumberInput_container_variant_semiborderless__71eu32b:has(:focus-visible) {
  --buttonsBorderColor__71eu320: var(--color-controlBorderFocus__1bl7jj113);
}
.NumberInput_container_size_xs__71eu32c {
  --inputSize__71eu324: var(--controlSize-xs__1bl7jj11y);
  --inputPadding__71eu326: var(--spacing-xxs__1bl7jj11j);
}
.NumberInput_container_size_s__71eu32d {
  --inputSize__71eu324: var(--controlSize-s__1bl7jj11z);
  --inputPadding__71eu326: var(--spacing-xxs__1bl7jj11j);
}
.NumberInput_container_size_m__71eu32e {
  --inputSize__71eu324: var(--controlSize-m__1bl7jj120);
  --inputPadding__71eu326: var(--spacing-xs__1bl7jj11k);
}
.NumberInput_container_size_l__71eu32f {
  --inputSize__71eu324: var(--controlSize-l__1bl7jj121);
  --inputPadding__71eu326: var(--spacing-m__1bl7jj11m);
}
.NumberInput_container_compound_0__71eu32m {
  --padding__1rt9y8j0: 0;
}
.NumberInput_container_compound_1__71eu32n {
  --inputTextAlign__71eu323: center;
  --padding__1rt9y8j0: var(--inputPadding__71eu326);
}
.NumberInput_container_compound_2__71eu32o {
  --inputBorderRight__71eu321: 0;
  --inputBorderRightRadius__71eu322: 0;
}
.NumberInput_container_compound_3__71eu32p {
  --inputBorderRight__71eu321: 0;
  --inputBorderRightRadius__71eu322: 0;
}
.NumberInput_container_compound_4__71eu32q,
.NumberInput_container_compound_4__71eu32q:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorderDisabled__1bl7jj114);
}
.NumberInput_container_compound_5__71eu32r:hover {
  --buttonsBorderColor__71eu320: var(--color-controlBorderDisabled__1bl7jj114);
}
.NumberInput_buttons__71eu32u {
  --buttonPadding__71eu32t: var(--spacing-xxxs__1bl7jj11i);
  --buttonSize__71eu32s: calc((var(--inputSize__71eu324) / 2) - (var(--buttonPadding__71eu32t) * 2));
  border: 1px solid;
  border-color: var(--buttonsBorderColor__71eu320);
  border-left-color: var(--buttonsBorderColor__71eu320);
  border-top-right-radius: var(--borderRadius-control__1bl7jj11g);
  border-bottom-right-radius: var(--borderRadius-control__1bl7jj11g);
  transition: border var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  height: var(--inputSize__71eu324);
  background: var(--inputSurface__71eu325);
  align-self: end;
  padding: var(--buttonPadding__71eu32t);
}
.NumberInput_buttons_variant_underlined__71eu32v {
  border: 0;
  top: 2px;
}
.NumberInput_buttons_size_xs__71eu32z {
  --size__xq82d80: 16px;
  --buttonPadding__71eu32t: 1px;
}
.NumberInput_buttons_size_s__71eu3210 {
  --buttonPadding__71eu32t: 1px;
}
.NumberInput_buttons_size_m__71eu3211 {
  --buttonPadding__71eu32t: 1px;
}
.NumberInput_buttons_size_l__71eu3212 {
  --buttonPadding__71eu32t: 2px;
}
.NumberInput_button__71eu3213 {
  overflow: hidden;
  width: var(--buttonSize__71eu32s);
  height: var(--buttonSize__71eu32s);
}
.NumberInput_container__71eu327.NumberInput_container__71eu327 input {
  border-top-right-radius: var(--inputBorderRightRadius__71eu322);
  border-bottom-right-radius: var(--inputBorderRightRadius__71eu322);
  border-right: var(--inputBorderRight__71eu321);
  border-color: var(--buttonsBorderColor__71eu320);
}
.NumberInput_tooltipWrapper__71eu3214 {
  width: 100%;
}
.NumberInput_tooltipWrapper_autoGrow_true__71eu3215 {
  width: auto;
}
.NumberInput_tooltipWrapper_autoGrow_false__71eu3216 {
  width: 100%;
}

/* vanilla-extract-css-ns:src/global/pieces/Panel/Panel.css.ts.vanilla.css?source=LlBhbmVsX3BhbmVsX18xNW4wMWQ5MiB7CiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itc3VyZmFjZV9fMWJsN2pqMWcpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlclJhZGl1cy1zdXJmYWNlX18xYmw3amoxMWgpOwogIHBvc2l0aW9uOiB2YXIoLS1wb3NpdGlvbl9fMTVuMDFkOTEsIGFic29sdXRlKTsKICB3aWR0aDogdmFyKC0td2lkdGhfXzE1bjAxZDkwLCAxMDAlKTsKICB6LWluZGV4OiAxOwogIGJvcmRlcjogMDsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzBfXzE1bjAxZDkzIHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uMF9fMWJsN2pqMTFjKTsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzFfXzE1bjAxZDk0IHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uMV9fMWJsN2pqMTFkKTsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzJfXzE1bjAxZDk1IHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uMl9fMWJsN2pqMTFlKTsKfQouUGFuZWxfcGFuZWxfZWxldmF0aW9uXzNfXzE1bjAxZDk2IHsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZWxldmF0aW9uM19fMWJsN2pqMTFmKTsKfQ== */
.Panel_panel__15n01d92 {
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  position: var(--position__15n01d91, absolute);
  width: var(--width__15n01d90, 100%);
  z-index: 1;
  border: 0;
}
.Panel_panel_elevation_0__15n01d93 {
  box-shadow: var(--shadow-elevation0__1bl7jj11c);
}
.Panel_panel_elevation_1__15n01d94 {
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
.Panel_panel_elevation_2__15n01d95 {
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.Panel_panel_elevation_3__15n01d96 {
  box-shadow: var(--shadow-elevation3__1bl7jj11f);
}

/* vanilla-extract-css-ns:src/global/pieces/OptionMenu/OptionMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42TS26DMBCG95zCy1DFkZ1H05AzVF30AJYTDHFqbMse59Eqd68IBJpUQHbAjL5P/8ww+bAgjX4XOjDLtVCM0bkBc84I+okQwtgaL8sWxuhCE5quaIIyeRLpOkIIHNdVOUEH7kYYp8Hx8h17xuhGLfd7SkNcFwX3Uuc44x5MgE9ljlK3bS6+R2LrjBUOzgkylm8lnMdVNTOuKFutkRqEw+IgNPgEaaNF+b3uThBZR5do8i+il9+C+YKrNi2t0x5lCrsmKkkQfSX21IMpRCpD0XCmXZwp6eco7nLRYGadmHknplkUGNuA5ldQM7WkelQcxCwdkXG9F18OTOf49GdpX/EYkXhA5WS+g0a26JNtudqO+nToBWFaSp/wbgyAaaf+OpDyefeQWImszbvs0w5Mttt1kF5ulGDgQnsQb1dVc9h0fS++Xf7jH8EDmEeLkr6NsKq4AZTU4sa5/AKuBRmJFgQAAA== */
.OptionMenu_panel__14otoyf0 {
  --position__15n01d91: fixed;
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  pointer-events: none;
  opacity: 0;
}
.OptionMenu_panel_size_small__14otoyf1 {
  --width__15n01d90: 160px;
}
.OptionMenu_panel_size_medium__14otoyf2 {
  --width__15n01d90: 200px;
}
.OptionMenu_panel_size_large__14otoyf3 {
  --width__15n01d90: 240px;
}
.OptionMenu_panel_position_top__14otoyf4 {
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
}
.OptionMenu_panel_position_right__14otoyf5 {
  transform: translate3d(calc(var(--spacing-xs__1bl7jj11k) * -1), 0, 0);
}
.OptionMenu_panel_position_bottom__14otoyf6 {
  transform: translate3d(0, calc(var(--spacing-xs__1bl7jj11k) * -1), 0);
}
.OptionMenu_panel_position_left__14otoyf7 {
  transform: translate3d(var(--spacing-xs__1bl7jj11k), 0, 0);
}
.OptionMenu_panel_visible_true__14otoyf8 {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.OptionMenu_list__14otoyf9 {
  outline: none;
}

/* vanilla-extract-css-ns:src/global/pieces/RadioGroup/RadioGroup.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71WyW7bMBC9+yuIAEXiNgykZitk9NAFaHttjkVhjMmxzZjmCCRlOyn67wUpq5IcxUpiIPDBWt682R919hOkom+WinysPC7H4/VmcS/zhP0ZMCaVyzXcZWxmlRwNWPznHpe5Bo9ckC6WxmUMCk8sndoAAa1mhgculzHnwfrR4O/grOHHhsvK0VV0xHl8eKPusXqRZmwF9oRzQcZb0uEd32zceJxO9PXtbZpuhqPa9DNZifYLabIVw/uaQZOteEpgzZI2Wb7TaofkvE0y2bFOmtY/jENfGV5Whi4HocyMN0NfNM1uUKPwikzL8UVn9J+EQONrostIVEYV2QpX2T2saMSulfTzHswc1Wzue0AT2nA3B0nrjKmQOUviL803TcOuxpT2IBYzS4WR7UxdYacg8H+Os4jOyalQo4xZ1ODVCkddA5prEFhNXygVxqH0FkxlX/qShYVwz5d1MVfD7UsEFzo2Beep8Dea1srUMDtsU/LcUo7W32WNmpw28otwyh8MRGua1XD/nmTZBKdkMe5LmAY0PmNHR+3iwMSRLnwsTmxKxgRocbLrueH4dsjeMp72uZ+H1YjOD2n86RZ73sZ27F1PPL/AKuBijmKB8uOxtwUe/25qyZMFoXulnioILZKIrpmuHpnzfVvf1wapHEw0yhelWgK/binqQC8Ok6OHhNe9NYzrk4NF4wNUFNaRzZghz0FrWqN8Qf8Pq86+ZNqhKCOVAF8TXkeHW2ltLFyHdDLenIL2kTFsqe+hPM85FZ4nxrF5U7LLjDkBGk+Ss3JrKAhMEMLkcVl6LS3exnJaR7t7am1FMd5x1LiKUaQ1u4yd75aaJ8xDo0yGDLYKlO7OlIYJ6sr+Q7TPQcqQuzJaGeTxY6r/q6IanzRJ3jRXKydVHYfdh6lypKF8XF7Gp0tl+Hawk/0xv8IJxdg9V0biJmM8VrDe+Hesp5rdEvMPRD8UVAELAAA= */
.RadioGroup_item__wxkzdp0 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
}
.RadioGroup_radio__wxkzdp6 {
  --radioSize__wxkzdp1: var(--controlSize-xxs__1bl7jj11x);
  --radioBorderColor__wxkzdp2: var(--color-controlBorder__1bl7jj111);
  --radioHoverColor__wxkzdp3: var(--color-border__1bl7jj110);
  --radioInset__wxkzdp5: var(--spacing-xs__1bl7jj11k);
  --radioSelectionColor__wxkzdp4: var(--color-controlAccent__1bl7jj115);
  border-radius: var(--radioSize__wxkzdp1);
  width: var(--radioSize__wxkzdp1);
  height: var(--radioSize__wxkzdp1);
  box-shadow: inset 0 0 0 1px var(--radioBorderColor__wxkzdp2);
  background: var(--color-surface__1bl7jj1g);
  position: relative;
  display: grid;
  place-items: center;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: box-shadow, background;
  top: var(--spacing-xxxs__1bl7jj11i);
}
.RadioGroup_radio__wxkzdp6::before {
  content: "";
  position: absolute;
  inset: calc(var(--spacing-xxs__1bl7jj11j) * -1);
}
.RadioGroup_radio__wxkzdp6:hover {
  box-shadow: inset 0 0 0 1px var(--radioBorderColor__wxkzdp2), 0 0 0 3px var(--radioHoverColor__wxkzdp3);
}
.RadioGroup_radio__wxkzdp6[aria-checked=true] {
  --radioBorderColor__wxkzdp2: var(--color-controlAccent__1bl7jj115);
  --radioHoverColor__wxkzdp3: var(--color-controlAccentHover__1bl7jj116);
  background: var(--radioSelectionColor__wxkzdp4);
}
.RadioGroup_radio__wxkzdp6:disabled {
  --radioBorderColor__wxkzdp2: var(--color-controlBorderDisabled__1bl7jj114);
  --radioSelectionColor__wxkzdp4: var(--color-controlAccentDisabled__1bl7jj117);
  --radioHoverColor__wxkzdp3: transparent;
  cursor: not-allowed;
}
.RadioGroup_radio__wxkzdp6[aria-checked=true]:disabled {
  --radioBorderColor__wxkzdp2: var(--color-controlAccentDisabled__1bl7jj117);
}
.RadioGroup_indicator__wxkzdp7 {
  width: calc(var(--radioSize__wxkzdp1) - var(--radioInset__wxkzdp5));
  height: calc(var(--radioSize__wxkzdp1) - var(--radioInset__wxkzdp5));
  border-radius: var(--radioSize__wxkzdp1);
  background: var(--color-surface__1bl7jj1g);
  transform: scale(0.5);
  opacity: 0;
  position: absolute;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
[aria-checked=true] .RadioGroup_indicator__wxkzdp7 {
  transform: none;
  opacity: 1;
}
.RadioGroup_label__wxkzdp8 {
  padding-inline-start: var(--spacing-xs__1bl7jj11k);
  height: 100%;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  min-width: 0;
}
.RadioGroup_label__wxkzdp8::before {
  content: "";
  position: absolute;
  inset: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  z-index: -1;
}
:disabled + .RadioGroup_label__wxkzdp8 {
  cursor: not-allowed;
}

/* vanilla-extract-css-ns:src/global/pieces/SearchInput/SearchInput.css.ts.vanilla.css?source=LlNlYXJjaElucHV0X2NvbnRhaW5lcl9fMmNpdGp4MCB7CiAgd2lkdGg6IDEwMCU7Cn0KLlNlYXJjaElucHV0X2NsZWFyX18yY2l0angxIHsKICB0cmFuc2l0aW9uOiB2YXIoLS1kdXJhdGlvbi1tX18xYmw3amoxMXYpIHZhcigtLWVhc2luZy1mYXN0b3V0U2xvd2luX18xYmw3amoxMXIpOwogIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTsKICBwb2ludGVyLWV2ZW50czogYXV0bzsKICB0cmFuc2Zvcm06IHNjYWxlM2QoMC44LCAwLjgsIDEpOwogIG9wYWNpdHk6IDA7Cn0KLlNlYXJjaElucHV0X2NsZWFyX3Zpc2libGVfdHJ1ZV9fMmNpdGp4MiB7CiAgb3BhY2l0eTogMTsKICB0cmFuc2Zvcm06IG5vbmU7Cn0KQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHsKICAuU2VhcmNoSW5wdXRfY2xlYXJfXzJjaXRqeDEgewogICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTsKICAgIHRyYW5zZm9ybTogbm9uZTsKICB9Cn0= */
.SearchInput_container__2citjx0 {
  width: 100%;
}
.SearchInput_clear__2citjx1 {
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  pointer-events: auto;
  transform: scale3d(0.8, 0.8, 1);
  opacity: 0;
}
.SearchInput_clear_visible_true__2citjx2 {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .SearchInput_clear__2citjx1 {
    transition-property: opacity;
    transform: none;
  }
}

/* vanilla-extract-css-ns:src/global/pieces/SegmentedControl/SegmentedControl.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYW2/bNhR+z68gChS1tzCQnGZNFexl3cMK7KFYBgzDMBg0eWQzpkiNpBwnQ//7QFISJfkmN92APcUReW7fOTznI6/uYVmAtMA+KGm1EnOqpCVcgp7P04QUz9X6Bv19gRDGXBqw7ddZhmbl9u4CIcZNKchThnIB/oP7ixnXQC1XMkNUiaqQbmVJygxtiJ5gbEpCuVzi7dbM5+lCvHt4SNOH6d3F54urHadU6TSZ1vh33qVSGR4saBDE8g303FlqzrxRzRkmlVU4F+qx604pCAXMLRQmQ8ZqsHQVvzskQNr+CmGMy2UTxACSqduyIHS91KqSrNlFlVAam0rnhMI9UCUZ0U9t1NyLcaNcDC6a8NMHswK+XNmoyMNxz58BF638LAl2lWagsSaMVyZDlAg6CWJh5Re/0OiImC+n6NsD4fhs/EE0J5jLDRGcff/G6gre/InG5ijYzlBabpFRgrMeJlRzyymJ3sxOFIDhzzDfRiPv6to0UBJNrNIfeyFcn6w2X9hUySGmrWS7GAVns1owePVRCi7hU6iM1vTboemOYTE9ntuuk09jEImA3P5/AOlaXp9ApLP1eQwgRWv2/bmA7Hg1Fo/u4r+Nx+D0n8RDtGbJmXjslO1/BUeUT4sTaHT6R3oCDWKeigKs5nSeE2GgtU89LnFWhClhMlRwWZDtJLlEaa4PaOeScerAbNWxwYQiC6NEFZr6I2d2FUdILfqb+9rKh55uNZEmV7rIwk83Fq7ZZCD5M+Qxgen0EiWXqJkJW2xWhLmxV6Pr/8MgYOOnTRpRZmPGV7t9uW/ojJs3TlBAbjOU+CBVeXSeKmtVcWyHh6bGuUWs3s8q7ePsltNmWi8CMa7ScmKsquy9UI9cxm3aKy8VlxY0hg1IazIklfRJfHb4wzZD6amSiO65eu9XHfgy6QYQ9O/TuKisVbIVzeuDHNJjYWtb19/2U+fWdmnHTR3ePg7VLYImYFppo3TWAPKi7DdHOU2S150T0fy7Q+EGhIxC40GPwcXPhynfGAba0jzMfatqBI62rwOdYZi0wKboCugaIpsam8kVkNpqWIaRVrNsAbnSodpaGF+9ujvYo/w5wwuh6LrHJYfnD32DcDqNEg1iyYhe8pPa+GtGiEW+rKEol037VFs2lAjnxdXtsEEM2kIn9dU5bSGqxKVWJWhn2lu9bFzxqbFqDdLMGdHrX1dQxP55fbOHQx/NWxfNgGPBtxMukSCLy7FXjUukl4tJghKUTNFN8npsAeVcG4tVju1TCT23unnHxhJtRxZMnWqrSuymwbGcD4dPuupqCBPiy5SMCl6QMbGDT8yZkWvXCF8c+pdpGRX7yh3SXtDtSUs7J61ywb6gBR6zkwwOHAM/HI6d5JHBMW7IQgA7a5T+WAu1ewJxauajVBYTIdQjsDO9OBj9ES0tjZ87HFuly54uXU9b916zT1dU0siveoiEUor4Jn1Q6o78w2BXOj08XmqPIv+7CZO/IXtJj2LhdLfD76PGv09waGn9ll8Lfh1GeBy/DTd8IaCfDL5zbPYpAQHuQyv1UKcgRjKfb/+6nbHb6wzlXIgzRpmxxA2CWLKpOcL+utQWhVHTT7i747WqSg9KPEpjIzugd+d0PXZeoYa86QW2DpPifcmpe0LQuT7y+tjHrluF3uzXupVUBjQ2IIDayNALssU9Jr23zLTunHNxVuf7MHyuez/d+wB8Hsnu3P/OehT2kXyknVZa7PCkPaxoJ4jwutC/lB984+o/Qhzet5fHHtr++R+Y4yTqhxcAAA== */
.SegmentedControl_container__10amzuk5 {
  --inset__10amzuk2: 2px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs__1bl7jj11j);
}
.SegmentedControl_options__10amzuk6 {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  place-items: stretch;
  place-content: stretch;
  padding: var(--inset__10amzuk2);
  background: var(--color-surfaceSecondary__1bl7jj1i);
  isolation: isolate;
  height: var(--controlSize-m__1bl7jj120);
  border-radius: calc(var(--borderRadius-control__1bl7jj11g) + var(--inset__10amzuk2));
}
[aria-invalid=true] .SegmentedControl_options__10amzuk6 {
  border: 1px solid var(--color-critical__1bl7jj12);
}
.SegmentedControl_options_size_xs__10amzuk7 {
  --separatorInset__10amzuk3: var(--spacing-xxs__1bl7jj11j);
  --iconSize-m__1bl7jj123: var(--iconSize-s__1bl7jj122);
  --optionInlinePadding__10amzuk4: var(--spacing-s__1bl7jj11l);
  height: var(--controlSize-xs__1bl7jj11y);
}
.SegmentedControl_options_size_s__10amzuk8 {
  --separatorInset__10amzuk3: var(--spacing-xxs__1bl7jj11j);
  --iconSize-m__1bl7jj123: var(--iconSize-s__1bl7jj122);
  --optionInlinePadding__10amzuk4: var(--spacing-xs__1bl7jj11k);
  height: var(--controlSize-s__1bl7jj11z);
}
.SegmentedControl_options_size_m__10amzuk9 {
  --separatorInset__10amzuk3: var(--spacing-xs__1bl7jj11k);
  --iconSize-m__1bl7jj123: var(--iconSize-m__1bl7jj123);
  --optionInlinePadding__10amzuk4: var(--spacing-xs__1bl7jj11k);
  height: var(--controlSize-m__1bl7jj120);
}
.SegmentedControl_options_size_l__10amzuka {
  --separatorInset__10amzuk3: var(--spacing-s__1bl7jj11l);
  --iconSize-m__1bl7jj123: var(--iconSize-m__1bl7jj123);
  --optionInlinePadding__10amzuk4: var(--spacing-m__1bl7jj11m);
  height: var(--controlSize-l__1bl7jj121);
}
.SegmentedControl_options_asymmetric_false__10amzukc {
  grid-auto-columns: minmax(0, 1fr);
}
.SegmentedControl_indicator__10amzukd {
  position: absolute;
  width: var(--indicatorWidth__10amzuk0);
  transform: translate3d(var(--indicatorLeft__10amzuk1), 0, 0);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  left: 0;
  top: var(--inset__10amzuk2);
  bottom: var(--inset__10amzuk2);
  transition: transform var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  pointer-events: none;
  z-index: 1;
}
.SegmentedControl_indicator_transitioning_false__10amzuke {
  transition: none;
}
.SegmentedControl_button__10amzukf {
  --color-text__1bl7jj14: var(--color-textSecondary__1bl7jj15);
  position: relative;
  background: none;
  cursor: pointer;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  height: 100%;
  width: 100%;
  display: grid;
  place-content: center;
  place-items: center;
  grid-auto-flow: column;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding-inline: var(--optionInlinePadding__10amzuk4);
}
.SegmentedControl_button__10amzukf[aria-checked=true] {
  --color-text__1bl7jj14: var(--color-heading__1bl7jj1e);
}
.SegmentedControl_button__10amzukf::before {
  content: "";
  position: absolute;
  inset-block: calc(var(--inset__10amzuk2) * -1);
  inset-inline: 0;
  background: var(--color-surfaceHover__1bl7jj1n);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  opacity: 0;
  scale: 0.8;
  transition: var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: scale, opacity;
}
.tokens_darkTheme__1bl7jj135 .SegmentedControl_button__10amzukf::before {
  background: color-mix(in lab, var(--color-surfaceSecondary__1bl7jj1i), rgb(0 0 0) 50%);
}
.SegmentedControl_button__10amzukf:first-of-type::before {
  inset-inline-start: calc(var(--inset__10amzuk2) * -1);
  border-top-left-radius: var(--borderRadius-surface__1bl7jj11h);
  border-bottom-left-radius: var(--borderRadius-surface__1bl7jj11h);
}
.SegmentedControl_button__10amzukf:last-of-type::before {
  inset-inline-end: calc(var(--inset__10amzuk2) * -1);
  border-top-right-radius: var(--borderRadius-surface__1bl7jj11h);
  border-bottom-right-radius: var(--borderRadius-surface__1bl7jj11h);
}
.SegmentedControl_button__10amzukf:hover::before {
  opacity: 1;
  scale: unset;
}
.SegmentedControl_button__10amzukf[aria-checked=true]:hover::before {
  opacity: 0;
  transition-delay: var(--duration-s__1bl7jj11u);
}
.SegmentedControl_button__10amzukf:disabled {
  --color-text__1bl7jj14: var(--color-textDisabled__1bl7jj1d);
  cursor: not-allowed;
}
.SegmentedControl_button__10amzukf:disabled::before {
  opacity: 0;
}
.SegmentedControl_button_separator_true__10amzukg::before {
  right: 1px;
}
.SegmentedControl_separator__10amzukh {
  --color-border__1bl7jj110: var(--color-controlBorder__1bl7jj111);
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
.SegmentedControl_separator_visible_true__10amzuki {
  opacity: 1;
}
.SegmentedControl_element__10amzukj {
  --transition__xq82d83: fill var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  position: relative;
  z-index: 1;
  color: var(--color-icon__1bl7jj1p);
}
:disabled .SegmentedControl_element__10amzukj {
  color: var(--color-iconDisabled__1bl7jj1w);
}
[aria-checked=true] .SegmentedControl_element__10amzukj {
  color: var(--color-textSecondary__1bl7jj15);
}
.SegmentedControl_text__10amzukk {
  position: relative;
  z-index: 1;
  transition: color var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  user-select: none;
  max-width: 100%;
}
.SegmentedControl_error__10amzukl {
  --color-text__1bl7jj14: var(--color-textCritical__1bl7jj19);
  display: flex;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.SegmentedControl_errorIcon__10amzukm {
  background: var(--color-surfaceCritical__1bl7jj1m);
  width: var(--iconSize-s__1bl7jj122);
  height: var(--iconSize-s__1bl7jj122);
  border-radius: var(--iconSize-s__1bl7jj122);
}

/* vanilla-extract-css-ns:src/global/pieces/Select/Select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VXTW/jNhC951fwEiAuzK3kJN1GQS/dbtEFukDQAO2hKAxapCQmFKmSlC3vYv97QVKUKFuy7G57Skxq3gzn483Mm2fCSKrXyv1Zq9dY4t09+HwFAITu9Jl+Iv7mNgFbJG8gTAXXUjBzB8v1Ot6wty8v8SpaPF4BUAlFNRU8AZIwpOmWmFNMVcXQPgG5pPjx6svVm6FyZfQ0yqv67jIjjGBrRbxfTMF36G8vQw/AP02Clx7i+6/y3zg48xAPl4GzHjweAf9Doqoi0kMgC34QKQAQozmHVJNSJSAlXBNpjs011KSsGNIEpoLVJVcJiDMJUK3FtLYCqQ+p4Gst6876jVU9AWngzsCtGEpJIRgmcoCdWuxUMCF7HzEhoSaNfgqEvK82I676wKu6KxE8iMITwpjy3F/eeSWqQinleZg+zFbIRkhMJJQI01r5r93hb/bMx7AXzAPBBMRVA5RgFA+e0wr9aD/qRWMnitLXXIqaYzjiCVXLDKWkE3LqMsF1AigviKT68dCH7vG/I6nW1Djnnbn0TlgtvZxFMp6GNo8SwEimu/yRYpeAuPvpQp6AGHwLoD3WEnHPJ63frBWtEbiWyFyGTq4X7SVByvg/Q0qLWj8zsaO8/0xay9JaKvOmSlCf2KLWjHKSAC645a6C0LzQw3cPSs/xnkuDBESDDw+zYza3kkJsibQZFj44mY71L0agf9hqXkUm0lo5Ff8iL84062ejpDfrdtasP5GkCFK+RYziH0wJ/7UEFwqET5s2U1JNU3RYKmdYiKlCG0bwnGHdd5dH86dWtPfc3SBTMclQzY7rsee0IwQ8+bCDtksuIrYmbLsvp3V0KrLLVAQaXk9r6Bpw/n9p6LpwcZGGvsPH5aSCsaZIrZqWV6DhzdMcdIj8hDjpbH4Zb+7j01rHZad9NaRnYb7S+0NmDp6/PZeZlw44E7L8L+AsqzvrEhB1dhv4xP1rBo5bfBMtQYpYegNj8M3Jty+WwE27JWqg7w/30bawqrZEZkzs4D6ZGFlcZJRGulZrO1EFCfRqI9XZGx/Y67rSPKKpfwfIvgJwkPdlmJAzY84h3q9o0ycjH2T2Rmgtyll2mZ4/mMEezB/R8ogVO7C7xVgVmuJrhcVEqZhR0XI1MXNRPwnvKNZF4jJnuj4BBKuqWYQDxbkSh8a+l7J/ajU13vou1+8A4ZzSeX1VNeGxFtWlFPmR8Npb8/cczWS0IfbIKrLF6JgtClzp9Nsfi6lybR3XLHyo92Nxtbb5smio7qvCNeUtVXRDmS2MgmJMuDPXToOQbAnXaqpE3jNSEt51fTd1uCxRhGVhiowDjoaN2kxs/V1NrtRTxiiNpB60Ed3vVt18fTSAT8ERjgdg9Xh8LZbhOmiILwFO0YntcbKYQv8pLYlOi6P1YDWyP/SDbALM+I4kzM2GRbi+eYgwydueUiFJuAbR9dI5H5a0uaEcMLRZzsy+4MFIBSgLsDInM1JxFF23vULmlNv1bWQN9GvD3CJ47mfR49TwcN5c4jOgQOr5KKe2xzl1Ow3hp+EBxO7UWn7WCGtpMCTuxlXg6Ehj6ablurOWnneH9FmOLe/30bVdlZlAut9tXaShHOyNs2xKzHs+EqVQ3nlpf+yloPGFEoP+F4f795d/AILJreTpEwAA */
.Select_select__sk1rdw5 {
  --selectSize__sk1rdw3: var(--controlSize-m__1bl7jj120);
  position: relative;
  display: grid;
}
.Select_select_size_xs__sk1rdw6 {
  --selectSize__sk1rdw3: var(--controlSize-xs__1bl7jj11y);
}
.Select_select_size_s__sk1rdw7 {
  --selectSize__sk1rdw3: var(--controlSize-s__1bl7jj11z);
}
.Select_select_size_m__sk1rdw8 {
  --selectSize__sk1rdw3: var(--controlSize-m__1bl7jj120);
}
.Select_select_size_l__sk1rdw9 {
  --selectSize__sk1rdw3: var(--controlSize-l__1bl7jj121);
}
.Select_selectWrapper__sk1rdwa {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
}
.Select_selectWrapper_hasIcon_true__sk1rdwb {
  grid-template-columns: auto 1fr auto;
}
.Select_selectWrapper_placeholder_true__sk1rdwc {
  color: var(--color-textPlaceholder__1bl7jj1b);
}
.Select_selectInput__sk1rdwd {
  --selectPadding__sk1rdw4: var(--spacing-s__1bl7jj11l);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid var(--color-controlBorder__1bl7jj111);
  background-color: var(--color-surface__1bl7jj1g);
  font: inherit;
  color: var(--selectVars_inputColor__sk1rdw2, inherit);
  text-align: left;
  grid-row: 1;
  grid-column: 1 / -1;
  transition: border-color var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  cursor: pointer;
  outline: none;
  height: var(--selectSize__sk1rdw3);
  padding: 0 var(--selectPadding__sk1rdw4);
}
.Select_selectInput__sk1rdwd:hover {
  border-color: var(--color-controlBorderHover__1bl7jj112);
}
.Select_selectInput__sk1rdwd:focus {
  background-color: var(--color-surface__1bl7jj1g);
  border-color: var(--color-controlBorderFocus__1bl7jj113);
}
.Select_selectInput__sk1rdwd[aria-invalid=true],
.Select_selectInput__sk1rdwd[aria-invalid=true]:focus {
  border-color: var(--color-criticalBorder__1bl7jj13);
}
.Select_selectInput__sk1rdwd[disabled],
.Select_selectInput__sk1rdwd[disabled]:hover {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
  cursor: default;
  color: var(--color-textDisabled__1bl7jj1d);
}
.Select_selectInput_size_xs__sk1rdwe {
  --selectPadding__sk1rdw4: var(--spacing-xxs__1bl7jj11j);
}
.Select_selectInput_size_s__sk1rdwf {
  --selectPadding__sk1rdw4: var(--spacing-xs__1bl7jj11k);
}
.Select_selectInput_size_m__sk1rdwg {
  --selectPadding__sk1rdw4: var(--spacing-xs__1bl7jj11k);
}
.Select_selectInput_size_l__sk1rdwh {
  --selectPadding__sk1rdw4: var(--spacing-m__1bl7jj11m);
}
.Select_selectInput_hasIcon_true__sk1rdwi {
  padding-left: var(--selectSize__sk1rdw3);
}
.Select_selectPanel__sk1rdwj {
  display: grid;
  position: relative;
  padding: var(--spacing-xs__1bl7jj11k);
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r), transform var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  opacity: 0;
  transform: translate3d(0, calc(-1 * var(--spacing-xs__1bl7jj11k)), 0);
  max-height: 50vh;
  overflow-y: auto;
}
.Select_selectPanel_status_entering__sk1rdwk {
  opacity: 1;
  transform: none;
}
.Select_selectPanel_status_entered__sk1rdwl {
  opacity: 1;
  transform: none;
}
.Select_selectPanel_size_l__sk1rdwm {
  padding: var(--spacing-s__1bl7jj11l);
}
.Select_selectLabel__sk1rdwn {
  padding-bottom: var(--spacing-xxs__1bl7jj11j);
  color: var(--selectVars_labelColor__sk1rdw0, var(--color-text__1bl7jj14));
}
.Select_selectIcon__sk1rdwo {
  display: grid;
  place-content: center;
  width: calc(var(--selectSize__sk1rdw3) - 2px);
  height: calc(var(--selectSize__sk1rdw3) - 2px);
}
.Select_selectError__sk1rdwp {
  color: var(--color-critical__1bl7jj12);
  padding-bottom: 2px;
  padding-top: var(--spacing-xs__1bl7jj11k);
}
.Select_selectMenu__sk1rdwq {
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--width);
  transform: translate(var(--x), var(--y));
}
.Select_selectMenu_status_exited__sk1rdwr {
  visibility: hidden;
  pointer-events: none;
}
.Select_selectElement__sk1rdws {
  place-self: center;
  pointer-events: none;
  color: var(--color-icon__1bl7jj1p);
  position: relative;
}
.Select_selectElement_start_true__sk1rdwt {
  grid-column: 1;
  grid-row: 1;
}
.Select_selectElement_end_true__sk1rdwu {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  place-content: center;
  place-self: stretch;
  grid-column: 2;
  grid-row: 1;
  background: linear-gradient(90deg, transparent 0%, color-mix(in lab, var(--color-surface__1bl7jj1g) 90%, transparent) 20%, var(--color-surface__1bl7jj1g) 100%);
  margin: 1px;
  border-radius: 0 var(--borderRadius-control__1bl7jj11g) var(--borderRadius-control__1bl7jj11g) 0;
  padding-left: var(--spacing-m__1bl7jj11m);
}
.Select_selectElement_hasStart_true__sk1rdwv {
  grid-column: 3;
}
.Select_selectElement_disabled_true__sk1rdww {
  color: var(--color-textDisabled__1bl7jj1d);
}
.Select_selectErrorIcon__sk1rdwx {
  position: relative;
  top: 2px;
  background-color: var(--color-surfaceCritical__1bl7jj1m);
  border-radius: 50%;
  float: left;
  margin-right: var(--spacing-xs__1bl7jj11k);
}
.Select_errorMessage__sk1rdwy {
  color: var(--selectVars_errorMessageColor__sk1rdw1, inherit);
}

/* vanilla-extract-css-ns:src/global/pieces/Separator/Separator.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WYUW/aSBSF3/MrrL40XZWK8ZBAqFZa7ds+7+NqFRnbAYOxHWMSklX/+wqCZ/CdcTjXYz+1KnS+xDPf8dzz4++4CMqgysvHnfrbY5Kux/FMeP/deF6U7Io0eJt7T2l8+Hnjnf4c7VZlkm3m3vjnza+bH58t8k9QJsEoL5M4q4IqybPfv67yMnnPsypIv/57YpyWjJIyDo9fmHthnu632RH2mkTVau69BOXtaLRL3uN63fF3L9hX+bcu/Je4rJKwlV7mr0f0Kk6Wq8qJPZ8v4qe8jE+YMM+qOKvm3pcvx+UXQbhZlvk+i2pEmKd5OVrkZRSXj49ikU7XayHGnX7Fy0fc+Cnq30oUB7dH11j1vE2fLVoEUZRkyz/TPNw8Hg6HXY3xTyucPx4tjp+rh14E4fEfP75eP5Gk/YkQiGJIhHGBWKMIRZgAhAvABgSo9e+ur3+xfAouv62Xv7++/FYvvwWXT+vlp9eXT/XyGfr01foz4OlfAD5Rl5wgRXhATtAFooARmhFAJlxAnq9C/srSJIsbvommcMnpG67GKY7GSAjDkq6maMgEgbC8OzM04g5AsNQ7E5R74h4gsOw7E9TBElOAwBKw3gmNmCE7wXJQnSkNeYDOFEtDbYjGBJghmInboFwmmeW99+Hhx8e17WGQhrefq+j95o0EitM0idIaRnJgmjUBWQ0xGShNusNIDT8ZIOWof4+BGpoyQOrs+VMM1LCVs0uaNAN3qSEt6/Rp1gN6+hrusmAXtAA2q6EwhLO8UWXD5Dou+lLZfLVKCfP4MhvvWDlBaXyd6ctW3oEsvtD0rSvvQRRfafr6lVMQxZfaeA/LGbpbfK3NF7J8gE8iX2zLm1kGuGktav+xjaMk8G63STY6j63T8bg4fDutfP3CXgWLNK4a/i9O/5U9w3reLx5RAUMMSO7WXJ7CRRCO3LKZNAWLERi5bzNZKgOeEBa5eTNZ6uguERa5g3N3TMFW0I6R2zj7PCpcgp1Hci9n8zRwDRpHbujXiefMsUguqOXo4MyHaiYVHZyi2UhNpK5jIzUXqHlUd2i+5uL0qE2Nh4ZtLk4PklR6aPJm757mUe+xMZx/QjWRqg/O5B1M1ExqPzqgfwK9HCUs8vu1/J2ndS5bo0Mcbb3tM8kaHMFg68Wfx9XYGMVaZwAeVc/3TyjVOg7wqHpQXaJU62TA3FmNXcE7ax0SuGdZgxP8LFvnBbbBGr1mGGwdHa6y2+8OksRHh4qATdfwkAHvliBttwkZ4ehuGdJyrZAxDO6WIi33C/kEc7vlSMtFQy5hbrckabtxyBW+w92ypPXqIRPGue6WJu13ELnmGN2aJ9Y6QvicPiINiiovGnGzGbaPUEQFTAftI2qewm2H7CPONAXLBuwjziwVH/mAfcSZpU5wMWAfUe+Ygj0P2Ueo86hw5aB9hDZOAXcD9xEWyQW1vPc+wvRcUNH77iMM1QV1vec+gtouqO799hFUeEGN77ePoM4LKn2/fYShvaDe99xHmOYLqn7ffYRFfkHt77mPsMjvbxjTjEsfYWaAn+Jolz7CiAJ/C4Nd+giaCH6GYl36CBoMfo5SXfoImg9+gVJd+ggjJvxneGdd+ggzLfwSP8sufYQlNPwdw2CnPsISH3LDmV6c+ggzQGTKgDv1EUaEyC2OduojaIjIDAY79RE0RmQOc536CBoksoC5Tn2EESXyGd9hpz7CDBNZMs61Ux9hiRO54xjN7CPuZ4w+Iop3G5o31bCFhEYq4n7QRkIBFe9lyEqixina64CdRA1TGXIYsJSoYeocvw3YSqhdU7T3IWsJfSr1pDAetJi4UE8jxcDVhM13QYXvvZuwKC+o832XE6b1gmrfczthiC+o+f3WE4b7gsrfbz9h6C+o//0WFGYCCBoBPTcUlhDwaQj0XVHYYsCnMdBzR2FLAb9ijDguJYUlDPw9znZpKcxM8F9gsktNYUSD/4pyXXoKIyH8A4p1KSqMoPDfUKxLU2Hmhf8O765LVWGJDTnGT7RLV2FLDykYJjuVFbYckRVntnFqKyxJIvcMulNdYWaJfMHZTn2FkSbyFSY7FRZGnsgDDHZqLIxEkW8w2KmyMDNFvuO77NRZWFJlMmacbqfSwpYrE8Exu721+B9LnLmbxkIAAA== */
.Separator_separator__ilj0e81 {
  display: flex;
  flex-shrink: 0;
}
.Separator_separator__ilj0e81[aria-orientation=horizontal] {
  flex-direction: column;
  width: var(--size__ilj0e80, auto);
}
.Separator_separator__ilj0e81[aria-orientation=vertical] {
  flex-direction: row;
  height: var(--size__ilj0e80, auto);
}
.Separator_separator__ilj0e81::before {
  content: "";
  background: var(--color-border__1bl7jj110);
}
.Separator_separator__ilj0e81[aria-orientation=horizontal]::before {
  height: 1px;
}
.Separator_separator__ilj0e81[aria-orientation=vertical]::before {
  width: 1px;
}
.Separator_separator_paddingBlock_xxxs__ilj0e82 {
  padding-block: var(--spacing-xxxs__1bl7jj11i);
}
.Separator_separator_paddingBlock_xxs__ilj0e83 {
  padding-block: var(--spacing-xxs__1bl7jj11j);
}
.Separator_separator_paddingBlock_xs__ilj0e84 {
  padding-block: var(--spacing-xs__1bl7jj11k);
}
.Separator_separator_paddingBlock_s__ilj0e85 {
  padding-block: var(--spacing-s__1bl7jj11l);
}
.Separator_separator_paddingBlock_m__ilj0e86 {
  padding-block: var(--spacing-m__1bl7jj11m);
}
.Separator_separator_paddingBlock_l__ilj0e87 {
  padding-block: var(--spacing-l__1bl7jj11n);
}
.Separator_separator_paddingBlock_xl__ilj0e88 {
  padding-block: var(--spacing-xl__1bl7jj11o);
}
.Separator_separator_paddingBlock_xxl__ilj0e89 {
  padding-block: var(--spacing-xxl__1bl7jj11p);
}
.Separator_separator_paddingBlock_xxxl__ilj0e8a {
  padding-block: var(--spacing-xxxl__1bl7jj11q);
}
.Separator_separator_paddingInline_xxxs__ilj0e812 {
  padding-inline: var(--spacing-xxxs__1bl7jj11i);
}
.Separator_separator_paddingInline_xxs__ilj0e813 {
  padding-inline: var(--spacing-xxs__1bl7jj11j);
}
.Separator_separator_paddingInline_xs__ilj0e814 {
  padding-inline: var(--spacing-xs__1bl7jj11k);
}
.Separator_separator_paddingInline_s__ilj0e815 {
  padding-inline: var(--spacing-s__1bl7jj11l);
}
.Separator_separator_paddingInline_m__ilj0e816 {
  padding-inline: var(--spacing-m__1bl7jj11m);
}
.Separator_separator_paddingInline_l__ilj0e817 {
  padding-inline: var(--spacing-l__1bl7jj11n);
}
.Separator_separator_paddingInline_xl__ilj0e818 {
  padding-inline: var(--spacing-xl__1bl7jj11o);
}
.Separator_separator_paddingInline_xxl__ilj0e819 {
  padding-inline: var(--spacing-xxl__1bl7jj11p);
}
.Separator_separator_paddingInline_xxxl__ilj0e81a {
  padding-inline: var(--spacing-xxxl__1bl7jj11q);
}
.Separator_separator_marginBlock_xxxs__ilj0e822 {
  margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
}
.Separator_separator_marginBlock_xxs__ilj0e823 {
  margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
}
.Separator_separator_marginBlock_xs__ilj0e824 {
  margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
}
.Separator_separator_marginBlock_s__ilj0e825 {
  margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
}
.Separator_separator_marginBlock_m__ilj0e826 {
  margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
}
.Separator_separator_marginBlock_l__ilj0e827 {
  margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
}
.Separator_separator_marginBlock_xl__ilj0e828 {
  margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
}
.Separator_separator_marginBlock_xxl__ilj0e829 {
  margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
}
.Separator_separator_marginBlock_xxxl__ilj0e82a {
  margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
}
.Separator_separator_marginInline_xxxs__ilj0e832 {
  margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
}
.Separator_separator_marginInline_xxs__ilj0e833 {
  margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
}
.Separator_separator_marginInline_xs__ilj0e834 {
  margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
}
.Separator_separator_marginInline_s__ilj0e835 {
  margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
}
.Separator_separator_marginInline_m__ilj0e836 {
  margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
}
.Separator_separator_marginInline_l__ilj0e837 {
  margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
}
.Separator_separator_marginInline_xl__ilj0e838 {
  margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
}
.Separator_separator_marginInline_xxl__ilj0e839 {
  margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
}
.Separator_separator_marginInline_xxxl__ilj0e83a {
  margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
}
@media (min-width: 700px) {
  .Separator_separator_paddingBlock_tablet_xxxs__ilj0e8b {
    padding-block: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingBlock_tablet_xxs__ilj0e8c {
    padding-block: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingBlock_tablet_xs__ilj0e8d {
    padding-block: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingBlock_tablet_s__ilj0e8e {
    padding-block: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingBlock_tablet_m__ilj0e8f {
    padding-block: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingBlock_tablet_l__ilj0e8g {
    padding-block: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingBlock_tablet_xl__ilj0e8h {
    padding-block: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingBlock_tablet_xxl__ilj0e8i {
    padding-block: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingBlock_tablet_xxxl__ilj0e8j {
    padding-block: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_paddingInline_tablet_xxxs__ilj0e81b {
    padding-inline: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingInline_tablet_xxs__ilj0e81c {
    padding-inline: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingInline_tablet_xs__ilj0e81d {
    padding-inline: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingInline_tablet_s__ilj0e81e {
    padding-inline: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingInline_tablet_m__ilj0e81f {
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingInline_tablet_l__ilj0e81g {
    padding-inline: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingInline_tablet_xl__ilj0e81h {
    padding-inline: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingInline_tablet_xxl__ilj0e81i {
    padding-inline: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingInline_tablet_xxxl__ilj0e81j {
    padding-inline: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_marginBlock_tablet_xxxs__ilj0e82b {
    margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginBlock_tablet_xxs__ilj0e82c {
    margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginBlock_tablet_xs__ilj0e82d {
    margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginBlock_tablet_s__ilj0e82e {
    margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginBlock_tablet_m__ilj0e82f {
    margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginBlock_tablet_l__ilj0e82g {
    margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginBlock_tablet_xl__ilj0e82h {
    margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginBlock_tablet_xxl__ilj0e82i {
    margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginBlock_tablet_xxxl__ilj0e82j {
    margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
  .Separator_separator_marginInline_tablet_xxxs__ilj0e83b {
    margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginInline_tablet_xxs__ilj0e83c {
    margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginInline_tablet_xs__ilj0e83d {
    margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginInline_tablet_s__ilj0e83e {
    margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginInline_tablet_m__ilj0e83f {
    margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginInline_tablet_l__ilj0e83g {
    margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginInline_tablet_xl__ilj0e83h {
    margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginInline_tablet_xxl__ilj0e83i {
    margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginInline_tablet_xxxl__ilj0e83j {
    margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
}
@media (min-width: 1200px) {
  .Separator_separator_paddingBlock_laptop_xxxs__ilj0e8k {
    padding-block: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingBlock_laptop_xxs__ilj0e8l {
    padding-block: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingBlock_laptop_xs__ilj0e8m {
    padding-block: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingBlock_laptop_s__ilj0e8n {
    padding-block: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingBlock_laptop_m__ilj0e8o {
    padding-block: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingBlock_laptop_l__ilj0e8p {
    padding-block: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingBlock_laptop_xl__ilj0e8q {
    padding-block: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingBlock_laptop_xxl__ilj0e8r {
    padding-block: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingBlock_laptop_xxxl__ilj0e8s {
    padding-block: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_paddingInline_laptop_xxxs__ilj0e81k {
    padding-inline: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingInline_laptop_xxs__ilj0e81l {
    padding-inline: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingInline_laptop_xs__ilj0e81m {
    padding-inline: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingInline_laptop_s__ilj0e81n {
    padding-inline: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingInline_laptop_m__ilj0e81o {
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingInline_laptop_l__ilj0e81p {
    padding-inline: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingInline_laptop_xl__ilj0e81q {
    padding-inline: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingInline_laptop_xxl__ilj0e81r {
    padding-inline: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingInline_laptop_xxxl__ilj0e81s {
    padding-inline: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_marginBlock_laptop_xxxs__ilj0e82k {
    margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginBlock_laptop_xxs__ilj0e82l {
    margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginBlock_laptop_xs__ilj0e82m {
    margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginBlock_laptop_s__ilj0e82n {
    margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginBlock_laptop_m__ilj0e82o {
    margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginBlock_laptop_l__ilj0e82p {
    margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginBlock_laptop_xl__ilj0e82q {
    margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginBlock_laptop_xxl__ilj0e82r {
    margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginBlock_laptop_xxxl__ilj0e82s {
    margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
  .Separator_separator_marginInline_laptop_xxxs__ilj0e83k {
    margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginInline_laptop_xxs__ilj0e83l {
    margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginInline_laptop_xs__ilj0e83m {
    margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginInline_laptop_s__ilj0e83n {
    margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginInline_laptop_m__ilj0e83o {
    margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginInline_laptop_l__ilj0e83p {
    margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginInline_laptop_xl__ilj0e83q {
    margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginInline_laptop_xxl__ilj0e83r {
    margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginInline_laptop_xxxl__ilj0e83s {
    margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
}
@media (min-width: 1680px) {
  .Separator_separator_paddingBlock_desktop_xxxs__ilj0e8t {
    padding-block: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingBlock_desktop_xxs__ilj0e8u {
    padding-block: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingBlock_desktop_xs__ilj0e8v {
    padding-block: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingBlock_desktop_s__ilj0e8w {
    padding-block: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingBlock_desktop_m__ilj0e8x {
    padding-block: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingBlock_desktop_l__ilj0e8y {
    padding-block: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingBlock_desktop_xl__ilj0e8z {
    padding-block: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingBlock_desktop_xxl__ilj0e810 {
    padding-block: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingBlock_desktop_xxxl__ilj0e811 {
    padding-block: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_paddingInline_desktop_xxxs__ilj0e81t {
    padding-inline: var(--spacing-xxxs__1bl7jj11i);
  }
  .Separator_separator_paddingInline_desktop_xxs__ilj0e81u {
    padding-inline: var(--spacing-xxs__1bl7jj11j);
  }
  .Separator_separator_paddingInline_desktop_xs__ilj0e81v {
    padding-inline: var(--spacing-xs__1bl7jj11k);
  }
  .Separator_separator_paddingInline_desktop_s__ilj0e81w {
    padding-inline: var(--spacing-s__1bl7jj11l);
  }
  .Separator_separator_paddingInline_desktop_m__ilj0e81x {
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
  .Separator_separator_paddingInline_desktop_l__ilj0e81y {
    padding-inline: var(--spacing-l__1bl7jj11n);
  }
  .Separator_separator_paddingInline_desktop_xl__ilj0e81z {
    padding-inline: var(--spacing-xl__1bl7jj11o);
  }
  .Separator_separator_paddingInline_desktop_xxl__ilj0e820 {
    padding-inline: var(--spacing-xxl__1bl7jj11p);
  }
  .Separator_separator_paddingInline_desktop_xxxl__ilj0e821 {
    padding-inline: var(--spacing-xxxl__1bl7jj11q);
  }
  .Separator_separator_marginBlock_desktop_xxxs__ilj0e82t {
    margin-block: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginBlock_desktop_xxs__ilj0e82u {
    margin-block: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginBlock_desktop_xs__ilj0e82v {
    margin-block: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginBlock_desktop_s__ilj0e82w {
    margin-block: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginBlock_desktop_m__ilj0e82x {
    margin-block: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginBlock_desktop_l__ilj0e82y {
    margin-block: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginBlock_desktop_xl__ilj0e82z {
    margin-block: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginBlock_desktop_xxl__ilj0e830 {
    margin-block: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginBlock_desktop_xxxl__ilj0e831 {
    margin-block: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
  .Separator_separator_marginInline_desktop_xxxs__ilj0e83t {
    margin-inline: calc(var(--spacing-xxxs__1bl7jj11i) * -1);
  }
  .Separator_separator_marginInline_desktop_xxs__ilj0e83u {
    margin-inline: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  }
  .Separator_separator_marginInline_desktop_xs__ilj0e83v {
    margin-inline: calc(var(--spacing-xs__1bl7jj11k) * -1);
  }
  .Separator_separator_marginInline_desktop_s__ilj0e83w {
    margin-inline: calc(var(--spacing-s__1bl7jj11l) * -1);
  }
  .Separator_separator_marginInline_desktop_m__ilj0e83x {
    margin-inline: calc(var(--spacing-m__1bl7jj11m) * -1);
  }
  .Separator_separator_marginInline_desktop_l__ilj0e83y {
    margin-inline: calc(var(--spacing-l__1bl7jj11n) * -1);
  }
  .Separator_separator_marginInline_desktop_xl__ilj0e83z {
    margin-inline: calc(var(--spacing-xl__1bl7jj11o) * -1);
  }
  .Separator_separator_marginInline_desktop_xxl__ilj0e840 {
    margin-inline: calc(var(--spacing-xxl__1bl7jj11p) * -1);
  }
  .Separator_separator_marginInline_desktop_xxxl__ilj0e841 {
    margin-inline: calc(var(--spacing-xxxl__1bl7jj11q) * -1);
  }
}

/* vanilla-extract-css-ns:src/global/pieces/Stack/Stack.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62aT3PiRhBH7/4UHHerwpb1D2zvJdmqHFKVU5JTLi4ZBBYWAoMw2Kn97ikkwTQ9rZmfTF+2KrF47Z3pF+0+59vfVTp5edzWvz4G+6dpsLgNBv/dDAbTfLsu0veHwazIDt9vBoOPYV5Os8PD4C3dfBkO68/8+8fxX50/efvLYFdus+rr95ufN98oe51Op3k5fzwcDtvz42E9qP3SmbtOJ3k5H7ZPPhXjxSIIchfSECM3kQAXDqDhxU4ewb104wwtcdEIrOiGLc+wkQu2NLBlN6w4w8YuWGFgpePUDO3OeWoEt3LdquHdu2+VANfOzTPE1LN5BPnaifxntb7c5+BioYfVav3ZpW7QhBz5ydBy12DCjb1caMmPWEJNfFRo2Y9Qs+/ByAeFlv4INXsQjH1QaPnrUyXUO++pQhI0W0C49/4tgGRoN5eQU2BzISn+yufPFfvP/KUWm+MTnxXjhCf0CKFDcrRwwo4BNiRIgybkxE+GJGnARpNw5AdDojRgsyLh2A+GZGlPmZDvgFOGhDltB2HfI9sBSXPebEJPoc2GxPmxqqrV8tKc6NKcp/qRz6pzHkD4EcSH5DnhCT1G6JA+LZywE4ANCdSijUHRCEBDCrVosy/RGEBDEp1Om7DvkNOGNDpvCqHfQ5sCiWQ2nfBTbNMhlf7MZuwVFF+KVGSzT7+BWjhhRwAbUqhBE3LsJ0P61GDCTbxcSJ0aa8SJR14spE2NNasRj71YSJnmdAn3zn+6kC7tRhDyPbARkCqnTSbsFNlktybzlP3FJWn0mKf9/8LSsAgq6ka5JahJBBR3gtw7f+QQTNKFca/4kWJWOxl1UdwbfaSYu0vGXRT3AtcnQzB3nSfj3tfmrgjovvuu3OvZbhBBpY4Ncm/jYret8tn78Z82lckbzUq2XxxOVmWVldXDoH6qkzHJyirbGEgkQ5rHOilZOTWIWEZk5bT7d7JOJ9mPrNpnWWlAScdv6Pjw8Kl52o38bbPa0W9t5CKm9cNu4O9vWVm8G+DYBczqhy1gWuTzkl9es6H1l4Z5lS23TUYcyrfXIPjd3duMjntrPn9xa2nHNyBd2zTfZJMqX5WPz6tN/rEqq9Qs9uipJtUfPj/4MNis9g7OW7ap8gmlTETKZFXslval7zfp+rHa7DLz+an5/PGrD4Pjr9YHN1mRVvlbxj48a14Zq23efvPtY8fP/7rMpnk6+LLMy+E+n1bPD4Px7e368LX+jFjSqvSpyNgfsJpT6hFzB4OfXr7BT3x49moB6AY+9cDZ68bPNujMjWavID/ZvJFmbjJ7LfnJZlfnbjJ7VQEnbdDPnpNmry9kRww89+0Ie6UhdIJfeDecvea6+cf8JkkUMIuwggzOIWMmyBjYKDqFDJkCQ2CzyAwyIvOPgA0jE0hznvknwKaRCSS8zv0TYOPoTZARz8BNwOZd7BQZkiM7BRt4aQgZs4AMgU1smp7kYshdBLM1PIuM4j5iDRudRAZxJ6GgDc4hY7iXSN0Gp5DQzd1EUjc4hRRe7ifSvdGbIWO4o1AEh3eNDOKeYkUcN4iM4q6Cebx7VhsOJV0jrivayvFpZBgXFgzn8CwyiiuLVXR0EhnEpYWSOjqH1HWuLdTX0TkkKHNxodgO3xAZxNXFyju+d2QUlxfM8D2MIsO4vmiT755W10zJ3pjbiwV6dBIZxM2Faj04h4zh1iLpHptChnBjgY6PzSBJn9sKRH1sBina3FSg8IM3QoZwS5Hcj+4XGcMNhdo/bAwZxO3EfhAgTDqmXMnJ5OQk9FMBH5hwJy6u3zyKJdSpg+oXjUAJM+tm+r0iSPJzhFk30q8RQZLyPu9G+q2hp0mYz47T9EtycfOEmrtu3u/E5aYS7sK5qYICYvYMQk/3LNJ1xf+XvxfF7nnmG3yh1z1PdANfqnXPlm3QpVb3bMnGoJVW92zJZo3WWt3zdNIG/arWPc87YuAbve5pNtzgt7rdU5IoYBZpdE9BpqBAxvTqnrZUwRIY0qt7WnIFpX9Er+5pSRas/BN6dU9LtmDtn9Cre9rSBa/ATfTqnoJ8wQbZqV7dU5Iw2EKG9Oyekoshd1Gpewo+htxHne5pOxlyJ1W6p+VlyL3U6J6WmyF3U6N7Wn6G3E+N7mk7GnJHVbqn4GnIPdXpnpKrIXdVq3tKukZcV7XuKQgbcWG1uqetbMSVVeqelrQRl1ane1raRlxbne5piRtxcXW6p61uxNVV6p6CvBGXV6t7SvpGXF+l7inZG3N7VbqnYG7MzdXonra1MbdWoXtaxsbc2Ou7p2VrzG29vntapsbc1Ou7p21pzC1V6J6CoTE3VKN7SnbG3M6ruqfkZHJy8pruKSiYFC4u1j1t45Klg4p1T0uwpOxmYt3T8ilZdSOx7mnpk6y7kVj3tG1JXh2niXVPQY5k47p5rHtKLiRb56bC3XN05+6e02z7YmlSKYZPM8Dwd3rl84w39De19HmCG/Zeq32e0Eajg1b8PKHNMr1r1c/zaRv2h1r+NJtC2sitXgAlq04GBLoJVPQpYEJpNFDJq2CHzOkVQQW/gjdgSq8KansW7P0zemVQ27fg4B/Rq4Pa3gXv/hG9QqjgX/AB3EavEip5GN4im9UrhYo6hgFkSs8WKkoZcimVYqgkZsjF1Kmhgpwhl1Mlh9qChlxQjR5qSxpySTWCqC1qyEXVKKKCrCGXVSWJSsJGXFidJipKG3FptaKo6G3EvVWropK5ETdXK4sK7kbcXaUuatsbcXt1wqjtb8T91SmjtsERN1gnjQoOR9xhpTYqWRxzi7XiqOhxzD1WqqOixjHXWCWPSgrHXGGNPiroG3N9FQKprW7M1b2+kNraxlzb6xOprWzMlb2+kQq6xlxXhUgqqZpwVTUqqahpwjW9KpOKciYnOa/ppJKLyc4FxkKpoF7y5sBipdQ2Ldl3Q7FUaouVHLqZWCu1PUreu5lYLBW0ST4cJ4rVUsmS0a3r/rFcKkoxCpwbK/XS/wFuc1Q2IFUAAA== */
.Stack_stack__1wbd1j01 {
  display: flex;
  z-index: var(--stackZIndex__1wbd1j00, unset);
}
.Stack_stack_padding_xxxs__1wbd1j02 {
  padding: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_padding_xxs__1wbd1j03 {
  padding: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_padding_xs__1wbd1j04 {
  padding: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_padding_s__1wbd1j05 {
  padding: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_padding_m__1wbd1j06 {
  padding: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_padding_l__1wbd1j07 {
  padding: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_padding_xl__1wbd1j08 {
  padding: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_padding_xxl__1wbd1j09 {
  padding: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_padding_xxxl__1wbd1j0a {
  padding: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingTop_xxxs__1wbd1j012 {
  padding-top: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingTop_xxs__1wbd1j013 {
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingTop_xs__1wbd1j014 {
  padding-top: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingTop_s__1wbd1j015 {
  padding-top: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingTop_m__1wbd1j016 {
  padding-top: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingTop_l__1wbd1j017 {
  padding-top: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingTop_xl__1wbd1j018 {
  padding-top: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingTop_xxl__1wbd1j019 {
  padding-top: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingTop_xxxl__1wbd1j01a {
  padding-top: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingRight_xxxs__1wbd1j022 {
  padding-right: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingRight_xxs__1wbd1j023 {
  padding-right: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingRight_xs__1wbd1j024 {
  padding-right: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingRight_s__1wbd1j025 {
  padding-right: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingRight_m__1wbd1j026 {
  padding-right: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingRight_l__1wbd1j027 {
  padding-right: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingRight_xl__1wbd1j028 {
  padding-right: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingRight_xxl__1wbd1j029 {
  padding-right: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingRight_xxxl__1wbd1j02a {
  padding-right: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingBottom_xxxs__1wbd1j032 {
  padding-bottom: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingBottom_xxs__1wbd1j033 {
  padding-bottom: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingBottom_xs__1wbd1j034 {
  padding-bottom: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingBottom_s__1wbd1j035 {
  padding-bottom: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingBottom_m__1wbd1j036 {
  padding-bottom: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingBottom_l__1wbd1j037 {
  padding-bottom: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingBottom_xl__1wbd1j038 {
  padding-bottom: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingBottom_xxl__1wbd1j039 {
  padding-bottom: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingBottom_xxxl__1wbd1j03a {
  padding-bottom: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_paddingLeft_xxxs__1wbd1j042 {
  padding-left: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_paddingLeft_xxs__1wbd1j043 {
  padding-left: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_paddingLeft_xs__1wbd1j044 {
  padding-left: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_paddingLeft_s__1wbd1j045 {
  padding-left: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_paddingLeft_m__1wbd1j046 {
  padding-left: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_paddingLeft_l__1wbd1j047 {
  padding-left: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_paddingLeft_xl__1wbd1j048 {
  padding-left: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_paddingLeft_xxl__1wbd1j049 {
  padding-left: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_paddingLeft_xxxl__1wbd1j04a {
  padding-left: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_gap_xxxs__1wbd1j052 {
  gap: var(--spacing-xxxs__1bl7jj11i);
}
.Stack_stack_gap_xxs__1wbd1j053 {
  gap: var(--spacing-xxs__1bl7jj11j);
}
.Stack_stack_gap_xs__1wbd1j054 {
  gap: var(--spacing-xs__1bl7jj11k);
}
.Stack_stack_gap_s__1wbd1j055 {
  gap: var(--spacing-s__1bl7jj11l);
}
.Stack_stack_gap_m__1wbd1j056 {
  gap: var(--spacing-m__1bl7jj11m);
}
.Stack_stack_gap_l__1wbd1j057 {
  gap: var(--spacing-l__1bl7jj11n);
}
.Stack_stack_gap_xl__1wbd1j058 {
  gap: var(--spacing-xl__1bl7jj11o);
}
.Stack_stack_gap_xxl__1wbd1j059 {
  gap: var(--spacing-xxl__1bl7jj11p);
}
.Stack_stack_gap_xxxl__1wbd1j05a {
  gap: var(--spacing-xxxl__1bl7jj11q);
}
.Stack_stack_justify_start__1wbd1j062 {
  justify-content: start;
}
.Stack_stack_justify_center__1wbd1j063 {
  justify-content: center;
}
.Stack_stack_justify_end__1wbd1j064 {
  justify-content: end;
}
.Stack_stack_justify_spaceBetween__1wbd1j065 {
  justify-content: space-between;
}
.Stack_stack_justify_spaceAround__1wbd1j066 {
  justify-content: space-around;
}
.Stack_stack_justify_spaceEvenly__1wbd1j067 {
  justify-content: space-evenly;
}
.Stack_stack_align_start__1wbd1j068 {
  align-items: flex-start;
}
.Stack_stack_align_center__1wbd1j069 {
  align-items: center;
}
.Stack_stack_align_end__1wbd1j06a {
  align-items: flex-end;
}
.Stack_stack_direction_horizontal__1wbd1j06b {
  flex-direction: row;
}
.Stack_stack_direction_vertical__1wbd1j06c {
  flex-direction: column;
}
.Stack_stack_wrap_true__1wbd1j06d {
  flex-wrap: wrap;
}
.Stack_stack_relative_true__1wbd1j06f {
  position: relative;
}
@media (min-width: 700px) {
  .Stack_stack_padding_tablet_xxxs__1wbd1j0b {
    padding: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_padding_tablet_xxs__1wbd1j0c {
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_padding_tablet_xs__1wbd1j0d {
    padding: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_padding_tablet_s__1wbd1j0e {
    padding: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_padding_tablet_m__1wbd1j0f {
    padding: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_padding_tablet_l__1wbd1j0g {
    padding: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_padding_tablet_xl__1wbd1j0h {
    padding: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_padding_tablet_xxl__1wbd1j0i {
    padding: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_padding_tablet_xxxl__1wbd1j0j {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingTop_tablet_xxxs__1wbd1j01b {
    padding-top: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingTop_tablet_xxs__1wbd1j01c {
    padding-top: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingTop_tablet_xs__1wbd1j01d {
    padding-top: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingTop_tablet_s__1wbd1j01e {
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingTop_tablet_m__1wbd1j01f {
    padding-top: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingTop_tablet_l__1wbd1j01g {
    padding-top: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingTop_tablet_xl__1wbd1j01h {
    padding-top: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingTop_tablet_xxl__1wbd1j01i {
    padding-top: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingTop_tablet_xxxl__1wbd1j01j {
    padding-top: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingRight_tablet_xxxs__1wbd1j02b {
    padding-right: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingRight_tablet_xxs__1wbd1j02c {
    padding-right: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingRight_tablet_xs__1wbd1j02d {
    padding-right: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingRight_tablet_s__1wbd1j02e {
    padding-right: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingRight_tablet_m__1wbd1j02f {
    padding-right: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingRight_tablet_l__1wbd1j02g {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingRight_tablet_xl__1wbd1j02h {
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingRight_tablet_xxl__1wbd1j02i {
    padding-right: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingRight_tablet_xxxl__1wbd1j02j {
    padding-right: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingBottom_tablet_xxxs__1wbd1j03b {
    padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingBottom_tablet_xxs__1wbd1j03c {
    padding-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingBottom_tablet_xs__1wbd1j03d {
    padding-bottom: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingBottom_tablet_s__1wbd1j03e {
    padding-bottom: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingBottom_tablet_m__1wbd1j03f {
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingBottom_tablet_l__1wbd1j03g {
    padding-bottom: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingBottom_tablet_xl__1wbd1j03h {
    padding-bottom: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingBottom_tablet_xxl__1wbd1j03i {
    padding-bottom: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingBottom_tablet_xxxl__1wbd1j03j {
    padding-bottom: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingLeft_tablet_xxxs__1wbd1j04b {
    padding-left: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingLeft_tablet_xxs__1wbd1j04c {
    padding-left: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingLeft_tablet_xs__1wbd1j04d {
    padding-left: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingLeft_tablet_s__1wbd1j04e {
    padding-left: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingLeft_tablet_m__1wbd1j04f {
    padding-left: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingLeft_tablet_l__1wbd1j04g {
    padding-left: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingLeft_tablet_xl__1wbd1j04h {
    padding-left: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingLeft_tablet_xxl__1wbd1j04i {
    padding-left: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingLeft_tablet_xxxl__1wbd1j04j {
    padding-left: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_gap_tablet_xxxs__1wbd1j05b {
    gap: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_gap_tablet_xxs__1wbd1j05c {
    gap: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_gap_tablet_xs__1wbd1j05d {
    gap: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_gap_tablet_s__1wbd1j05e {
    gap: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_gap_tablet_m__1wbd1j05f {
    gap: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_gap_tablet_l__1wbd1j05g {
    gap: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_gap_tablet_xl__1wbd1j05h {
    gap: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_gap_tablet_xxl__1wbd1j05i {
    gap: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_gap_tablet_xxxl__1wbd1j05j {
    gap: var(--spacing-xxxl__1bl7jj11q);
  }
}
@media (min-width: 1200px) {
  .Stack_stack_padding_laptop_xxxs__1wbd1j0k {
    padding: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_padding_laptop_xxs__1wbd1j0l {
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_padding_laptop_xs__1wbd1j0m {
    padding: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_padding_laptop_s__1wbd1j0n {
    padding: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_padding_laptop_m__1wbd1j0o {
    padding: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_padding_laptop_l__1wbd1j0p {
    padding: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_padding_laptop_xl__1wbd1j0q {
    padding: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_padding_laptop_xxl__1wbd1j0r {
    padding: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_padding_laptop_xxxl__1wbd1j0s {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingTop_laptop_xxxs__1wbd1j01k {
    padding-top: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingTop_laptop_xxs__1wbd1j01l {
    padding-top: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingTop_laptop_xs__1wbd1j01m {
    padding-top: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingTop_laptop_s__1wbd1j01n {
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingTop_laptop_m__1wbd1j01o {
    padding-top: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingTop_laptop_l__1wbd1j01p {
    padding-top: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingTop_laptop_xl__1wbd1j01q {
    padding-top: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingTop_laptop_xxl__1wbd1j01r {
    padding-top: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingTop_laptop_xxxl__1wbd1j01s {
    padding-top: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingRight_laptop_xxxs__1wbd1j02k {
    padding-right: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingRight_laptop_xxs__1wbd1j02l {
    padding-right: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingRight_laptop_xs__1wbd1j02m {
    padding-right: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingRight_laptop_s__1wbd1j02n {
    padding-right: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingRight_laptop_m__1wbd1j02o {
    padding-right: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingRight_laptop_l__1wbd1j02p {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingRight_laptop_xl__1wbd1j02q {
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingRight_laptop_xxl__1wbd1j02r {
    padding-right: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingRight_laptop_xxxl__1wbd1j02s {
    padding-right: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingBottom_laptop_xxxs__1wbd1j03k {
    padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingBottom_laptop_xxs__1wbd1j03l {
    padding-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingBottom_laptop_xs__1wbd1j03m {
    padding-bottom: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingBottom_laptop_s__1wbd1j03n {
    padding-bottom: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingBottom_laptop_m__1wbd1j03o {
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingBottom_laptop_l__1wbd1j03p {
    padding-bottom: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingBottom_laptop_xl__1wbd1j03q {
    padding-bottom: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingBottom_laptop_xxl__1wbd1j03r {
    padding-bottom: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingBottom_laptop_xxxl__1wbd1j03s {
    padding-bottom: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingLeft_laptop_xxxs__1wbd1j04k {
    padding-left: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingLeft_laptop_xxs__1wbd1j04l {
    padding-left: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingLeft_laptop_xs__1wbd1j04m {
    padding-left: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingLeft_laptop_s__1wbd1j04n {
    padding-left: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingLeft_laptop_m__1wbd1j04o {
    padding-left: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingLeft_laptop_l__1wbd1j04p {
    padding-left: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingLeft_laptop_xl__1wbd1j04q {
    padding-left: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingLeft_laptop_xxl__1wbd1j04r {
    padding-left: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingLeft_laptop_xxxl__1wbd1j04s {
    padding-left: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_gap_laptop_xxxs__1wbd1j05k {
    gap: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_gap_laptop_xxs__1wbd1j05l {
    gap: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_gap_laptop_xs__1wbd1j05m {
    gap: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_gap_laptop_s__1wbd1j05n {
    gap: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_gap_laptop_m__1wbd1j05o {
    gap: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_gap_laptop_l__1wbd1j05p {
    gap: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_gap_laptop_xl__1wbd1j05q {
    gap: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_gap_laptop_xxl__1wbd1j05r {
    gap: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_gap_laptop_xxxl__1wbd1j05s {
    gap: var(--spacing-xxxl__1bl7jj11q);
  }
}
@media (min-width: 1680px) {
  .Stack_stack_padding_desktop_xxxs__1wbd1j0t {
    padding: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_padding_desktop_xxs__1wbd1j0u {
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_padding_desktop_xs__1wbd1j0v {
    padding: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_padding_desktop_s__1wbd1j0w {
    padding: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_padding_desktop_m__1wbd1j0x {
    padding: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_padding_desktop_l__1wbd1j0y {
    padding: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_padding_desktop_xl__1wbd1j0z {
    padding: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_padding_desktop_xxl__1wbd1j010 {
    padding: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_padding_desktop_xxxl__1wbd1j011 {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingTop_desktop_xxxs__1wbd1j01t {
    padding-top: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingTop_desktop_xxs__1wbd1j01u {
    padding-top: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingTop_desktop_xs__1wbd1j01v {
    padding-top: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingTop_desktop_s__1wbd1j01w {
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingTop_desktop_m__1wbd1j01x {
    padding-top: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingTop_desktop_l__1wbd1j01y {
    padding-top: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingTop_desktop_xl__1wbd1j01z {
    padding-top: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingTop_desktop_xxl__1wbd1j020 {
    padding-top: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingTop_desktop_xxxl__1wbd1j021 {
    padding-top: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingRight_desktop_xxxs__1wbd1j02t {
    padding-right: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingRight_desktop_xxs__1wbd1j02u {
    padding-right: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingRight_desktop_xs__1wbd1j02v {
    padding-right: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingRight_desktop_s__1wbd1j02w {
    padding-right: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingRight_desktop_m__1wbd1j02x {
    padding-right: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingRight_desktop_l__1wbd1j02y {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingRight_desktop_xl__1wbd1j02z {
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingRight_desktop_xxl__1wbd1j030 {
    padding-right: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingRight_desktop_xxxl__1wbd1j031 {
    padding-right: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingBottom_desktop_xxxs__1wbd1j03t {
    padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingBottom_desktop_xxs__1wbd1j03u {
    padding-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingBottom_desktop_xs__1wbd1j03v {
    padding-bottom: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingBottom_desktop_s__1wbd1j03w {
    padding-bottom: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingBottom_desktop_m__1wbd1j03x {
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingBottom_desktop_l__1wbd1j03y {
    padding-bottom: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingBottom_desktop_xl__1wbd1j03z {
    padding-bottom: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingBottom_desktop_xxl__1wbd1j040 {
    padding-bottom: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingBottom_desktop_xxxl__1wbd1j041 {
    padding-bottom: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_paddingLeft_desktop_xxxs__1wbd1j04t {
    padding-left: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_paddingLeft_desktop_xxs__1wbd1j04u {
    padding-left: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_paddingLeft_desktop_xs__1wbd1j04v {
    padding-left: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_paddingLeft_desktop_s__1wbd1j04w {
    padding-left: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_paddingLeft_desktop_m__1wbd1j04x {
    padding-left: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_paddingLeft_desktop_l__1wbd1j04y {
    padding-left: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_paddingLeft_desktop_xl__1wbd1j04z {
    padding-left: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_paddingLeft_desktop_xxl__1wbd1j050 {
    padding-left: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_paddingLeft_desktop_xxxl__1wbd1j051 {
    padding-left: var(--spacing-xxxl__1bl7jj11q);
  }
  .Stack_stack_gap_desktop_xxxs__1wbd1j05t {
    gap: var(--spacing-xxxs__1bl7jj11i);
  }
  .Stack_stack_gap_desktop_xxs__1wbd1j05u {
    gap: var(--spacing-xxs__1bl7jj11j);
  }
  .Stack_stack_gap_desktop_xs__1wbd1j05v {
    gap: var(--spacing-xs__1bl7jj11k);
  }
  .Stack_stack_gap_desktop_s__1wbd1j05w {
    gap: var(--spacing-s__1bl7jj11l);
  }
  .Stack_stack_gap_desktop_m__1wbd1j05x {
    gap: var(--spacing-m__1bl7jj11m);
  }
  .Stack_stack_gap_desktop_l__1wbd1j05y {
    gap: var(--spacing-l__1bl7jj11n);
  }
  .Stack_stack_gap_desktop_xl__1wbd1j05z {
    gap: var(--spacing-xl__1bl7jj11o);
  }
  .Stack_stack_gap_desktop_xxl__1wbd1j060 {
    gap: var(--spacing-xxl__1bl7jj11p);
  }
  .Stack_stack_gap_desktop_xxxl__1wbd1j061 {
    gap: var(--spacing-xxxl__1bl7jj11q);
  }
}

/* vanilla-extract-css-ns:src/global/pieces/Text/Text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA42Uz46bMBDG7zyFj92Do7CbdLvkBXrobSv1iBwzwGyNjcYm/Kn23StMgrMJkbggMf6+n4cPzWx+Q+dSNz7SWCratsWW/YsYG0ucQGdAqIuEmdphhQP8ggKPqND1h4gx3sLxLzqeG+24rYxxpVcL7VAoFBYyL6vMwI3t7nQFid5KoWBUTYe9diVYtAnTRod6LipUfcJOgr7xidNgmsZH9frxET/vnw6XpoXCQicMdQmEbixLowxdrP6Fn794cu+eDtFntAlRWBwg7To7ZxL7TKYGcYDrNt5xAI/jk+HcULvMDMjnVcgr4mmRGIAva4BXvGaRV8283RpeFXhukadm3n4NTwWeXU4wAL+vSvCKSHdER0YXqaMGZuproLaARemuuX98hVeQYRM+/SV+AM6FsoH8YwWZoGiUoIDe3qIVavjpxSmBEh1k8wVv/oJRwMvzBfFm99gvTVULGSZfLPnjG78fr1RBHnzHsDHOwzceL/okaAc0O+WdcxLcxgnS6ExQ//VXZd79YLrfZ88ly/1tlI4aLYWDr1Tw1LZEB9zWQsK4iVoS9bhKzAkoV6ZNWIlZBnreOuEAlMLaoj1En/8BnUv4PF4FAAA= */
.Text_text__1clr0wg0 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-family: var(--font-ui__1bl7jj125);
  text-align: inherit;
  color: var(--color-text__1bl7jj14);
}
.Text_text_size_xxs__1clr0wg1 {
  font-size: var(--fontSize-text-xxs__1bl7jj12w);
}
.Text_text_size_xs__1clr0wg2 {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
}
.Text_text_size_s__1clr0wg3 {
  font-size: var(--fontSize-text-s__1bl7jj12u);
}
.Text_text_size_m__1clr0wg4 {
  font-size: var(--fontSize-text-m__1bl7jj12t);
}
.Text_text_size_l__1clr0wg5 {
  font-size: var(--fontSize-text-l__1bl7jj12s);
}
.Text_text_size_xl__1clr0wg6 {
  font-size: var(--fontSize-text-xl__1bl7jj12r);
}
.Text_text_strong_true__1clr0wg7 {
  font-weight: var(--fontWeight-medium__1bl7jj131);
}
.Text_text_strong_false__1clr0wg8 {
  font-weight: var(--fontWeight-regular__1bl7jj130);
}
.Text_text_lineHeight_relaxed__1clr0wg9 {
  line-height: 1.4;
}
.Text_text_lineHeight_compact__1clr0wga {
  line-height: 1.1;
}
.Text_text_align_left__1clr0wgb {
  text-align: left;
}
.Text_text_align_center__1clr0wgc {
  text-align: center;
}
.Text_text_secondary_true__1clr0wgd {
  color: var(--color-textSecondary__1bl7jj15);
}
.Text_text_truncate_true__1clr0wge {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* vanilla-extract-css-ns:src/global/pieces/Toggle/Toggle.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW207cMBB936+wkCpIhWFDobRGrdTLe6XSt6paTexJYvDake2wlIp/r+xcYbMpIPUpyXhmfObMmdk9+mGKQuGKG+1BarSrVSo22ZX0S/JnQYiQrlLwm5HCSnGxIPFJPa4rBR4pN6pea8dImlsCtTfBBZQsNJUe144RjtqjHczhItSeEectel6GE15bZywjlZGd80YKXzKSLpevLhb3i6MtmEI6yBSKlbc19qDTCLrLp42noJTZoBgnUZCh6kNOYkgFQkhdUCuL0jNyA/aAUlcBD0a3WqWZOr+6SlOVDKU4VPmDOnqycoW3M0x0+KQu0UofTLVDGxIi9wG3xjFg3zw6xG8jYkob8xejzNC10w47D+bItjXqs7EitratIo1VdBku5d2Q/GxIEEPD4ZiAuxhaGSe9NJoRiwq8vMFR05r4qdwxtsQxxzvdJkjaEmOlgOMgqYHhDPh1YU2tBSPegnYVWNQxSRa5oBaErF2HojF+j7au8qHmIpnrBmMZ5sZiI70Oy97e8xnhoPjBjC85JifJzhp2ph+TMXZ9pJzoG8lqWzvEtWGithCOxnqok/YQwYVZycF5U/tLZTZSD2426ZcHWARGUnJM0jlaf4KVQHmJ/BrFh/0w5vu/nq38TzyIYsBxNt/Kbqu8cMK+dkupv+909r7JGl8Ooil2G8T5AxAlaDEC8b69pjF/y3OHvj98x8hJdXsxcnigr/OnaZbQFu30HQl53el6S6lNfa62OXDsKyraKbilrgRhNv3Cjl8UFd5EoaYDByLZmsepgiY21E63ySnc6b0GW0jN5pl4PILxPTd2/T8ncHrSPpJZwfTIWpDh78AbcfCkFXZIlodkGUU5iP0f942b3f4+/gUrbLKWvAgAAA== */
.Toggle_container__1dwbjit0 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  align-content: stretch;
  cursor: pointer;
  width: 100%;
}
.Toggle_container_disabled_true__1dwbjit1 {
  cursor: not-allowed;
}
.Toggle_label__1dwbjit2 {
  padding-right: var(--spacing-s__1bl7jj11l);
  align-self: stretch;
  display: flex;
  align-items: center;
  cursor: inherit;
  user-select: none;
}
.Toggle_toggle__1dwbjit6 {
  --toggleColor__1dwbjit4: var(--color-controlBorder__1bl7jj111);
  --toggleSize__1dwbjit5: var(--controlSize-s__1bl7jj11z);
  position: relative;
  width: var(--toggleSize__1dwbjit5);
  height: var(--toggleSize__1dwbjit5);
  cursor: inherit;
  display: grid;
  place-content: center;
  background: transparent;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.Toggle_toggle__1dwbjit6::before {
  content: "";
  width: var(--toggleSize__1dwbjit5);
  height: calc(var(--toggleSize__1dwbjit5) / 2);
  border-radius: var(--toggleSize__1dwbjit5);
  background: var(--toggleColor__1dwbjit4);
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  grid-area: 1 / 1;
}
.Toggle_toggle__1dwbjit6[aria-checked=true] {
  --toggleColor__1dwbjit4: var(--color-controlAccent__1bl7jj115);
}
.Toggle_toggle__1dwbjit6:disabled {
  --toggleColor__1dwbjit4: var(--color-controlBorderDisabled__1bl7jj114);
}
.Toggle_toggle__1dwbjit6[aria-checked=true]:disabled {
  --toggleColor__1dwbjit4: var(--color-controlAccentDisabled__1bl7jj117);
}
.Toggle_handle__1dwbjit9 {
  --handleOffset__1dwbjit8: 2px;
  --handleSize__1dwbjit7: calc(var(--toggleSize__1dwbjit5) / 2 - var(--handleOffset__1dwbjit8) * 2);
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  width: var(--handleSize__1dwbjit7);
  height: var(--handleSize__1dwbjit7);
  border-radius: var(--handleSize__1dwbjit7);
  margin: var(--handleOffset__1dwbjit8);
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  grid-area: 1 / 1;
}
[aria-checked=true] > .Toggle_handle__1dwbjit9 {
  transform: translate3d(calc(var(--toggleSize__1dwbjit5) / 2), 0, 0);
}
:disabled > .Toggle_handle__1dwbjit9 {
  box-shadow: none;
}

/* vanilla-extract-css-ns:src/global/pieces/ToggleGroup/ToggleGroup.css.ts.vanilla.css?source=LlRvZ2dsZUdyb3VwX2hlYWRlcl9fMXFoOWVtMTAgewogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ib3JkZXJfXzFibDdqajExMCk7Cn0= */
.ToggleGroup_header__1qh9em10 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}

/* vanilla-extract-css-ns:src/global/pieces/Toolbar/Toolbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VUTY/TMBC991f4gnYr1aumy8LiiMP+AwQcQAhFk3iSuuvaZmy3WdD+dxQnTdpSEHvzjOe9N1/2zWdrdQlU7AmcQyqKTL3btWazYr9mjAUC42tLW9EfNQS8ldc7oGvOQw/9MmKW8wU7ufo6XmXzBVvO89nz7OZccQsmgv5gvQrKmqIG7XHE3aY03HApWK1alHmXmXWCLbuTxjoMx59cGYmtYNmJUmVNQBNG0teJ1DqoVHgaoH+pdHmoyHfRpuGtL4qs1G83myx7HIoa0ClF7sg6pI53EFhM3GehMhL0ZfUaB5tvJ43dOX9Q2y6POprqGIvgkxt8sDF80navzMRCiaWE6rEhG43kldWWDthkcB+phgpHUNNjLEkkTiBV9AdA7/yYfH/gsnUCOpBSmUac9++4gZsUKZV3Gp4Ea0il2Tbg/gPWRXOIwfJa271gldVxa/qcW+7XIDvvQJMsjhp3qcOriQznF3fFBwjRF2gCkjLNuDt35+/CWIP58Tpd3r1jPpQj3ZsX0pUxBGtGOHwDUsAdofco318Finj1PXEOYy2K9sf9St5np8Pu0iKrH6qqfxhDM+7mL1cTosTaEibVacUuLtdDFdRuWhU7zy9Vf5SBRwcEwU4fU5l09kqGtWCZa/N/qPZ7OpXXP9Y1qmYdBLtfvupM0Kox3KOuBavSfPLZ829P9ab9GAUAAA== */
.Toolbar_wrapper__1i9vxnj2 {
  transform: translate3d(var(--toolbarX__1i9vxnj0), var(--toolbarY__1i9vxnj1), 0);
}
.Toolbar_wrapper_manualPosition_false__1i9vxnj3 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.Toolbar_content__1i9vxnj4 {
  opacity: 0;
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
  transition-property: opacity, transform;
  transition-duration: var(--duration-m__1bl7jj11v);
  transition-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
  background-color: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  padding: var(--spacing-xxs__1bl7jj11j);
  display: grid;
  gap: var(--spacing-xxs__1bl7jj11j);
  grid-auto-flow: column;
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.Toolbar_content_status_entering__1i9vxnj5 {
  transform: none;
  opacity: 1;
}
.Toolbar_content_status_entered__1i9vxnj6 {
  transform: none;
  opacity: 1;
}
.Toolbar_button__1i9vxnja[aria-pressed=true] {
  --color__xq82d81: var(--color-controlAccent__1bl7jj115);
}
.Toolbar_button__1i9vxnja[aria-pressed=true]::before {
  background: var(--color-surfaceActive__1bl7jj1o);
  transform: none;
}
.Toolbar_separator__1i9vxnjb {
  width: 1px;
  background: var(--color-border__1bl7jj110);
  height: 80%;
  align-self: center;
}

/* vanilla-extract-css-ns:src/global/pieces/Tooltip/Tooltip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XwXLbOAy99yt46Uy0E2YtJ263yrHXnjad6e7JQ0uwjYQiVRKyZe/sv++QsknKkZ0mM9mTZeIRDwBBALz5rrUkbOZbI5oGzHye27bZqemE/fOBMd2SRAUFU1rB/Yd/P9wc8XT4PeJnHs/5QpRPK6NbVQXRbcE2wlxxXmqpDbetWYoSHqDUqhJmN5/nC/n58THH7N6rIOjoq4MGDXdDDQ4Qdt35XY22SKhVwZbYQeWWoiXH3WO2+d0L3XG7FpXeHqH9Pw4SNsLpzQNfXh22mAoMN6LC1gYCv/inX+OlVmS0jBtXfmONiq8BV2uKTnngA+6B2wjf946JqkK14qj6gziY14jSrSZw6eGkmyOGdDyd3AslLAOp+w7iqRdXaBspdgVbSujcgpC4UhwJaluwEhSBccuPrSVc7rzdoCgVaWcX7Qo28cYYoY7H0rNWrfHh5HU0fJMdhCCs82kpLOmWHqTeooowkw1V8sboBowjO7Be99KlNrWD7jmqCrqC5ZPZ7WjuWtzD3NZCyhCJTz6Nj0FfSF0+nca865KoP2bnNUthVhA0f041n+pMwlF7P7dY0bpg07tJ040yHBN+nh7zH54jRKHoP6UguK2uJtenjiR+PGXXbDLuS2AyLmkD15dLXKWQ5dUlNvYb47njfJl2oYl0HXjFCz7+OvULvIMbsrjE+kJYz1KBMdrMybQxS8rXltGvBglLEctM/Zoq+mz3lzP5TIJaO/f3HNUqqKz6pNboBBw2oMgem0VSDfL7YfDOdpOUB6Lr0DejN6vrkFKrlxesTrSUwkDMAH04Gb/6w13PIHos0qzzAFfMgxxdztmfhq6m2Um3EgurZUuQ3PnzWhzopHWcQY0lamreXwH/5LLzOlX3d5BJJ8uY0eS2380q6FvYKzpr0o+88u9JtaqfNSUP+ZbeO5WNHMlo7WvS8xnQuA4w+XgfpUOGw+HNJh8ZT+04OeOM/c6mWaIliWHBZgOCJIQF41523olhWf15wY232Tnq7cVU5flb/DyIDoNRf6x50zGrJVaDytNDYpWcXDzkk/pvXgrQK1z7fxNhGCB/M349Pu8Q2EGDs++edyeXcBA1/l5hS73vx9WgmvqWDh1xA6ryjc3NkoQ17uEbrHCBEmnn7drC4gmJL7Uibmutae3RQhEKicL2Tw5e6z3XtnuGWxmxs6WQvs73wp2iNVhM2mXsCgakINxE9FLUKHfHMumXWgyeTmc+7j4KYfp/3v77guz89YN9nNtHgjQyGrc+Xr3xuIfUGP908Zrj7DNts2D+dtC03NIPv8JrqLCNw+/t4Z2CCsIbKb/x7X67RgI/Y/nXqHuunjd8OHlvouFnDTGwaqWIyXM7idaf9zYZ9aabMdPdu+M/ngpXwWMPAAA= */
.Tooltip_wrapper__1supyn20 {
  outline: none;
}
.Tooltip_tooltip__1supyn25 {
  --background__1supyn23: var(--color-surfaceSecondary__1bl7jj1i);
  --textColor__1supyn24: var(--color-text__1bl7jj14);
  position: fixed;
  background: var(--background__1supyn23);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  min-height: var(--controlSize-s__1bl7jj11z);
  padding-inline: var(--spacing-s__1bl7jj11l);
  top: var(--top__1supyn21);
  left: var(--left__1supyn22);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, transform;
  z-index: 1053;
}
.Tooltip_tooltip_size_small__1supyn26 {
  padding-block: var(--spacing-xxs__1bl7jj11j);
}
.Tooltip_tooltip_size_large__1supyn27 {
  padding: var(--spacing-m__1bl7jj11m);
  width: 240px;
}
.Tooltip_tooltip_position_top__1supyn28 {
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
}
.Tooltip_tooltip_position_right__1supyn29 {
  transform: translate3d(calc(var(--spacing-xs__1bl7jj11k) * -1), 0, 0);
}
.Tooltip_tooltip_position_bottom__1supyn2a {
  transform: translate3d(0, calc(var(--spacing-xs__1bl7jj11k) * -1), 0);
}
.Tooltip_tooltip_position_left__1supyn2b {
  transform: translate3d(var(--spacing-xs__1bl7jj11k), 0, 0);
}
.Tooltip_tooltip_error_true__1supyn2c {
  --background__1supyn23: var(--color-surfaceCritical__1bl7jj1m);
  --textColor__1supyn24: var(--color-textCritical__1bl7jj19);
}
.Tooltip_tooltip_status_entering__1supyn2d {
  pointer-events: none;
  opacity: 1;
  transform: none;
}
.Tooltip_tooltip_status_entered__1supyn2e {
  opacity: 1;
  transform: none;
}
.Tooltip_tooltip_status_exiting__1supyn2f {
  pointer-events: none;
}
.Tooltip_caret__1supyn2o {
  --caretWidth__1supyn2j: calc(var(--caretSize__1supyn2i) * sqrt(2));
  position: absolute;
  width: var(--caretSize__1supyn2i);
  height: var(--caretSize__1supyn2i);
  transform: translate(var(--caretX__1supyn2k, 0), var(--caretY__1supyn2l, 0)) rotate(45deg);
  background: var(--background__1supyn23);
  top: var(--caretTop__1supyn2m);
  left: var(--caretLeft__1supyn2n);
}
.Tooltip_caret_position_top__1supyn2p {
  --caretTop__1supyn2m: 100%;
  --caretLeft__1supyn2n: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretX__1supyn2k: 50%;
  --caretY__1supyn2l: -50%;
}
.Tooltip_caret_position_right__1supyn2q {
  --caretTop__1supyn2m: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretLeft__1supyn2n: calc(var(--caretSize__1supyn2i) * -1);
  --caretX__1supyn2k: 50%;
  --caretY__1supyn2l: 50%;
  border-left: 1px solid var(--color-border__1bl7jj110);
}
.Tooltip_caret_position_bottom__1supyn2r {
  --caretTop__1supyn2m: calc(var(--caretSize__1supyn2i) * -1);
  --caretLeft__1supyn2n: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretX__1supyn2k: 50%;
  --caretY__1supyn2l: 50%;
  border-top: 1px solid var(--color-border__1bl7jj110);
  border-left: 1px solid var(--color-border__1bl7jj110);
}
.Tooltip_caret_position_left__1supyn2s {
  --caretTop__1supyn2m: calc(50% - var(--caretWidth__1supyn2j) / 2);
  --caretLeft__1supyn2n: 100%;
  --caretX__1supyn2k: -50%;
  --caretY__1supyn2l: 50%;
  border-top: 1px solid var(--color-border__1bl7jj110);
}
.Tooltip_content__1supyn2t {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  position: relative;
  font-family: var(--font-ui__1bl7jj125);
  color: var(--textColor__1supyn24);
  text-align: center;
}
.Tooltip_content_size_small__1supyn2u {
  font-size: var(--fontSize-text-s__1bl7jj12u);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  line-height: 1.1;
  white-space: nowrap;
}
.Tooltip_content_size_large__1supyn2v {
  font-weight: var(--fontWeight-regular__1bl7jj130);
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  line-height: 1.3;
}

.expander__outer {
  overflow: hidden;
}
.expander__outer--open {
  overflow: visible;
}
.expander__outer--enter {
  opacity: 0;
  -webkit-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .expander__outer--enter {
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -moz-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -o-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.expander__outer--enter-active {
  opacity: 1;
}
.expander__outer--exit {
  opacity: 1;
  -webkit-transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden !important;
}
@media (prefers-reduced-motion: reduce) {
  .expander__outer--exit {
    -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -moz-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -o-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), X;
    -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.expander__outer--exit-active {
  opacity: 0;
}
.border-radius {
  border-radius: 10px;
}
.border-radius--with-sidebar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.roi-calculator-layout {
  display: flex;
  position: relative;
  border-radius: 10px;
  /*
    @NOTE(mbusby, 2021-07-21): We use this magic-number
    based min-height to ensure that the calculator is the
    same size with the sidebar open / closed (with some leeway for
    different block sizes and font sizes).
  */
  min-height: 640px;
}
.roi-calculator-layout--narrow {
  min-height: unset;
}
.roi-calculator-layout--narrow .roi-main-panel {
  padding: 86px;
  min-height: 0;
}
.roi-calculator-layout--narrow .roi-main-panel__contents {
  padding: 80px 0 40px 0;
}
.roi-calculator-layout--narrow .roi-main-panel--with-sidebar {
  margin-left: 0;
  transform: translate3d(300px, 0, 0);
}
.roi-calculator-layout--extra-narrow .roi-main-panel {
  padding: 20px;
}
.roi-calculator-layout--extra-narrow .roi-main-panel--with-sidebar {
  margin-left: 0;
  transform: translate3d(300px, 0, 0);
}
.roi-calculator-panel {
  height: 100%;
  width: 300px;
  position: absolute;
  overflow: hidden;
  background-color: white;
}
.roi-calculator-panel__inner {
  width: 300px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.roi-main-panel {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 160px 128px;
  overflow: hidden;
  box-shadow: -1px 0 0 0 rgba(129, 162, 178, 0.25);
  z-index: 1;
  border-radius: 10px;
  transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.roi-main-panel .roi-main-panel__background,
.roi-main-panel .roi-main-panel__background-tint-overlay,
.roi-main-panel .roi-main-panel__background-image-container,
.roi-main-panel .roi-main-panel__background-image {
  border-radius: 10px;
  transition: border-radius 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.roi-main-panel--with-sidebar {
  margin-left: 300px;
  padding: 160px 64px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.roi-main-panel--with-sidebar .roi-main-panel__background,
.roi-main-panel--with-sidebar .roi-main-panel__background-tint-overlay,
.roi-main-panel--with-sidebar .roi-main-panel__background-image-container,
.roi-main-panel--with-sidebar .roi-main-panel__background-image {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.roi-main-panel .roi-main-panel__background,
.roi-main-panel .roi-main-panel__background-tint-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}
.roi-main-panel .roi-main-panel__background-image-container,
.roi-main-panel .roi-main-panel__background-image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.roi-main-panel .roi-main-panel__background-image-container {
  overflow: hidden;
}
.roi-main-panel .roi-main-panel__background-image--with-placeholder {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.roi-main-panel .roi-main-panel__contents {
  z-index: 1;
  width: 100%;
}
.roi-main-panel .roi-main-panel__item {
  display: flex;
  justify-content: center;
  width: 100%;
}
.roi-main-panel .roi-main-panel__result {
  margin-bottom: 40px;
}
.roi-main-panel .roi-calculator-result__label {
  margin-bottom: 16px;
}
.roi-main-panel .roi-calculator-result__inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 32px;
}
.roi-calculator-button {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 2;
}
.roi-calculator-wrapper {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(129, 162, 178, 0.25);
  height: 100%;
}
/*
  Shared typography tokens for the ROI calculator.
*/
.roi-calculator-typography__result {
  font-weight: 700;
  word-break: break-all;
  font-variant-numeric: tabular-nums;
  display: block;
}
.roi-calculator-typography__result .roi-calculator-typography__result-affix {
  font-size: 50%;
}
.roi-calculator-typography__result .roi-calculator-typography__result-affix.roi-calculator-typography__result-prefix {
  vertical-align: super;
}
.roi-calculator-typography__result .roi-calculator-typography__result-affix.roi-calculator-typography__result-suffix {
  vertical-align: baseline;
}
.roi-calculator-typography__result-label {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 20px;
  text-align: center;
  white-space: pre-wrap;
  margin-bottom: 0;
}
.roi-calculator-typography__calculator-title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  font-weight: 400;
  padding: 0;
  color: #47535d;
  font-size: 28px;
  white-space: pre-wrap;
}
.roi-calculator-typography__calculator-description {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  font-weight: 400;
  line-height: 1.3;
  color: #47535d;
  font-size: 16px;
  white-space: pre-wrap;
}
.roi-calculator-panel-contents {
  height: 100%;
}
.roi-calculator-panel-contents__scrim {
  height: 80px;
  width: 100%;
  position: sticky;
  top: 0;
  background: linear-gradient(white, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0));
  z-index: 1;
  border-top-left-radius: 10px;
}
.roi-calculator-panel-contents__header {
  padding: 0 24px;
}
.roi-calculator-panel-contents__inputs {
  margin-top: 8px;
}
.roi-calculator-panel-contents__title {
  margin-bottom: 16px;
}
/*
  Shared slider styles for the ROI calculator.
*/
.roi-calculator-slider__container {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 400px;
}
.roi-calculator-slider__container .roi-calculator-slider {
  width: 100%;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__label-container {
  flex: 1;
  word-break: break-all;
  margin-right: 4px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__label-container .roi-calculator-slider__label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.kl-opt-in-lowercase-label .roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__header .roi-calculator-slider__label-container .roi-calculator-slider__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range {
  margin: 12px 0;
  position: relative;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track {
  display: flex;
  height: 6px;
  border-radius: 3px;
  width: 100%;
  overflow: hidden;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track-filled,
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .thumb {
  background-color: var(--slider-filled);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track-filled {
  width: var(--slider-progress);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .track-unfilled {
  background-color: var(--slider-unfilled);
  width: calc(100% - var(--slider-progress));
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .thumb-container {
  position: absolute;
  inset: 0 11px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__static-range .thumb {
  height: 22px;
  width: 22px;
  border-radius: 11px;
  position: absolute;
  top: -8px;
  left: calc(var(--slider-progress));
  transform: translateX(-50%);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input {
  border: none;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 12px 0;
  height: auto;
  background-color: transparent !important;
  padding: 0;
}
@media all and (-ms-high-contrast: none) {
  .roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input {
    height: 59px;
  }
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .track-styles {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .thumb-styles {
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .thumb-styles:hover {
  transform: scale(1.2);
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input .thumb-styles:active {
  user-select: none;
  -webkit-user-select: none;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-runnable-track {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-track {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-progress {
  border-radius: 4px;
  height: 8px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-track {
  color: transparent;
  border-color: transparent;
  border-width: 6px 0;
  width: 100%;
  background-color: transparent;
  padding: 0;
  height: 8px !important;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-fill-lower {
  height: 8px !important;
  border-radius: 4px;
  border-color: transparent;
  padding: 0;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-fill-upper {
  height: 8px !important;
  border-radius: 4px;
  border-color: transparent;
  padding: 0;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  margin-top: -12px;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-webkit-slider-thumb:active {
  user-select: none;
  -webkit-user-select: none;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-thumb {
  -moz-appearance: none;
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-thumb:hover {
  transform: scale(1.2);
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-moz-range-thumb:active {
  user-select: none;
  -webkit-user-select: none;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus .focus-thumb-box-shadow {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus::-moz-range-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus::-ms-thumb {
  box-shadow: 0 0 0 3px white, 0 0 0 6px rgba(16, 153, 252, 0.5);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus:not(:focus-visible)::-webkit-slider-thumb {
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
}
.roi-calculator-slider__container .roi-calculator-slider .roi-calculator-slider__range-input:focus:not(:focus-visible)::-moz-range-thumb {
  box-shadow: 0 0 2px rgba(129, 162, 178, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.15);
}
.media-variable-widget {
  margin-top: 24px;
  margin-bottom: 24px;
  background-color: rgba(16, 153, 252, 0.1);
  height: 156px;
  display: flex;
  align-items: center;
}
.media-variable-label {
  min-height: 36px;
  width: fit-content;
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 41.5px;
  margin: auto;
  background: linear-gradient(0deg, rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), white;
  color: #47535d;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.media-variable-label--normal {
  padding: 4px 16px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: auto;
}
.media-variable-label__label {
  user-select: none;
}
.media-variable-label__icon {
  fill: #47535d;
}
.collaborator-button__copy-link {
  margin-bottom: 8px;
}
.reset-popover {
  font-family: "calibre-legacy", sans-serif;
  z-index: 999;
}
.reset-popover__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 16px;
}
.reset-popover__processing-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.reset-popover__after-reset {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.reset-popover__after-reset__head {
  color: #00857b;
  display: flex;
  align-items: center;
  margin-bottom: -8px;
}
.reset-popover__after-reset__head-label {
  color: #00857b;
}
.page-status-icon {
  fill: rgba(129, 162, 178, 0.75);
}
.page-status-icon--live {
  fill: #FFB961;
}
.page-status-icon--accepted {
  fill: #00857b;
}
.page-status-icon--declined {
  fill: #ff6161;
}
.page-status-icon--blueprint {
  fill: #1099FC;
}
.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(36, 44, 57, 0.8);
  z-index: 1053;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.lightbox--entering,
.lightbox--entered {
  opacity: 1;
}
.lightbox__close-button {
  position: absolute;
  top: 32px;
  right: 32px;
}
.lightbox__content {
  width: min(80vw, 1280px);
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.lightbox__content > * {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
}
.lightbox--entering .lightbox__content,
.lightbox--entered .lightbox__content {
  transform: none;
}
.chart__stacked-bar-default-color {
  fill: #716bf1;
}
.chart__bar__tooltip-container {
  position: absolute;
}
.chart-custom__subtitle {
  translate: 0 32px;
}
@media (max-width: 600px) {
  .chart-custom__subtitle {
    translate: 0 24px;
  }
}
.chart-custom__label-circle {
  fill: #47535d;
}
.chart-custom__label-circle.background {
  fill: #716bf1;
  opacity: 0.3;
  width: 43px;
  height: 24px;
}
.chart-custom__tooltip {
  display: flex;
  flex-direction: column;
  text-transform: initial;
}
.chart-custom__tooltip__header {
  margin-bottom: 8px;
}
.chart-custom__tooltip__divider {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin: 16px 0;
}
.chart-custom__tooltip__avg-time-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chart-custom__tooltip__avg-time-info--left {
  display: flex;
  align-items: center;
}
.chart-custom__tooltip__avg-time-info__icon {
  margin-right: 8px;
}
.chart__composed__legend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.recharts-responsive-container .recharts-cartesian-grid-horizontal line:first-child,
.recharts-responsive-container .recharts-cartesian-grid-horizontal line:last-child {
  stroke-opacity: 0;
}
.chart {
  /**
   * Our KL Typography does not work well within our Recharts charts, because...
   * - We are drawing SVGs, so some CSS attributes like `color` do not work
   * - We want our font sizes inside our charts to scale to much smaller sizes than the default 
   *   scaling defined in KL
   * 
   * Because of this, even though we are using KL components like `<Text>` and `<Label>`, we will
   * define our own custom classes to use with them here
   */
}
.chart__container {
  position: relative;
  height: 100% ;
}
.chart_text-strong {
  font-weight: 600;
}
.chart__legend-default {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.chart__legend-default__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chart__legend-default__indicator {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.chart__label {
  text-anchor: middle;
  font-size: var(--label-size-s);
}
@media (min-width: 600px) {
  .chart__label {
    font-size: var(--label-size-m);
  }
}
.chart__tick-label {
  text-anchor: middle;
  font-size: var(--label-size-s);
  fill: #47535d;
  opacity: 0.8;
}
@media (min-width: 600px) {
  .chart__tick-label {
    font-size: var(--label-size-m);
  }
}
.chart__tick-number {
  text-anchor: middle;
  font-size: var(--heading-size-4);
}
@media (min-width: 600px) {
  .chart__tick-number {
    font-size: var(--heading-size-3);
  }
}
.secured-by-qwilr {
  display: flex;
  justify-content: center;
  --accept-text-color: #47535d;
}
.secured-by-qwilr__security-badge {
  display: flex;
  align-items: center;
  justify-self: center;
  height: 32px;
  padding: 0 8px 0 4px;
  border: 0;
  border-bottom: 0;
  border-radius: 32px;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  transition-property: box-shadow, outline;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.secured-by-qwilr__security-badge:hover {
  border: 0;
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.secured-by-qwilr__security-badge svg:first-child {
  margin-right: 2px;
  width: 32px;
  height: 32px;
}
.secured-by-qwilr__security-badge svg:last-child {
  padding-left: 6px;
  width: 24px;
  border-left: 1px solid rgba(129, 162, 178, 0.25);
}
.secured-by-qwilr__security-badge:focus {
  outline: 3px solid rgba(16, 153, 252, 0.5);
  outline-offset: 3px;
}
.secured-by-qwilr__security-badge:focus:not(:focus-visible) {
  outline: none;
}
.secured-by-qwilr__label {
  padding-right: 8px;
}
.secured-by-qwilr__lock-icon {
  color: rgba(71, 83, 93, 0.75);
}
.block-content {
  container-name: block-content;
  container-type: inline-size;
}
@property --block-content-width {
  syntax: "<length>";
  initial-value: 0px;
  inherits: true;
}
.block-content > * {
  --block-content-width: 100cqw;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 100%;
}
body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}
a:hover {
  cursor: pointer;
}
a:focus:not(:focus-visible) {
  outline: none;
}
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
object,
embed {
  height: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.hide {
  display: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
}
img {
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
}
select {
  width: 100%;
}
/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1140px;
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.collapse .column,
.row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before,
.row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before,
.row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}
.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
}
@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
  }
  .small-1 {
    position: relative;
    width: 8.33333%;
  }
  .small-2 {
    position: relative;
    width: 16.66667%;
  }
  .small-3 {
    position: relative;
    width: 25%;
  }
  .small-4 {
    position: relative;
    width: 33.33333%;
  }
  .small-5 {
    position: relative;
    width: 41.66667%;
  }
  .small-6 {
    position: relative;
    width: 50%;
  }
  .small-7 {
    position: relative;
    width: 58.33333%;
  }
  .small-8 {
    position: relative;
    width: 66.66667%;
  }
  .small-9 {
    position: relative;
    width: 75%;
  }
  .small-10 {
    position: relative;
    width: 83.33333%;
  }
  .small-11 {
    position: relative;
    width: 91.66667%;
  }
  .small-12 {
    position: relative;
    width: 100%;
  }
  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }
  [class*="column"] + [class*="column"].end {
    float: left;
  }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 8.33333%;
  }
  .large-2 {
    position: relative;
    width: 16.66667%;
  }
  .large-3 {
    position: relative;
    width: 25%;
  }
  .large-4 {
    position: relative;
    width: 33.33333%;
  }
  .large-5 {
    position: relative;
    width: 41.66667%;
  }
  .large-6 {
    position: relative;
    width: 50%;
  }
  .large-7 {
    position: relative;
    width: 58.33333%;
  }
  .large-8 {
    position: relative;
    width: 66.66667%;
  }
  .large-9 {
    position: relative;
    width: 75%;
  }
  .large-10 {
    position: relative;
    width: 83.33333%;
  }
  .large-11 {
    position: relative;
    width: 91.66667%;
  }
  .large-12 {
    position: relative;
    width: 100%;
  }
  .row .large-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important;
  }
}
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1;
  }
  [class*="block-grid-"]:before,
  [class*="block-grid-"]:after {
    content: " ";
    display: table;
  }
  [class*="block-grid-"]:after {
    clear: both;
  }
  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em;
  }
  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none;
  }
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em;
  }
  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 9px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.ng-enter {
  -webkit-animation: fadeIn 0.2s ease, X;
  -moz-animation: fadeIn 0.2s ease, X;
  -o-animation: fadeIn 0.2s ease, X;
  animation: fadeIn 0.2s ease, X;
  -webkit-animation: fadeIn 0.2s ease;
  -moz-animation: fadeIn 0.2s ease;
  -o-animation: fadeIn 0.2s ease;
  animation: fadeIn 0.2s ease;
}
.tooltip.ng-leave {
  -webkit-animation: fadeOut 0.2s ease, X;
  -moz-animation: fadeOut 0.2s ease, X;
  -o-animation: fadeOut 0.2s ease, X;
  animation: fadeOut 0.2s ease, X;
  -webkit-animation: fadeOut 0.2s ease;
  -moz-animation: fadeOut 0.2s ease;
  -o-animation: fadeOut 0.2s ease;
  animation: fadeOut 0.2s ease;
}
.tooltip.in {
  opacity: 1;
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.tooltip.top {
  margin-top: -7px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 7px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #47535d;
  padding: 8px 16px;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0);
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #47535d;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #47535d;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #47535d;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #47535d;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #47535d;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #47535d;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #47535d;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #47535d;
}
.tooltip.delete .tooltip-inner {
  background: #D71939;
  color: #fff;
}
.tooltip.delete.bottom .tooltip-arrow {
  border-bottom-color: #D71939;
}
.tooltip.delete.top .tooltip-arrow {
  border-top-color: #D71939;
}
.tooltip.delete.left .tooltip-arrow {
  border-left-color: #D71939;
}
.tooltip.delete.right .tooltip-arrow {
  border-right-color: #D71939;
}
.tooltip.blue .tooltip-inner {
  background: #1099FC;
  color: #fff;
}
.tooltip.blue.bottom .tooltip-arrow {
  border-bottom-color: #1099FC;
}
.tooltip.blue.top .tooltip-arrow {
  border-top-color: #1099FC;
}
.tooltip.blue.left .tooltip-arrow {
  border-left-color: #1099FC;
}
.tooltip.blue.right .tooltip-arrow {
  border-right-color: #1099FC;
}
.tooltip.yellow .tooltip-inner {
  background: #ffb806;
  color: #fff;
}
.tooltip.yellow.bottom .tooltip-arrow {
  border-bottom-color: #ffb806;
}
.tooltip.yellow.top .tooltip-arrow {
  border-top-color: #ffb806;
}
.tooltip.yellow.left .tooltip-arrow {
  border-left-color: #ffb806;
}
.tooltip.yellow.right .tooltip-arrow {
  border-right-color: #ffb806;
}
.tooltip.green .tooltip-inner {
  background: #00857b;
  color: #fff;
}
.tooltip.green.bottom .tooltip-arrow {
  border-bottom-color: #00857b;
}
.tooltip.green.top .tooltip-arrow {
  border-top-color: #00857b;
}
.tooltip.green.left .tooltip-arrow {
  border-left-color: #00857b;
}
.tooltip.green.right .tooltip-arrow {
  border-right-color: #00857b;
}
.tooltip.emerald .tooltip-inner {
  background: #00857b;
  color: #fff;
}
.tooltip.emerald.bottom .tooltip-arrow {
  border-bottom-color: #00857b;
}
.tooltip.emerald.top .tooltip-arrow {
  border-top-color: #00857b;
}
.tooltip.emerald.left .tooltip-arrow {
  border-left-color: #00857b;
}
.tooltip.emerald.right .tooltip-arrow {
  border-right-color: #00857b;
}
.tooltip.red .tooltip-inner {
  background: #D71939;
  color: #fff;
}
.tooltip.red.bottom .tooltip-arrow {
  border-bottom-color: #D71939;
}
.tooltip.red.top .tooltip-arrow {
  border-top-color: #D71939;
}
.tooltip.red.left .tooltip-arrow {
  border-left-color: #D71939;
}
.tooltip.red.right .tooltip-arrow {
  border-right-color: #D71939;
}
.tooltip.purple .tooltip-inner {
  background: #716bf1;
  color: #fff;
}
.tooltip.purple.bottom .tooltip-arrow {
  border-bottom-color: #716bf1;
}
.tooltip.purple.top .tooltip-arrow {
  border-top-color: #716bf1;
}
.tooltip.purple.left .tooltip-arrow {
  border-left-color: #716bf1;
}
.tooltip.purple.right .tooltip-arrow {
  border-right-color: #716bf1;
}
.tooltip.grey .tooltip-inner {
  background: #81a2b2;
  color: #fff;
}
.tooltip.grey.bottom .tooltip-arrow {
  border-bottom-color: #81a2b2;
}
.tooltip.grey.top .tooltip-arrow {
  border-top-color: #81a2b2;
}
.tooltip.grey.left .tooltip-arrow {
  border-left-color: #81a2b2;
}
.tooltip.grey.right .tooltip-arrow {
  border-right-color: #81a2b2;
}
.tooltip.dark .tooltip-inner {
  background: rgba(34, 34, 34, 0.9);
  color: #fff;
}
.tooltip.dark.bottom .tooltip-arrow {
  border-bottom-color: rgba(34, 34, 34, 0.9);
}
.tooltip.dark.top .tooltip-arrow {
  border-top-color: rgba(34, 34, 34, 0.9);
}
.tooltip.dark.left .tooltip-arrow {
  border-left-color: rgba(34, 34, 34, 0.9);
}
.tooltip.dark.right .tooltip-arrow {
  border-right-color: rgba(34, 34, 34, 0.9);
}
.tooltip.orange .tooltip-inner {
  background: #FF851B;
  color: #fff;
}
.tooltip.orange.bottom .tooltip-arrow {
  border-bottom-color: #FF851B;
}
.tooltip.orange.top .tooltip-arrow {
  border-top-color: #FF851B;
}
.tooltip.orange.left .tooltip-arrow {
  border-left-color: #FF851B;
}
.tooltip.orange.right .tooltip-arrow {
  border-right-color: #FF851B;
}
.tooltip.small .tooltip-inner {
  font-size: 9px;
  padding: 4px 8px;
}
input.date-picker[type=text] {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  padding-left: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 0;
}
input.date-picker[type=text]:hover {
  background: #00857b;
  color: #fff;
}
/*
 * QWILRISED Bootstrap Datepicker element
 */
.datepicker.dropdown-menu {
  width: 300px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 875;
  border: 1px solid #ededed;
  background: #00857b;
}
.datepicker.dropdown-menu button {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  outline: none;
  border: 0px;
  border-radius: 0;
  margin: 0;
  background: none;
  color: #fff;
  padding: 10px;
  font-weight: 400;
}
.datepicker.dropdown-menu button:hover {
  background: #007168;
  text-decoration: none;
}
.datepicker.dropdown-menu thead {
  padding: 0;
}
.datepicker.dropdown-menu thead th:first-child button,
.datepicker.dropdown-menu thead th:last-child button {
  padding: 10px 0;
  background: #006c63;
}
.datepicker.dropdown-menu thead th.dow {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.datepicker.dropdown-menu tbody {
  height: 180px;
}
.datepicker.dropdown-menu tbody td {
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.datepicker.dropdown-menu.datepicker-mode-1 tbody button,
.datepicker.dropdown-menu.datepicker-mode-2 tbody button {
  height: 65px;
}
.datepicker.dropdown-menu .pull-left,
.datepicker.dropdown-menu .pull-right {
  background: #00857b;
  color: #fff;
  width: 40px;
  text-align: center;
}
.wave-spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.wave-spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.wave-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.wave-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.wave-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.wave-spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.containerFixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
/*	Filters
	============================= */
/*	Sprites
	============================= */
/* Shapes
	============================== */
.fillBackground {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}
/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */
x-object-fit {
  position: relative!important;
  display: inline-block !important;
}
x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
  position: absolute!important;
  left: -100% !important;
  right: -100% !important;
  top: -100% !important;
  bottom: -100% !important;
  margin: auto !important;
}
.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
  width: auto!important;
  height: auto !important;
}
.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
  width: 100%!important;
  height: 100% !important;
}
.x-object-fit-contain > .x-object-fit-taller {
  width: auto!important;
  height: 100% !important;
}
.x-object-fit-contain > .x-object-fit-wider {
  width: 100%!important;
  height: auto !important;
}
.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
  max-width: none!important;
  max-height: none !important;
}
.x-object-fit-cover > .x-object-fit-taller {
  width: 100%!important;
  height: auto!important;
  max-width: none !important;
}
.x-object-fit-cover > .x-object-fit-wider {
  width: auto!important;
  height: 100%!important;
  max-width: none !important;
}
.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
  top: 0!important;
  bottom: auto !important;
}
.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
  left: auto!important;
  right: 0 !important;
}
.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
  top: auto!important;
  bottom: 0 !important;
}
.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
  left: 0!important;
  right: auto !important;
}
span.flag-icon {
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  line-height: 1em;
  height: 1em;
  width: 1.4em;
  background-image: url(../../node_modules/flag-icons-svg/svg/missing.svg);
}
span.flag-icon:before {
  content: '\00a0';
}
span.flag-icon.flag-icon-ad {
  background-image: url(../../node_modules/flag-icons-svg/svg/ad.svg);
}
span.flag-icon.flag-icon-ae {
  background-image: url(../../node_modules/flag-icons-svg/svg/ae.svg);
}
span.flag-icon.flag-icon-af {
  background-image: url(../../node_modules/flag-icons-svg/svg/af.svg);
}
span.flag-icon.flag-icon-ag {
  background-image: url(../../node_modules/flag-icons-svg/svg/ag.svg);
}
span.flag-icon.flag-icon-ai {
  background-image: url(../../node_modules/flag-icons-svg/svg/ai.svg);
}
span.flag-icon.flag-icon-al {
  background-image: url(../../node_modules/flag-icons-svg/svg/al.svg);
}
span.flag-icon.flag-icon-am {
  background-image: url(../../node_modules/flag-icons-svg/svg/am.svg);
}
span.flag-icon.flag-icon-ao {
  background-image: url(../../node_modules/flag-icons-svg/svg/ao.svg);
}
span.flag-icon.flag-icon-ar {
  background-image: url(../../node_modules/flag-icons-svg/svg/ar.svg);
}
span.flag-icon.flag-icon-as {
  background-image: url(../../node_modules/flag-icons-svg/svg/as.svg);
}
span.flag-icon.flag-icon-at {
  background-image: url(../../node_modules/flag-icons-svg/svg/at.svg);
}
span.flag-icon.flag-icon-au {
  background-image: url(../../node_modules/flag-icons-svg/svg/au.svg);
}
span.flag-icon.flag-icon-aw {
  background-image: url(../../node_modules/flag-icons-svg/svg/aw.svg);
}
span.flag-icon.flag-icon-ax {
  background-image: url(../../node_modules/flag-icons-svg/svg/ax.svg);
}
span.flag-icon.flag-icon-az {
  background-image: url(../../node_modules/flag-icons-svg/svg/az.svg);
}
span.flag-icon.flag-icon-ba {
  background-image: url(../../node_modules/flag-icons-svg/svg/ba.svg);
}
span.flag-icon.flag-icon-bb {
  background-image: url(../../node_modules/flag-icons-svg/svg/bb.svg);
}
span.flag-icon.flag-icon-bd {
  background-image: url(../../node_modules/flag-icons-svg/svg/bd.svg);
}
span.flag-icon.flag-icon-be {
  background-image: url(../../node_modules/flag-icons-svg/svg/be.svg);
}
span.flag-icon.flag-icon-bf {
  background-image: url(../../node_modules/flag-icons-svg/svg/bf.svg);
}
span.flag-icon.flag-icon-bg {
  background-image: url(../../node_modules/flag-icons-svg/svg/bg.svg);
}
span.flag-icon.flag-icon-bh {
  background-image: url(../../node_modules/flag-icons-svg/svg/bh.svg);
}
span.flag-icon.flag-icon-bi {
  background-image: url(../../node_modules/flag-icons-svg/svg/bi.svg);
}
span.flag-icon.flag-icon-bj {
  background-image: url(../../node_modules/flag-icons-svg/svg/bj.svg);
}
span.flag-icon.flag-icon-bl {
  background-image: url(../../node_modules/flag-icons-svg/svg/bl.svg);
}
span.flag-icon.flag-icon-bm {
  background-image: url(../../node_modules/flag-icons-svg/svg/bm.svg);
}
span.flag-icon.flag-icon-bn {
  background-image: url(../../node_modules/flag-icons-svg/svg/bn.svg);
}
span.flag-icon.flag-icon-bo {
  background-image: url(../../node_modules/flag-icons-svg/svg/bo.svg);
}
span.flag-icon.flag-icon-br {
  background-image: url(../../node_modules/flag-icons-svg/svg/br.svg);
}
span.flag-icon.flag-icon-bs {
  background-image: url(../../node_modules/flag-icons-svg/svg/bs.svg);
}
span.flag-icon.flag-icon-bt {
  background-image: url(../../node_modules/flag-icons-svg/svg/bt.svg);
}
span.flag-icon.flag-icon-bv {
  background-image: url(../../node_modules/flag-icons-svg/svg/bv.svg);
}
span.flag-icon.flag-icon-bw {
  background-image: url(../../node_modules/flag-icons-svg/svg/bw.svg);
}
span.flag-icon.flag-icon-by {
  background-image: url(../../node_modules/flag-icons-svg/svg/by.svg);
}
span.flag-icon.flag-icon-bz {
  background-image: url(../../node_modules/flag-icons-svg/svg/bz.svg);
}
span.flag-icon.flag-icon-ca {
  background-image: url(../../node_modules/flag-icons-svg/svg/ca.svg);
}
span.flag-icon.flag-icon-cc {
  background-image: url(../../node_modules/flag-icons-svg/svg/cc.svg);
}
span.flag-icon.flag-icon-cd {
  background-image: url(../../node_modules/flag-icons-svg/svg/cd.svg);
}
span.flag-icon.flag-icon-cf {
  background-image: url(../../node_modules/flag-icons-svg/svg/cf.svg);
}
span.flag-icon.flag-icon-cg {
  background-image: url(../../node_modules/flag-icons-svg/svg/cg.svg);
}
span.flag-icon.flag-icon-ch {
  background-image: url(../../node_modules/flag-icons-svg/svg/ch.svg);
}
span.flag-icon.flag-icon-ci {
  background-image: url(../../node_modules/flag-icons-svg/svg/ci.svg);
}
span.flag-icon.flag-icon-ck {
  background-image: url(../../node_modules/flag-icons-svg/svg/ck.svg);
}
span.flag-icon.flag-icon-cl {
  background-image: url(../../node_modules/flag-icons-svg/svg/cl.svg);
}
span.flag-icon.flag-icon-cm {
  background-image: url(../../node_modules/flag-icons-svg/svg/cm.svg);
}
span.flag-icon.flag-icon-cn {
  background-image: url(../../node_modules/flag-icons-svg/svg/cn.svg);
}
span.flag-icon.flag-icon-co {
  background-image: url(../../node_modules/flag-icons-svg/svg/co.svg);
}
span.flag-icon.flag-icon-cr {
  background-image: url(../../node_modules/flag-icons-svg/svg/cr.svg);
}
span.flag-icon.flag-icon-cu {
  background-image: url(../../node_modules/flag-icons-svg/svg/cu.svg);
}
span.flag-icon.flag-icon-cv {
  background-image: url(../../node_modules/flag-icons-svg/svg/cv.svg);
}
span.flag-icon.flag-icon-cw {
  background-image: url(../../node_modules/flag-icons-svg/svg/cw.svg);
}
span.flag-icon.flag-icon-cx {
  background-image: url(../../node_modules/flag-icons-svg/svg/cx.svg);
}
span.flag-icon.flag-icon-cy {
  background-image: url(../../node_modules/flag-icons-svg/svg/cy.svg);
}
span.flag-icon.flag-icon-cz {
  background-image: url(../../node_modules/flag-icons-svg/svg/cz.svg);
}
span.flag-icon.flag-icon-de {
  background-image: url(../../node_modules/flag-icons-svg/svg/de.svg);
}
span.flag-icon.flag-icon-dj {
  background-image: url(../../node_modules/flag-icons-svg/svg/dj.svg);
}
span.flag-icon.flag-icon-dk {
  background-image: url(../../node_modules/flag-icons-svg/svg/dk.svg);
}
span.flag-icon.flag-icon-dm {
  background-image: url(../../node_modules/flag-icons-svg/svg/dm.svg);
}
span.flag-icon.flag-icon-do {
  background-image: url(../../node_modules/flag-icons-svg/svg/do.svg);
}
span.flag-icon.flag-icon-dz {
  background-image: url(../../node_modules/flag-icons-svg/svg/dz.svg);
}
span.flag-icon.flag-icon-ec {
  background-image: url(../../node_modules/flag-icons-svg/svg/ec.svg);
}
span.flag-icon.flag-icon-ee {
  background-image: url(../../node_modules/flag-icons-svg/svg/ee.svg);
}
span.flag-icon.flag-icon-eg {
  background-image: url(../../node_modules/flag-icons-svg/svg/eg.svg);
}
span.flag-icon.flag-icon-er {
  background-image: url(../../node_modules/flag-icons-svg/svg/er.svg);
}
span.flag-icon.flag-icon-es {
  background-image: url(../../node_modules/flag-icons-svg/svg/es.svg);
}
span.flag-icon.flag-icon-et {
  background-image: url(../../node_modules/flag-icons-svg/svg/et.svg);
}
span.flag-icon.flag-icon-eu {
  background-image: url(../../node_modules/flag-icons-svg/svg/eu.svg);
}
span.flag-icon.flag-icon-fi {
  background-image: url(../../node_modules/flag-icons-svg/svg/fi.svg);
}
span.flag-icon.flag-icon-fj {
  background-image: url(../../node_modules/flag-icons-svg/svg/fj.svg);
}
span.flag-icon.flag-icon-fk {
  background-image: url(../../node_modules/flag-icons-svg/svg/fk.svg);
}
span.flag-icon.flag-icon-fm {
  background-image: url(../../node_modules/flag-icons-svg/svg/fm.svg);
}
span.flag-icon.flag-icon-fo {
  background-image: url(../../node_modules/flag-icons-svg/svg/fo.svg);
}
span.flag-icon.flag-icon-fr {
  background-image: url(../../node_modules/flag-icons-svg/svg/fr.svg);
}
span.flag-icon.flag-icon-ga {
  background-image: url(../../node_modules/flag-icons-svg/svg/ga.svg);
}
span.flag-icon.flag-icon-gb-eng {
  background-image: url(../../node_modules/flag-icons-svg/svg/gb-eng.svg);
}
span.flag-icon.flag-icon-gb-nir {
  background-image: url(../../node_modules/flag-icons-svg/svg/gb-nir.svg);
}
span.flag-icon.flag-icon-gb-sct {
  background-image: url(../../node_modules/flag-icons-svg/svg/gb-sct.svg);
}
span.flag-icon.flag-icon-gb-wls {
  background-image: url(../../node_modules/flag-icons-svg/svg/gb-wls.svg);
}
span.flag-icon.flag-icon-gb-zet {
  background-image: url(../../node_modules/flag-icons-svg/svg/gb-zet.svg);
}
span.flag-icon.flag-icon-gb {
  background-image: url(../../node_modules/flag-icons-svg/svg/gb.svg);
}
span.flag-icon.flag-icon-gd {
  background-image: url(../../node_modules/flag-icons-svg/svg/gd.svg);
}
span.flag-icon.flag-icon-ge {
  background-image: url(../../node_modules/flag-icons-svg/svg/ge.svg);
}
span.flag-icon.flag-icon-gf {
  background-image: url(../../node_modules/flag-icons-svg/svg/gf.svg);
}
span.flag-icon.flag-icon-gg {
  background-image: url(../../node_modules/flag-icons-svg/svg/gg.svg);
}
span.flag-icon.flag-icon-gh {
  background-image: url(../../node_modules/flag-icons-svg/svg/gh.svg);
}
span.flag-icon.flag-icon-gi {
  background-image: url(../../node_modules/flag-icons-svg/svg/gi.svg);
}
span.flag-icon.flag-icon-gl {
  background-image: url(../../node_modules/flag-icons-svg/svg/gl.svg);
}
span.flag-icon.flag-icon-gm {
  background-image: url(../../node_modules/flag-icons-svg/svg/gm.svg);
}
span.flag-icon.flag-icon-gn {
  background-image: url(../../node_modules/flag-icons-svg/svg/gn.svg);
}
span.flag-icon.flag-icon-gp {
  background-image: url(../../node_modules/flag-icons-svg/svg/gp.svg);
}
span.flag-icon.flag-icon-gq {
  background-image: url(../../node_modules/flag-icons-svg/svg/gq.svg);
}
span.flag-icon.flag-icon-gr {
  background-image: url(../../node_modules/flag-icons-svg/svg/gr.svg);
}
span.flag-icon.flag-icon-gs {
  background-image: url(../../node_modules/flag-icons-svg/svg/gs.svg);
}
span.flag-icon.flag-icon-gt {
  background-image: url(../../node_modules/flag-icons-svg/svg/gt.svg);
}
span.flag-icon.flag-icon-gu {
  background-image: url(../../node_modules/flag-icons-svg/svg/gu.svg);
}
span.flag-icon.flag-icon-gw {
  background-image: url(../../node_modules/flag-icons-svg/svg/gw.svg);
}
span.flag-icon.flag-icon-gy {
  background-image: url(../../node_modules/flag-icons-svg/svg/gy.svg);
}
span.flag-icon.flag-icon-hk {
  background-image: url(../../node_modules/flag-icons-svg/svg/hk.svg);
}
span.flag-icon.flag-icon-hm {
  background-image: url(../../node_modules/flag-icons-svg/svg/hm.svg);
}
span.flag-icon.flag-icon-hn {
  background-image: url(../../node_modules/flag-icons-svg/svg/hn.svg);
}
span.flag-icon.flag-icon-hr {
  background-image: url(../../node_modules/flag-icons-svg/svg/hr.svg);
}
span.flag-icon.flag-icon-ht {
  background-image: url(../../node_modules/flag-icons-svg/svg/ht.svg);
}
span.flag-icon.flag-icon-hu {
  background-image: url(../../node_modules/flag-icons-svg/svg/hu.svg);
}
span.flag-icon.flag-icon-id {
  background-image: url(../../node_modules/flag-icons-svg/svg/id.svg);
}
span.flag-icon.flag-icon-ie {
  background-image: url(../../node_modules/flag-icons-svg/svg/ie.svg);
}
span.flag-icon.flag-icon-il {
  background-image: url(../../node_modules/flag-icons-svg/svg/il.svg);
}
span.flag-icon.flag-icon-im {
  background-image: url(../../node_modules/flag-icons-svg/svg/im.svg);
}
span.flag-icon.flag-icon-in {
  background-image: url(../../node_modules/flag-icons-svg/svg/in.svg);
}
span.flag-icon.flag-icon-io {
  background-image: url(../../node_modules/flag-icons-svg/svg/io.svg);
}
span.flag-icon.flag-icon-iq {
  background-image: url(../../node_modules/flag-icons-svg/svg/iq.svg);
}
span.flag-icon.flag-icon-ir {
  background-image: url(../../node_modules/flag-icons-svg/svg/ir.svg);
}
span.flag-icon.flag-icon-is {
  background-image: url(../../node_modules/flag-icons-svg/svg/is.svg);
}
span.flag-icon.flag-icon-it {
  background-image: url(../../node_modules/flag-icons-svg/svg/it.svg);
}
span.flag-icon.flag-icon-je {
  background-image: url(../../node_modules/flag-icons-svg/svg/je.svg);
}
span.flag-icon.flag-icon-jm {
  background-image: url(../../node_modules/flag-icons-svg/svg/jm.svg);
}
span.flag-icon.flag-icon-jo {
  background-image: url(../../node_modules/flag-icons-svg/svg/jo.svg);
}
span.flag-icon.flag-icon-jp {
  background-image: url(../../node_modules/flag-icons-svg/svg/jp.svg);
}
span.flag-icon.flag-icon-ke {
  background-image: url(../../node_modules/flag-icons-svg/svg/ke.svg);
}
span.flag-icon.flag-icon-kg {
  background-image: url(../../node_modules/flag-icons-svg/svg/kg.svg);
}
span.flag-icon.flag-icon-kh {
  background-image: url(../../node_modules/flag-icons-svg/svg/kh.svg);
}
span.flag-icon.flag-icon-ki {
  background-image: url(../../node_modules/flag-icons-svg/svg/ki.svg);
}
span.flag-icon.flag-icon-km {
  background-image: url(../../node_modules/flag-icons-svg/svg/km.svg);
}
span.flag-icon.flag-icon-kn {
  background-image: url(../../node_modules/flag-icons-svg/svg/kn.svg);
}
span.flag-icon.flag-icon-kp {
  background-image: url(../../node_modules/flag-icons-svg/svg/kp.svg);
}
span.flag-icon.flag-icon-kr {
  background-image: url(../../node_modules/flag-icons-svg/svg/kr.svg);
}
span.flag-icon.flag-icon-kw {
  background-image: url(../../node_modules/flag-icons-svg/svg/kw.svg);
}
span.flag-icon.flag-icon-ky {
  background-image: url(../../node_modules/flag-icons-svg/svg/ky.svg);
}
span.flag-icon.flag-icon-kz {
  background-image: url(../../node_modules/flag-icons-svg/svg/kz.svg);
}
span.flag-icon.flag-icon-la {
  background-image: url(../../node_modules/flag-icons-svg/svg/la.svg);
}
span.flag-icon.flag-icon-lb {
  background-image: url(../../node_modules/flag-icons-svg/svg/lb.svg);
}
span.flag-icon.flag-icon-lc {
  background-image: url(../../node_modules/flag-icons-svg/svg/lc.svg);
}
span.flag-icon.flag-icon-li {
  background-image: url(../../node_modules/flag-icons-svg/svg/li.svg);
}
span.flag-icon.flag-icon-lk {
  background-image: url(../../node_modules/flag-icons-svg/svg/lk.svg);
}
span.flag-icon.flag-icon-lr {
  background-image: url(../../node_modules/flag-icons-svg/svg/lr.svg);
}
span.flag-icon.flag-icon-ls {
  background-image: url(../../node_modules/flag-icons-svg/svg/ls.svg);
}
span.flag-icon.flag-icon-lt {
  background-image: url(../../node_modules/flag-icons-svg/svg/lt.svg);
}
span.flag-icon.flag-icon-lu {
  background-image: url(../../node_modules/flag-icons-svg/svg/lu.svg);
}
span.flag-icon.flag-icon-lv {
  background-image: url(../../node_modules/flag-icons-svg/svg/lv.svg);
}
span.flag-icon.flag-icon-ly {
  background-image: url(../../node_modules/flag-icons-svg/svg/ly.svg);
}
span.flag-icon.flag-icon-ma {
  background-image: url(../../node_modules/flag-icons-svg/svg/ma.svg);
}
span.flag-icon.flag-icon-mc {
  background-image: url(../../node_modules/flag-icons-svg/svg/mc.svg);
}
span.flag-icon.flag-icon-md {
  background-image: url(../../node_modules/flag-icons-svg/svg/md.svg);
}
span.flag-icon.flag-icon-me {
  background-image: url(../../node_modules/flag-icons-svg/svg/me.svg);
}
span.flag-icon.flag-icon-mf {
  background-image: url(../../node_modules/flag-icons-svg/svg/mf.svg);
}
span.flag-icon.flag-icon-mg {
  background-image: url(../../node_modules/flag-icons-svg/svg/mg.svg);
}
span.flag-icon.flag-icon-mh {
  background-image: url(../../node_modules/flag-icons-svg/svg/mh.svg);
}
span.flag-icon.flag-icon-mk {
  background-image: url(../../node_modules/flag-icons-svg/svg/mk.svg);
}
span.flag-icon.flag-icon-ml {
  background-image: url(../../node_modules/flag-icons-svg/svg/ml.svg);
}
span.flag-icon.flag-icon-mm {
  background-image: url(../../node_modules/flag-icons-svg/svg/mm.svg);
}
span.flag-icon.flag-icon-mn {
  background-image: url(../../node_modules/flag-icons-svg/svg/mn.svg);
}
span.flag-icon.flag-icon-mo {
  background-image: url(../../node_modules/flag-icons-svg/svg/mo.svg);
}
span.flag-icon.flag-icon-mp {
  background-image: url(../../node_modules/flag-icons-svg/svg/mp.svg);
}
span.flag-icon.flag-icon-mq {
  background-image: url(../../node_modules/flag-icons-svg/svg/mq.svg);
}
span.flag-icon.flag-icon-mr {
  background-image: url(../../node_modules/flag-icons-svg/svg/mr.svg);
}
span.flag-icon.flag-icon-ms {
  background-image: url(../../node_modules/flag-icons-svg/svg/ms.svg);
}
span.flag-icon.flag-icon-mt {
  background-image: url(../../node_modules/flag-icons-svg/svg/mt.svg);
}
span.flag-icon.flag-icon-mu {
  background-image: url(../../node_modules/flag-icons-svg/svg/mu.svg);
}
span.flag-icon.flag-icon-mv {
  background-image: url(../../node_modules/flag-icons-svg/svg/mv.svg);
}
span.flag-icon.flag-icon-mw {
  background-image: url(../../node_modules/flag-icons-svg/svg/mw.svg);
}
span.flag-icon.flag-icon-mx {
  background-image: url(../../node_modules/flag-icons-svg/svg/mx.svg);
}
span.flag-icon.flag-icon-my {
  background-image: url(../../node_modules/flag-icons-svg/svg/my.svg);
}
span.flag-icon.flag-icon-mz {
  background-image: url(../../node_modules/flag-icons-svg/svg/mz.svg);
}
span.flag-icon.flag-icon-na {
  background-image: url(../../node_modules/flag-icons-svg/svg/na.svg);
}
span.flag-icon.flag-icon-nc {
  background-image: url(../../node_modules/flag-icons-svg/svg/nc.svg);
}
span.flag-icon.flag-icon-ne {
  background-image: url(../../node_modules/flag-icons-svg/svg/ne.svg);
}
span.flag-icon.flag-icon-nf {
  background-image: url(../../node_modules/flag-icons-svg/svg/nf.svg);
}
span.flag-icon.flag-icon-ng {
  background-image: url(../../node_modules/flag-icons-svg/svg/ng.svg);
}
span.flag-icon.flag-icon-ni {
  background-image: url(../../node_modules/flag-icons-svg/svg/ni.svg);
}
span.flag-icon.flag-icon-nl {
  background-image: url(../../node_modules/flag-icons-svg/svg/nl.svg);
}
span.flag-icon.flag-icon-no {
  background-image: url(../../node_modules/flag-icons-svg/svg/no.svg);
}
span.flag-icon.flag-icon-np {
  background-image: url(../../node_modules/flag-icons-svg/svg/np.svg);
}
span.flag-icon.flag-icon-nr {
  background-image: url(../../node_modules/flag-icons-svg/svg/nr.svg);
}
span.flag-icon.flag-icon-nu {
  background-image: url(../../node_modules/flag-icons-svg/svg/nu.svg);
}
span.flag-icon.flag-icon-nz {
  background-image: url(../../node_modules/flag-icons-svg/svg/nz.svg);
}
span.flag-icon.flag-icon-om {
  background-image: url(../../node_modules/flag-icons-svg/svg/om.svg);
}
span.flag-icon.flag-icon-pa {
  background-image: url(../../node_modules/flag-icons-svg/svg/pa.svg);
}
span.flag-icon.flag-icon-pe {
  background-image: url(../../node_modules/flag-icons-svg/svg/pe.svg);
}
span.flag-icon.flag-icon-pf {
  background-image: url(../../node_modules/flag-icons-svg/svg/pf.svg);
}
span.flag-icon.flag-icon-pg {
  background-image: url(../../node_modules/flag-icons-svg/svg/pg.svg);
}
span.flag-icon.flag-icon-ph {
  background-image: url(../../node_modules/flag-icons-svg/svg/ph.svg);
}
span.flag-icon.flag-icon-pk {
  background-image: url(../../node_modules/flag-icons-svg/svg/pk.svg);
}
span.flag-icon.flag-icon-pl {
  background-image: url(../../node_modules/flag-icons-svg/svg/pl.svg);
}
span.flag-icon.flag-icon-pm {
  background-image: url(../../node_modules/flag-icons-svg/svg/pm.svg);
}
span.flag-icon.flag-icon-pn {
  background-image: url(../../node_modules/flag-icons-svg/svg/pn.svg);
}
span.flag-icon.flag-icon-pr {
  background-image: url(../../node_modules/flag-icons-svg/svg/pr.svg);
}
span.flag-icon.flag-icon-ps {
  background-image: url(../../node_modules/flag-icons-svg/svg/ps.svg);
}
span.flag-icon.flag-icon-pt {
  background-image: url(../../node_modules/flag-icons-svg/svg/pt.svg);
}
span.flag-icon.flag-icon-pw {
  background-image: url(../../node_modules/flag-icons-svg/svg/pw.svg);
}
span.flag-icon.flag-icon-py {
  background-image: url(../../node_modules/flag-icons-svg/svg/py.svg);
}
span.flag-icon.flag-icon-qa {
  background-image: url(../../node_modules/flag-icons-svg/svg/qa.svg);
}
span.flag-icon.flag-icon-re {
  background-image: url(../../node_modules/flag-icons-svg/svg/re.svg);
}
span.flag-icon.flag-icon-ro {
  background-image: url(../../node_modules/flag-icons-svg/svg/ro.svg);
}
span.flag-icon.flag-icon-rs {
  background-image: url(../../node_modules/flag-icons-svg/svg/rs.svg);
}
span.flag-icon.flag-icon-ru {
  background-image: url(../../node_modules/flag-icons-svg/svg/ru.svg);
}
span.flag-icon.flag-icon-rw {
  background-image: url(../../node_modules/flag-icons-svg/svg/rw.svg);
}
span.flag-icon.flag-icon-sa {
  background-image: url(../../node_modules/flag-icons-svg/svg/sa.svg);
}
span.flag-icon.flag-icon-sb {
  background-image: url(../../node_modules/flag-icons-svg/svg/sb.svg);
}
span.flag-icon.flag-icon-sc {
  background-image: url(../../node_modules/flag-icons-svg/svg/sc.svg);
}
span.flag-icon.flag-icon-sd {
  background-image: url(../../node_modules/flag-icons-svg/svg/sd.svg);
}
span.flag-icon.flag-icon-se {
  background-image: url(../../node_modules/flag-icons-svg/svg/se.svg);
}
span.flag-icon.flag-icon-sg {
  background-image: url(../../node_modules/flag-icons-svg/svg/sg.svg);
}
span.flag-icon.flag-icon-sh {
  background-image: url(../../node_modules/flag-icons-svg/svg/sh.svg);
}
span.flag-icon.flag-icon-si {
  background-image: url(../../node_modules/flag-icons-svg/svg/si.svg);
}
span.flag-icon.flag-icon-sj {
  background-image: url(../../node_modules/flag-icons-svg/svg/sj.svg);
}
span.flag-icon.flag-icon-sk {
  background-image: url(../../node_modules/flag-icons-svg/svg/sk.svg);
}
span.flag-icon.flag-icon-sl {
  background-image: url(../../node_modules/flag-icons-svg/svg/sl.svg);
}
span.flag-icon.flag-icon-sm {
  background-image: url(../../node_modules/flag-icons-svg/svg/sm.svg);
}
span.flag-icon.flag-icon-sn {
  background-image: url(../../node_modules/flag-icons-svg/svg/sn.svg);
}
span.flag-icon.flag-icon-so {
  background-image: url(../../node_modules/flag-icons-svg/svg/so.svg);
}
span.flag-icon.flag-icon-sr {
  background-image: url(../../node_modules/flag-icons-svg/svg/sr.svg);
}
span.flag-icon.flag-icon-ss {
  background-image: url(../../node_modules/flag-icons-svg/svg/ss.svg);
}
span.flag-icon.flag-icon-st {
  background-image: url(../../node_modules/flag-icons-svg/svg/st.svg);
}
span.flag-icon.flag-icon-sv {
  background-image: url(../../node_modules/flag-icons-svg/svg/sv.svg);
}
span.flag-icon.flag-icon-sx {
  background-image: url(../../node_modules/flag-icons-svg/svg/sx.svg);
}
span.flag-icon.flag-icon-sy {
  background-image: url(../../node_modules/flag-icons-svg/svg/sy.svg);
}
span.flag-icon.flag-icon-sz {
  background-image: url(../../node_modules/flag-icons-svg/svg/sz.svg);
}
span.flag-icon.flag-icon-tc {
  background-image: url(../../node_modules/flag-icons-svg/svg/tc.svg);
}
span.flag-icon.flag-icon-td {
  background-image: url(../../node_modules/flag-icons-svg/svg/td.svg);
}
span.flag-icon.flag-icon-tf {
  background-image: url(../../node_modules/flag-icons-svg/svg/tf.svg);
}
span.flag-icon.flag-icon-tg {
  background-image: url(../../node_modules/flag-icons-svg/svg/tg.svg);
}
span.flag-icon.flag-icon-th {
  background-image: url(../../node_modules/flag-icons-svg/svg/th.svg);
}
span.flag-icon.flag-icon-tj {
  background-image: url(../../node_modules/flag-icons-svg/svg/tj.svg);
}
span.flag-icon.flag-icon-tk {
  background-image: url(../../node_modules/flag-icons-svg/svg/tk.svg);
}
span.flag-icon.flag-icon-tl {
  background-image: url(../../node_modules/flag-icons-svg/svg/tl.svg);
}
span.flag-icon.flag-icon-tm {
  background-image: url(../../node_modules/flag-icons-svg/svg/tm.svg);
}
span.flag-icon.flag-icon-tn {
  background-image: url(../../node_modules/flag-icons-svg/svg/tn.svg);
}
span.flag-icon.flag-icon-to {
  background-image: url(../../node_modules/flag-icons-svg/svg/to.svg);
}
span.flag-icon.flag-icon-tr {
  background-image: url(../../node_modules/flag-icons-svg/svg/tr.svg);
}
span.flag-icon.flag-icon-tt {
  background-image: url(../../node_modules/flag-icons-svg/svg/tt.svg);
}
span.flag-icon.flag-icon-tv {
  background-image: url(../../node_modules/flag-icons-svg/svg/tv.svg);
}
span.flag-icon.flag-icon-tw {
  background-image: url(../../node_modules/flag-icons-svg/svg/tw.svg);
}
span.flag-icon.flag-icon-tz {
  background-image: url(../../node_modules/flag-icons-svg/svg/tz.svg);
}
span.flag-icon.flag-icon-ua {
  background-image: url(../../node_modules/flag-icons-svg/svg/ua.svg);
}
span.flag-icon.flag-icon-ug {
  background-image: url(../../node_modules/flag-icons-svg/svg/ug.svg);
}
span.flag-icon.flag-icon-um {
  background-image: url(../../node_modules/flag-icons-svg/svg/um.svg);
}
span.flag-icon.flag-icon-us-ca {
  background-image: url(../../node_modules/flag-icons-svg/svg/us-ca.svg);
}
span.flag-icon.flag-icon-us {
  background-image: url(../../node_modules/flag-icons-svg/svg/us.svg);
}
span.flag-icon.flag-icon-uy {
  background-image: url(../../node_modules/flag-icons-svg/svg/uy.svg);
}
span.flag-icon.flag-icon-uz {
  background-image: url(../../node_modules/flag-icons-svg/svg/uz.svg);
}
span.flag-icon.flag-icon-va {
  background-image: url(../../node_modules/flag-icons-svg/svg/va.svg);
}
span.flag-icon.flag-icon-vc {
  background-image: url(../../node_modules/flag-icons-svg/svg/vc.svg);
}
span.flag-icon.flag-icon-ve {
  background-image: url(../../node_modules/flag-icons-svg/svg/ve.svg);
}
span.flag-icon.flag-icon-vg {
  background-image: url(../../node_modules/flag-icons-svg/svg/vg.svg);
}
span.flag-icon.flag-icon-vi {
  background-image: url(../../node_modules/flag-icons-svg/svg/vi.svg);
}
span.flag-icon.flag-icon-vn {
  background-image: url(../../node_modules/flag-icons-svg/svg/vn.svg);
}
span.flag-icon.flag-icon-vu {
  background-image: url(../../node_modules/flag-icons-svg/svg/vu.svg);
}
span.flag-icon.flag-icon-wf {
  background-image: url(../../node_modules/flag-icons-svg/svg/wf.svg);
}
span.flag-icon.flag-icon-ws {
  background-image: url(../../node_modules/flag-icons-svg/svg/ws.svg);
}
span.flag-icon.flag-icon-xk {
  background-image: url(../../node_modules/flag-icons-svg/svg/xk.svg);
}
span.flag-icon.flag-icon-ye {
  background-image: url(../../node_modules/flag-icons-svg/svg/ye.svg);
}
span.flag-icon.flag-icon-yt {
  background-image: url(../../node_modules/flag-icons-svg/svg/yt.svg);
}
span.flag-icon.flag-icon-za {
  background-image: url(../../node_modules/flag-icons-svg/svg/za.svg);
}
span.flag-icon.flag-icon-zm {
  background-image: url(../../node_modules/flag-icons-svg/svg/zm.svg);
}
span.flag-icon.flag-icon-zw {
  background-image: url(../../node_modules/flag-icons-svg/svg/zw.svg);
}
#mocha {
  padding-left: 200px;
}
.error-msg {
  z-index: 10;
  left: 50%;
  bottom: -80px;
  margin: 10px 0;
  margin-left: -75px;
  position: absolute;
  display: inline-block;
  width: 150px;
  padding: 10px;
  text-align: center;
  color: #D71939;
  background: #f396a6;
  font-size: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: fadeInUp 0.25s ease, X;
  -moz-animation: fadeInUp 0.25s ease, X;
  -o-animation: fadeInUp 0.25s ease, X;
  animation: fadeInUp 0.25s ease, X;
  -webkit-animation: fadeInUp 0.25s ease;
  -moz-animation: fadeInUp 0.25s ease;
  -o-animation: fadeInUp 0.25s ease;
  animation: fadeInUp 0.25s ease;
}
.error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f396a6;
}
.error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f396a6;
}
.error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f396a6;
}
.error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f396a6;
}
.error-msg.ng-hide-add {
  -webkit-animation: fadeOutDown 0.15s ease, X;
  -moz-animation: fadeOutDown 0.15s ease, X;
  -o-animation: fadeOutDown 0.15s ease, X;
  animation: fadeOutDown 0.15s ease, X;
  -webkit-animation: fadeOutDown 0.15s ease;
  -moz-animation: fadeOutDown 0.15s ease;
  -o-animation: fadeOutDown 0.15s ease;
  animation: fadeOutDown 0.15s ease;
  display: block !important;
}
.success-msg {
  background: rgba(0, 133, 123, 0.2);
  color: #00524c;
  display: inline-block;
  padding: 10px;
  margin: 10px 0;
  -webkit-animation: fadeInUp 0.3s, X;
  -moz-animation: fadeInUp 0.3s, X;
  -o-animation: fadeInUp 0.3s, X;
  animation: fadeInUp 0.3s, X;
  -webkit-animation: fadeInUp 0.3s;
  -moz-animation: fadeInUp 0.3s;
  -o-animation: fadeInUp 0.3s;
  animation: fadeInUp 0.3s;
}
.success-msg.ng-hide-add {
  -webkit-animation: fadeOutDown 0.3s, X;
  -moz-animation: fadeOutDown 0.3s, X;
  -o-animation: fadeOutDown 0.3s, X;
  animation: fadeOutDown 0.3s, X;
  -webkit-animation: fadeOutDown 0.3s;
  -moz-animation: fadeOutDown 0.3s;
  -o-animation: fadeOutDown 0.3s;
  animation: fadeOutDown 0.3s;
  display: block !important;
}
label {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 11px;
  text-transform: uppercase;
  color: #4f617e;
}
textarea {
  width: 100%;
  border: 1px solid #ebebeb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
  min-height: 160px;
  box-shadow: none;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  outline: none;
}
textarea:active {
  outline: none;
}
.button-icon-bg {
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 10px;
  padding-left: 30px;
  background-color: transparent;
  border-radius: 0;
}
.search-icon-bg {
  background-image: url("/Assets/icons/search-icon.png") !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 10px;
  padding-left: 30px;
  background-color: transparent;
  border-radius: 0;
}
.search-icon-med {
  background-image: url("/Assets/icons/Search_med.svg") !important;
  background-repeat: no-repeat;
}
.search-icon-bg-white {
  background-image: url("/Assets/Images/search-icon-white.png") !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 10px;
  padding-left: 30px;
  background-color: transparent;
  border-radius: 0;
}
.cross-icon-bg {
  background-image: url("/Assets/Images/Cross.svg") !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 10px;
  padding-left: 30px;
  background-color: transparent;
  border-radius: 0;
}
input[type=text],
input[type=email],
input[type=number],
input[type=password] {
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(36, 44, 57, 0.1);
  height: 60px;
  padding-left: 20px;
  font-size: 20px;
  width: 100%;
  box-shadow: none;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  outline: none;
}
input[type=text]:active,
input[type=email]:active,
input[type=number]:active,
input[type=password]:active {
  outline: none;
}
input[type=text].mini,
input[type=email].mini,
input[type=number].mini,
input[type=password].mini {
  border-color: #1099FC;
  height: 30px;
  padding-left: 15px;
  font-size: 12px;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled {
  opacity: 0.5;
}
input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 1px solid #1099FC;
  height: 20px;
  width: 20px;
  border-radius: 20px;
}
input[type=radio]:checked {
  background: #1099FC;
}
input {
  border-color: rgba(129, 162, 178, 0.05);
  background: #fafafa;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
input:focus {
  background: #fff;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
input .style {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input:-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-moz-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: #242C39;
  font-size: 16px;
  font-style: italic;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.setup-inputs header {
  text-align: center;
}
.setup-inputs header .step-title {
  font-size: 25px;
  letter-spacing: 0.03em;
  font-weight: 400;
  text-transform: uppercase;
}
.setup-inputs header p {
  font-size: 19px;
  color: #889ea8;
}
.setup-inputs .input-note {
  margin: 6px 0;
  font-size: 12px;
  color: #889ea8;
}
.setup-inputs .input input {
  -webkit-transition: all 0.275s ease, X;
  -moz-transition: all 0.275s ease, X;
  -o-transition: all 0.275s ease, X;
  transition: all 0.275s ease, X;
  -webkit-transition: all 0.275s ease;
  -moz-transition: all 0.275s ease;
  -o-transition: all 0.275s ease;
  transition: all 0.275s ease;
}
.setup-inputs .input input:focus,
.setup-inputs .input select:focus {
  border: 1px solid #1099FC;
}
.setup-inputs .input .input-title {
  font-size: 15px;
  color: #416374;
}
select {
  background: #fff;
  border: 1px solid rgba(204, 204, 204, 0.5);
  padding: 0 20px;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  min-width: 160px;
  background: url("/Assets/icons/DownArrow.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
  -webkit-outline: none;
  -moz-outline: none;
}
button,
.button-like {
  background-color: #00857b;
  background-position: 10px center;
  background-repeat: no-repeat;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: none;
  font-weight: 300;
  font-size: 15px;
  border-radius: 2px;
}
button:active,
.button-like:active {
  outline: none;
}
button.warning,
.button-like.warning,
button.delete,
.button-like.delete,
button.red,
.button-like.red {
  background: #D71939;
}
.button-transition {
  -webkit-transition: color 0.15s, background 0.275s;
  -moz-transition: color 0.15s, background 0.275s;
  -o-transition: color 0.15s, background 0.275s;
  transition: color 0.15s, background 0.275s;
}
button.sleek {
  font-weight: 300;
  font-family: "calibre-legacy", sans-serif;
  padding: 9px 12px;
  background: transparent;
  border-radius: 20px;
  line-height: 20px;
  border: 1px solid #00857b;
  color: #00857b;
  -webkit-transition: background 0.25s, X;
  -moz-transition: background 0.25s, X;
  -o-transition: background 0.25s, X;
  transition: background 0.25s, X;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
  display: inline-block;
  text-align: center;
}
button.sleek:hover {
  background: rgba(0, 133, 123, 0.3);
}
.sleek-ii {
  border: 1px solid rgba(0, 133, 123, 0.35);
  background: #fff;
  padding: 20px;
  color: #00857b;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sleek-ii:hover {
  background: #007b72;
  color: #fff;
}
.sleek-ii.inline {
  display: inline-block;
}
button.sleek-ii {
  border: 1px solid rgba(0, 133, 123, 0.35);
  background: #fff;
  padding: 20px;
  color: #00857b;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
button.sleek-ii:hover {
  background: #007b72;
  color: #fff;
}
button.sleek-ii.inline {
  display: inline-block;
}
.full-width-submit {
  width: 100%;
  background: #00857b;
  font-weight: 300;
  font-family: "calibre-legacy", sans-serif;
  border-radius: 0;
  padding: 15px;
  color: #fff;
  text-shadow: none;
  text-align: center;
  -webkit-transition: background 0.2s ease, X;
  -moz-transition: background 0.2s ease, X;
  -o-transition: background 0.2s ease, X;
  transition: background 0.2s ease, X;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.full-width-submit:after {
  display: inline-block;
  font-family: "qwilr";
  content: "\e60e";
  font-size: 13px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -o-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}
.full-width-submit:hover {
  background: #009489;
}
.full-width-submit:hover:after {
  -webkit-transform: translateX(9px);
  -moz-transform: translateX(9px);
  -o-transform: translateX(9px);
  -ms-transform: translateX(9px);
  transform: translateX(9px);
}
.half-width-submit {
  width: 100%;
  background: #00857b;
  font-weight: 300;
  font-family: "calibre-legacy", sans-serif;
  border-radius: 0;
  padding: 15px;
  color: #fff;
  text-shadow: none;
  text-align: center;
  -webkit-transition: background 0.2s ease, X;
  -moz-transition: background 0.2s ease, X;
  -o-transition: background 0.2s ease, X;
  transition: background 0.2s ease, X;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  width: 49.75%;
}
.half-width-submit:after {
  display: inline-block;
  font-family: "qwilr";
  content: "\e60e";
  font-size: 13px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -o-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}
.half-width-submit:hover {
  background: #009489;
}
.half-width-submit:hover:after {
  -webkit-transform: translateX(9px);
  -moz-transform: translateX(9px);
  -o-transform: translateX(9px);
  -ms-transform: translateX(9px);
  transform: translateX(9px);
}
.secondary-action-button {
  display: inline-block;
  padding: 13px;
  background-color: #fafafa;
  border: 1px solid #ededed;
  color: #808080;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 12px;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-align: center;
}
.secondary-action-button:hover {
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}
button.cancel-button {
  display: inline-block;
  text-align: center;
  background: #fff;
  padding: 15px;
  color: #666666;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  cursor: pointer;
  margin-left: auto;
}
button.cancel-button:hover {
  background: rgba(239, 239, 239, 0.5);
}
.settings-button {
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url("/Assets/icons/Settings.svg");
}
.delete-icon {
  background-image: url("/Assets/icons/Delete.svg");
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding: 15px;
  padding-left: 55px;
  color: #4d4d4d;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
}
.icon-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  fill: #81a2b2;
}
.icon-button svg {
  width: 100%;
  height: 100%;
  margin: auto;
}
.button-trash {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  fill: #81a2b2;
}
.button-trash svg {
  width: 100%;
  height: 100%;
  margin: auto;
}
.button-trash:hover {
  background: #D71939;
  fill: rgba(255, 255, 255, 0.25);
}
.button-trash.disabled {
  opacity: 0.2;
  color: #81a2b2;
  cursor: default;
}
.button-trash.disabled:hover {
  background: none;
  fill: #81a2b2;
}
.button-trash svg {
  width: 60%;
  height: 60%;
}
body,
html {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
td,
th,
span,
blockquote,
content-area {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
#content-wrap {
  -webkit-transition: 0.3s, X;
  -moz-transition: 0.3s, X;
  -o-transition: 0.3s, X;
  transition: 0.3s, X;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  width: 100%;
}
#content-wrap.main-nav-open {
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -o-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-transition: -webkit-transform 0.25s ease, opacity 0.35s ease;
  -moz-transition: -moz-transform 0.25s ease, opacity 0.35s ease;
  -o-transition: -o-transform 0.25s ease, opacity 0.35s ease;
  transition: -webkit-transform 0.25s ease,-moz-transform 0.25s ease,-o-transform 0.25s ease,transform 0.25s ease, opacity 0.35s ease;
  -webkit-transition: transform 0.25s ease, opacity 0.35s ease;
  -moz-transition: transform 0.25s ease, opacity 0.35s ease;
  -o-transition: transform 0.25s ease, opacity 0.35s ease;
  transition: transform 0.25s ease, opacity 0.35s ease;
  opacity: 0.25;
}
::selection {
  background: rgba(16, 153, 252, 0.35);
  color: inherit;
}
::-moz-selection {
  background: rgba(16, 153, 252, 0.35);
  color: inherit;
}
module,
item,
items,
quote,
viewport,
block,
content,
projects,
display,
edit,
actions-box,
block-border,
block-browser,
browser-results,
browser-controls,
new-item-button,
section-actions,
section-controls,
quote-total,
wrapper,
qwilr-video,
field,
quote-formula-function,
app-settings {
  display: block;
  outline: none;
  -webkit-outline: none;
}
.textStyle {
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.style-qwilrStyle .opentip {
  background: #00857b;
}
.style-qwilrStyle .opentip h1,
.style-qwilrStyle .opentip .ot-content {
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.style-qwilrRed .opentip {
  background: #D71939;
}
.style-qwilrRed .opentip h1,
.style-qwilrRed .opentip .ot-content {
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: "qwilr";
  src: url("../Assets/fonts/qwilr.eot?c0nr50");
  src: url("../Assets/fonts/qwilr.eot?c0nr50#iefix") format("embedded-opentype"), url("../Assets/fonts/qwilr.ttf?c0nr50") format("truetype"), url("../Assets/fonts/qwilr.woff?c0nr50") format("woff"), url("../Assets/fonts/qwilr.svg?c0nr50#qwilr") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "qwilr" !important;
  speak: none;
  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;
}
.icon-menu2:before {
  content: "\e91a";
}
.icon-option-size:before {
  content: "\e90e";
}
.icon-menu:before {
  content: "\e01b";
}
.icon-delete2:before {
  content: "\e62a";
}
.icon-done:before {
  content: "\e630";
}
.icon-help2:before {
  content: "\e913";
}
.icon-settings:before {
  content: "\e900";
}
.icon-warning:before {
  content: "\e62d";
}
.icon-equalizer:before {
  content: "\e901";
}
.icon-play-arrow:before {
  content: "\e627";
}
.icon-clear:before {
  content: "\e628";
}
.icon-remove:before {
  content: "\e62c";
}
.icon-keyboard-arrow-down:before {
  content: "\e629";
}
.icon-keyboard-arrow-left:before {
  content: "\e62e";
}
.icon-keyboard-arrow-right:before {
  content: "\e62f";
}
.icon-keyboard-arrow-up:before {
  content: "\e907";
}
.icon-apps:before {
  content: "\e902";
}
.icon-close:before {
  content: "\e62b";
}
.icon-option-menu:before {
  content: "\e903";
}
.icon-more-vert:before {
  content: "\e904";
}
.icon-eye:before {
  content: "\e000";
}
.icon-mail:before {
  content: "\e002";
}
.icon-links:before {
  content: "\e005";
}
.icon-bell:before {
  content: "\e009";
}
.icon-lock:before {
  content: "\e007";
}
.icon-disc:before {
  content: "\e01d";
}
.icon-monitor:before {
  content: "\e023";
}
.icon-cog:before {
  content: "\e024";
}
.icon-layers:before {
  content: "\e032";
}
.icon-repeat:before {
  content: "\e058";
}
.icon-branch:before {
  content: "\e081";
}
.icon-pie-graph:before {
  content: "\e092";
}
.icon-check:before {
  content: "\e116";
}
.icon-cross:before {
  content: "\e117";
}
.icon-share:before {
  content: "\e128";
}
.icon-clock:before {
  content: "\e014";
}
.icon-layers2:before {
  content: "\e031";
}
.icon-paper:before {
  content: "\e035";
}
.icon-search:before {
  content: "\e036";
}
.icon-reply:before {
  content: "\e039";
}
.icon-circle-cross:before {
  content: "\e043";
}
.icon-head:before {
  content: "\e074";
}
.icon-box:before {
  content: "\e079";
}
.icon-arrow-left:before {
  content: "\e094";
}
.icon-arrow-right:before {
  content: "\e095";
}
.icon-arrow-up2:before {
  content: "\e096";
}
.icon-arrow-down:before {
  content: "\e097";
}
.icon-grid:before {
  content: "\e102";
}
.icon-plus:before {
  content: "\e114";
}
.icon-minus:before {
  content: "\2212";
}
.icon-sort-order:before {
  content: "\e914";
}
.icon-archive:before {
  content: "\e915";
}
.icon-star2:before {
  content: "\e916";
}
.icon-status:before {
  content: "\e917";
}
.icon-tag:before {
  content: "\e918";
}
.icon-users3:before {
  content: "\e919";
}
.icon-option-background:before {
  content: "\e911";
}
.icon-option-configure:before {
  content: "\e912";
}
.icon-option-currency:before {
  content: "\e90a";
}
.icon-option-custom-labels:before {
  content: "\e90b";
}
.icon-option-rates:before {
  content: "\e90d";
}
.icon-option-taxes:before {
  content: "\e90f";
}
.icon-option-tint:before {
  content: "\e910";
}
.icon-pencil3:before {
  content: "\e909";
}
.icon-lettering:before {
  content: "\e626";
}
.icon-logo-thin:before {
  content: "\e624";
}
.icon-logo-thick:before {
  content: "\e625";
}
.icon-fold:before {
  content: "\e623";
}
.icon-droplet:before {
  content: "\e61d";
}
.icon-thin-close:before {
  content: "\e610";
}
.icon-ThinArrow:before {
  content: "\e60e";
}
.icon-star:before {
  content: "\e006";
}
.icon-document:before {
  content: "\f016";
}
.icon-alt-document:before {
  content: "\f0f6";
}
.icon-link2:before {
  content: "\f0c1";
}
.icon-scope-3:before {
  content: "\e008";
}
.icon-timeline:before {
  content: "\e00b";
}
.icon-schedule:before {
  content: "\f073";
}
.icon-eye-blocked:before {
  content: "\e00d";
}
.icon-logout:before {
  content: "\e013";
}
.icon-save:before {
  content: "\e015";
}
.icon-cancel:before {
  content: "\f00d";
}
.icon-profile:before {
  content: "\e017";
}
.icon-credit:before {
  content: "\e018";
}
.icon-picture:before {
  content: "\e019";
}
.icon-eye2:before {
  content: "\e01c";
}
.icon-tree:before {
  content: "\e01f";
}
.icon-delete:before {
  content: "\e119";
}
.icon-help:before {
  content: "\e127";
}
.icon-ellipsis:before {
  content: "\e129";
}
.icon-grid2:before {
  content: "\e618";
}
.icon-users:before {
  content: "\e605";
}
.icon-user:before {
  content: "\e61e";
}
.icon-users2:before {
  content: "\e61f";
}
.icon-user2:before {
  content: "\e620";
}
.icon-bar-graph:before {
  content: "\e906";
}
.icon-document2:before {
  content: "\e021";
}
.icon-share2:before {
  content: "\e01a";
}
.icon-lock2:before {
  content: "\e022";
}
.icon-envelope:before {
  content: "\e028";
}
.icon-gears:before {
  content: "\e02b";
}
.icon-link:before {
  content: "\e02d";
}
.icon-attachment:before {
  content: "\e02e";
}
.icon-linegraph:before {
  content: "\e03a";
}
.icon-banknote:before {
  content: "\e601";
}
.icon-calendar:before {
  content: "\e621";
}
.icon-picture2:before {
  content: "\e604";
}
.icon-branch2:before {
  content: "\e612";
}
.icon-chart:before {
  content: "\e603";
}
.icon-grid22:before {
  content: "\e608";
}
.icon-layout:before {
  content: "\e607";
}
.icon-tools:before {
  content: "\e60a";
}
.icon-hourglass:before {
  content: "\e606";
}
.icon-locked:before {
  content: "\e60c";
}
.icon-pencil2:before {
  content: "\e908";
}
.icon-search2:before {
  content: "\e60f";
}
.icon-play:before {
  content: "\e61a";
}
.icon-pause:before {
  content: "\e61b";
}
.icon-type:before {
  content: "\e622";
}
.icon-alarm:before {
  content: "\e905";
}
.icon-ampersand:before {
  content: "\e619";
}
.icon-code:before {
  content: "\e609";
}
.icon-pencil:before {
  content: "\e600";
}
.icon-droplet2:before {
  content: "\e602";
}
.icon-play2:before {
  content: "\e60d";
}
.icon-phone:before {
  content: "\e60b";
}
.icon-list:before {
  content: "\e61c";
}
.icon-unseen:before {
  content: "\e611";
}
.icon-googleplus:before {
  content: "\e615";
}
.icon-facebook:before {
  content: "\e616";
}
.icon-twitter:before {
  content: "\e617";
}
.icon-libreoffice:before {
  content: "\e613";
}
.icon-file-pdf:before {
  content: "\e614";
}
.icon-quote:before {
  content: "$";
}
.icon-alphabetical:before {
  content: "A - Z";
}
.icon-percent:before {
  content: "%";
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border: none;
  border-radius: 4px;
  background: rgba(36, 44, 57, 0.03);
  outline: none;
}
input[type=range]:active {
  outline: none;
}
input[type=range] .handle {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #1099FC;
  -webkit-transition: background 0.35s, scale 0.2s;
  -moz-transition: background 0.35s, scale 0.2s;
  -o-transition: background 0.35s, scale 0.2s;
  transition: background 0.35s, scale 0.2s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range] .handle:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  background: #29a4fc;
}
input[type=range] .handle:active {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #1099FC;
  -webkit-transition: background 0.35s, scale 0.2s;
  -moz-transition: background 0.35s, scale 0.2s;
  -o-transition: background 0.35s, scale 0.2s;
  transition: background 0.35s, scale 0.2s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  background: #29a4fc;
}
input[type=range]::-webkit-slider-thumb:active {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
}
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #1099FC;
  -webkit-transition: background 0.35s, scale 0.2s;
  -moz-transition: background 0.35s, scale 0.2s;
  -o-transition: background 0.35s, scale 0.2s;
  transition: background 0.35s, scale 0.2s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  background: #29a4fc;
}
input[type=range]::-moz-range-thumb:active {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
}
.page-header {
  margin-top: 60px;
  text-align: center;
}
.page-header h2 {
  margin: 20px 0;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  letter-spacing: 0.1em;
}
.page-header p {
  font-weight: 300;
  font-size: 20px;
  color: #595959;
}
.page-heading {
  color: #242C39;
  text-align: center;
}
.page-heading img {
  width: 60px;
}
.page-heading h2,
.page-heading .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 27px;
  line-height: 1.5;
}
.page-heading p,
.page-heading .explainer {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #808080;
}
.sub-heading {
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  color: rgba(36, 44, 57, 0.8);
  font-size: 20px;
}
header p,
.header-text {
  font-family: "calibre-legacy", sans-serif;
  color: rgba(36, 44, 57, 0.6);
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 0;
}
@-moz-keyframes pulser {
  0% {
    -moz-transform: scale(-0.5);
    opacity: 0;
  }
  25% {
    -moz-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.4);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(1.2);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1.6);
    opacity: 0;
  }
}
@-webkit-keyframes "pulser" {
  0% {
    -webkit-transform: scale(-0.5);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.4);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(1.2);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
    opacity: 0;
  }
}
.pulser-container {
  position: relative;
}
.pulser-container > * {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.pulser-container .pulser-position {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 1;
}
.pulser-container .pulser-position .pulser {
  -webkit-animation: pulser 1.4s ease-out, X;
  -moz-animation: pulser 1.4s ease-out, X;
  -o-animation: pulser 1.4s ease-out, X;
  animation: pulser 1.4s ease-out, X;
  -webkit-animation: pulser 1.4s ease-out;
  -moz-animation: pulser 1.4s ease-out;
  -o-animation: pulser 1.4s ease-out;
  animation: pulser 1.4s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  height: 25px;
  width: 25px;
  background: rgba(215, 25, 57, 0.6);
  border-radius: 25px;
  border: 2px solid rgba(215, 25, 57, 0.6);
}
.loading.container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  background: #fcfcfc;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.loading.container.ng-enter {
  -webkit-animation: fadeIn 0.3s ease, X;
  -moz-animation: fadeIn 0.3s ease, X;
  -o-animation: fadeIn 0.3s ease, X;
  animation: fadeIn 0.3s ease, X;
  -webkit-animation: fadeIn 0.3s ease;
  -moz-animation: fadeIn 0.3s ease;
  -o-animation: fadeIn 0.3s ease;
  animation: fadeIn 0.3s ease;
}
.loading.container.ng-leave {
  -webkit-animation: fadeOut 0.45s ease, X;
  -moz-animation: fadeOut 0.45s ease, X;
  -o-animation: fadeOut 0.45s ease, X;
  animation: fadeOut 0.45s ease, X;
  -webkit-animation: fadeOut 0.45s ease;
  -moz-animation: fadeOut 0.45s ease;
  -o-animation: fadeOut 0.45s ease;
  animation: fadeOut 0.45s ease;
}
.loading.container .content {
  text-align: center;
}
.loading.container .content .branding {
  width: 140px;
  margin: auto;
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.loading.container .content .branding .logo {
  height: 70px;
}
.loading.container .content .branding .logo-floating {
  max-width: 70px;
  margin: auto;
}
.loading.container .content .branding .logo-floating__logo {
  width: 65px;
}
.loading.container .content .branding .logo-floating__logo--bounce-up {
  animation: bounce-up 0.75s;
  animation-timing-function: ease-in-out;
  transform-origin: 50%;
  animation-iteration-count: infinite;
}
.loading.container .content .branding .logo-floating__logo lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes bounce-up{             0% {               -webkit-transform: translateY(10px);             }             50% {               -webkit-transform: translateY(0);             }             100% {               -webkit-transform: translateY(10px);             }}
@-moz-keyframes bounce-up{             0% {               -moz-transform: translateY(10px);             }             50% {               -moz-transform: translateY(0);             }             100% {               -moz-transform: translateY(10px);             }}
@-o-keyframes bounce-up{             0% {               -o-transform: translateY(10px);             }             50% {               -o-transform: translateY(0);             }             100% {               -o-transform: translateY(10px);             }}
@keyframes bounce-up{             0% {-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);             }             50% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);             }             100% {-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);             };
}
.loading.container .content .branding .logo-floating__shadow {
  margin-top: 10px;
}
.loading.container .content .branding .logo-floating__shadow--shadow-stretch {
  animation: shadow-stretch 0.75s ease-in-out;
  transform-origin: 50%;
  animation-iteration-count: infinite;
}
.loading.container .content .branding .logo-floating__shadow lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes shadow-stretch{             0% {               -webkit-transform: scaleX(0.85);               opacity: 0.2;             }             50% {               -webkit-transform: scaleX(0.75);               opacity: 0.15;             }             100% {               -webkit-transform: scaleX(0.85);               opacity: 0.2;             }}
@-moz-keyframes shadow-stretch{             0% {               -moz-transform: scaleX(0.85);               opacity: 0.2;             }             50% {               -moz-transform: scaleX(0.75);               opacity: 0.15;             }             100% {               -moz-transform: scaleX(0.85);               opacity: 0.2;             }}
@-o-keyframes shadow-stretch{             0% {               -o-transform: scaleX(0.85);               opacity: 0.2;             }             50% {               -o-transform: scaleX(0.75);               opacity: 0.15;             }             100% {               -o-transform: scaleX(0.85);               opacity: 0.2;             }}
@keyframes shadow-stretch{             0% {-webkit-transform: scaleX(0.85);-moz-transform: scaleX(0.85);-ms-transform: scaleX(0.85);transform: scaleX(0.85);               opacity: 0.2;             }             50% {-webkit-transform: scaleX(0.75);-moz-transform: scaleX(0.75);-ms-transform: scaleX(0.75);transform: scaleX(0.75);               opacity: 0.15;             }             100% {-webkit-transform: scaleX(0.85);-moz-transform: scaleX(0.85);-ms-transform: scaleX(0.85);transform: scaleX(0.85);               opacity: 0.2;             };
}
.loading.container .content .branding .lettering {
  margin-top: 15px;
  padding: 0;
  opacity: 0.65;
}
.loading.container .content .wave-spinner {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
  opacity: 0.5;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  margin-top: 20px;
}
.loading.container .content .wave-spinner > div {
  background: #00857b;
}
.loading.container .content .random-tips {
  margin-top: 30px;
}
.loading.container .content .random-tips--fade-in {
  animation: fade-in 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
}
.loading.container .content .random-tips lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in{         0% {           opacity: 0;         }         75% {           opacity: 0;         }         100% {           opacity: 1;         }}
@-moz-keyframes fade-in{         0% {           opacity: 0;         }         75% {           opacity: 0;         }         100% {           opacity: 1;         }}
@-o-keyframes fade-in{         0% {           opacity: 0;         }         75% {           opacity: 0;         }         100% {           opacity: 1;         }}
@keyframes fade-in{         0% {           opacity: 0;         }         75% {           opacity: 0;         }         100% {           opacity: 1;         };
}
.loading.container .content .random-tips .random-tips__header {
  font-family: "calibre-legacy", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #47535d;
}
.loading.container .content .random-tips .random-tips__content {
  width: 290px;
  margin-top: 8px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #47535d;
}
.loading.container .content .random-tips .random-tips__content-dots {
  margin-top: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.loading.container .content .random-tips .random-tips__content-dots .content-dot {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  background: #81a2b2;
  opacity: 0.25;
  border-radius: 4px;
}
.loading.container .content .random-tips .random-tips__content-dots .content-dot--active {
  opacity: 1;
}
.loading.container .loading-bar {
  width: 100%;
  position: fixed;
  top: 0;
}
.loading.container .loading-bar lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes loader{       0% {         width: 0;       }       4% {         width: 10%;       }       7% {         width: 24%;       }       10% {         width: 41%;       }       12% {         width: 50%;       }       14% {         width: 52%;       }       16% {         width: 60%;       }       18% {         width: 76%;       }       20% {         width: 86%;       }       100% {         width: 98%;       }}
@-moz-keyframes loader{       0% {         width: 0;       }       4% {         width: 10%;       }       7% {         width: 24%;       }       10% {         width: 41%;       }       12% {         width: 50%;       }       14% {         width: 52%;       }       16% {         width: 60%;       }       18% {         width: 76%;       }       20% {         width: 86%;       }       100% {         width: 98%;       }}
@-o-keyframes loader{       0% {         width: 0;       }       4% {         width: 10%;       }       7% {         width: 24%;       }       10% {         width: 41%;       }       12% {         width: 50%;       }       14% {         width: 52%;       }       16% {         width: 60%;       }       18% {         width: 76%;       }       20% {         width: 86%;       }       100% {         width: 98%;       }}
@keyframes loader{       0% {         width: 0;       }       4% {         width: 10%;       }       7% {         width: 24%;       }       10% {         width: 41%;       }       12% {         width: 50%;       }       14% {         width: 52%;       }       16% {         width: 60%;       }       18% {         width: 76%;       }       20% {         width: 86%;       }       100% {         width: 98%;       };
}
.loading.container .loading-bar .bar {
  overflow: hidden;
  width: 100%;
}
.loading.container .loading-bar .bar span {
  display: block;
}
.loading.container .loading-bar .progress {
  animation: loader 12s ease forwards;
  background: linear-gradient(270deg, #D71939 0%, #FFB961 27.07%, #00857b 53.59%, #1099FC 77.35%, #716bf1 100%);
  padding: 3px;
  border-radius: 3px;
}
.loading-message {
  padding: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loading-message .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  color: #999999;
  font-size: 18px;
  margin-bottom: 30px;
}
.loading-message .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-message .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
body {
  font-size: 16px;
  padding-top: 60px;
  /*
    @NOTE(mike, 2019-08-08) This is to override some unfortunate custom styles that are applied to
    the body. This is a pretty safe operation because a nested selector overrides !important
  */
  font-family: "calibre-legacy", sans-serif !important;
}
body > div#intercom-container {
  z-index: 1001;
}
body > div#intercom-container .intercom-launcher {
  z-index: 1001;
}
b {
  font-weight: bold;
}
viewport {
  position: relative;
  height: 100%;
  width: 100%;
}
viewport .top-level-view.ng-enter {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-animation: fadeIn 0.2s ease, X;
  -moz-animation: fadeIn 0.2s ease, X;
  -o-animation: fadeIn 0.2s ease, X;
  animation: fadeIn 0.2s ease, X;
  -webkit-animation: fadeIn 0.2s ease;
  -moz-animation: fadeIn 0.2s ease;
  -o-animation: fadeIn 0.2s ease;
  animation: fadeIn 0.2s ease;
}
.initial-data-error {
  max-width: 500px;
  margin-top: -50px;
  font-family: "calibre-legacy", sans-serif;
}
.initial-data-error img {
  width: 140px;
}
.initial-data-error .title {
  font-size: 25px;
  font-weight: 400;
  margin: 20px 0;
}
.initial-data-error .explainer {
  font-size: 15px;
  line-height: 2;
  color: #808080;
}
.initial-data-error .explainer a {
  padding-bottom: 1px;
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.initial-data-error .explainer a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.initial-data-error .explainer a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.message-tooltip {
  text-transform: none;
}
.message-tooltip .tooltip-inner {
  font-size: 14px;
  line-height: 19px;
  max-width: 250px;
  width: 250px;
  padding: 15px;
  word-wrap: break-word;
}
.message-tooltip .tooltip-inner a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.back {
  padding: 5px;
}
.back__icon {
  fill: #81a2b2;
  margin-left: 0;
  margin-right: 7px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.back:hover .back__icon {
  margin-left: -4px;
  margin-right: 11px;
}
.radio-button {
  padding: 5px 0;
  text-align: left;
}
.radio-button__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5px 0;
  max-width: 400px;
}
.radio-button__click-field:not(.radio-button__click-field--is-disabled),
.radio-button__click-field:not(.radio-button__click-field--is-disabled) * {
  cursor: pointer;
}
.radio-button__circle,
.radio-button__inner-circle {
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.radio-button__circle {
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.radio-button__circle--is-disabled {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.radio-button__inner-circle {
  width: 2px;
  height: 2px;
  background: transparent;
}
.radio-button__inner-circle--is-selected {
  width: 10px;
  height: 10px;
  background: #00857b;
}
.radio-button__inner-circle--is-selected.radio-button__inner-circle--is-disabled {
  background: rgba(129, 162, 178, 0.5);
}
.radio-button__label {
  margin-top: -1px;
}
q-toggle-button {
  width: 100%;
}
.toggle-button {
  padding: 5px 0;
  position: relative;
  width: 100%;
}
.toggle-button__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
  padding: 5px 0;
}
.toggle-button__click-field:not(.toggle-button__click-field--is-disabled),
.toggle-button__click-field:not(.toggle-button__click-field--is-disabled) * {
  cursor: pointer;
}
.toggle-button__mount {
  margin-left: 10px;
  min-width: 32px;
  width: 32px;
  height: 16px;
  border-radius: 8px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  padding: 0;
  background: rgba(129, 162, 178, 0.5);
}
.toggle-button__mount--is-toggled {
  background: #00857b;
  padding-left: 16px;
}
.toggle-button__mount--is-disabled {
  background: rgba(129, 162, 178, 0.25);
}
.toggle-button__switch {
  width: 10px;
  height: 10px;
  background: white;
  margin: 3px;
  border-radius: 50%;
}
.toggle-button__label {
  margin-top: 1px;
}
.toggle-button__label--small {
  font-size: 12px;
}
.toggle-button__label--is-disabled {
  opacity: 0.25;
}
.upgrade-button.danger {
  color: #FF6D77;
  background-color: rgba(255, 109, 119, 0.1);
}
.upgrade-button.danger:hover {
  background-color: rgba(255, 109, 119, 0.3);
  cursor: pointer;
}
.upgrade-button.success {
  color: #00857b;
  background-color: rgba(0, 169, 157, 0.1);
}
.upgrade-button.success:hover {
  background-color: rgba(0, 169, 157, 0.3);
  cursor: pointer;
}
.file-uploader {
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 100%;
}
.file-uploader .button-container {
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  background-color: #2bb7f9;
  padding: 12px;
  border-radius: 2px;
}
.file-uploader .button-container .label {
  padding-left: 21px;
  color: white;
  font-size: 13px;
  line-height: normal;
  margin-top: -2px;
}
.file-uploader .button-container .upload-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 14px;
  top: 8px;
  transform: translateY(1px);
}
.file-uploader .button-container .upload-icon svg {
  fill: white;
}
.file-uploader .button-container input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 100%;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.invite-user {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #EAEAEA;
  padding: 15px;
  font-size: 13px;
}
.invite-user .invite-button .button-old {
  height: 32px;
}
.invite-user .invite-action-helper {
  width: 84px;
  flex-shrink: 0;
  color: rgba(55, 91, 109, 0.2);
  fill: rgba(55, 91, 109, 0.2);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  line-height: 13px;
}
.invite-user .invite-input {
  margin-right: 5px;
  width: 100%;
}
.invite-user .invite-input input {
  border: none;
  height: 48px;
  padding-left: 19px;
  font-size: 12px;
}
.invite-user .invite-input input .placeholder {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #375B6D;
  opacity: 0.4;
  font-style: normal;
}
.invite-user .invite-input input::-webkit-input-placeholder {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #375B6D;
  opacity: 0.4;
  font-style: normal;
}
.invite-user .invite-input input::-moz-placeholder {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #375B6D;
  opacity: 0.4;
  font-style: normal;
}
.invite-user .invite-input input::-ms-input-placeholder {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #375B6D;
  opacity: 0.4;
  font-style: normal;
}
.invite-user .invite-input input:-moz-placeholder {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #375B6D;
  opacity: 0.4;
  font-style: normal;
}
.invite-user .tooltip {
  text-transform: none;
}
.invite-user .tooltip .tooltip-inner {
  font-size: 14px;
  line-height: 19px;
  max-width: 250px;
  width: 250px;
  padding: 15px;
  word-wrap: break-word;
}
.invite-user .tooltip .tooltip-inner a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.invite-user .roles-dropdown-wrapper {
  margin-right: 5px;
}
.invite-user .roles-dropdown-wrapper.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.invite-user .roles-dropdown-wrapper .simple-dropdown {
  width: 100px;
}
.invite-user-popup {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
  padding: 24px 25px 23px 23px;
}
.invite-user-popup .invite-button .button-old {
  height: 32px;
}
.invite-user-popup .invite-user-text {
  margin-right: 5px;
  width: 100%;
  font-weight: 600;
  font-size: 12px;
  padding-left: 19px;
  text-transform: uppercase;
}
.invite-user-popup .roles-dropdown-wrapper {
  margin-right: 5px;
}
.invite-user-popup .roles-dropdown-wrapper.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.invite-user-popup .roles-dropdown-wrapper .simple-dropdown {
  width: 100px;
}
.search-button {
  width: 38px;
  height: 36px;
  -webkit-transition: width 0.3s, X;
  -moz-transition: width 0.3s, X;
  -o-transition: width 0.3s, X;
  transition: width 0.3s, X;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  text-align: left;
  position: relative;
  border: 1px solid rgba(129, 162, 178, 0.3);
  background-color: #fff;
}
.search-button.search-enabled {
  width: 250px;
}
.search-button.search-enabled .search-form {
  display: inherit;
}
.search-button .enable-button {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.search-button .enable-button ng-include {
  height: 16px;
}
.search-button .search-form {
  display: none;
  -webkit-transition: width 0.3s, X;
  -moz-transition: width 0.3s, X;
  -o-transition: width 0.3s, X;
  transition: width 0.3s, X;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  padding: 0;
  border: none;
  cursor: initial;
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: none;
}
.search-button .search-form input {
  border: none;
  height: 100%;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  color: #242C39;
  line-height: 16px;
  letter-spacing: 1px;
  background: none;
  padding-left: 15px;
}
.search-button .search-form .search-form-close {
  position: absolute;
  right: 10px;
  top: 9px;
  cursor: pointer;
}
.hero-action-button {
  font-family: "calibre-legacy", sans-serif;
  cursor: pointer;
  min-width: 140px;
  margin-right: 0;
  background: #00857b;
  text-align: center;
  padding: 15px 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 80%;
  -webkit-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  -moz-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  -o-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s;
}
.hero-action-button.secondary {
  background-color: #f5f5f5;
  color: #808080;
  border: 1px solid #e6e6e6;
}
.hero-action-button.secondary:hover {
  background-color: #ebebeb;
}
.hero-action-button.selected {
  border-color: #1099FC;
  background-color: #1099FC;
  color: #fff;
}
.hero-action-button.selected:hover {
  background-color: #1099FC;
}
.hero-action-button.disabled {
  cursor: default;
  opacity: 0.2;
  background-color: #81a2b2;
}
.hero-action-button.disabled:hover {
  background-color: #81a2b2;
}
div.hero-action-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.error-message {
  background: rgba(215, 25, 57, 0.7);
  color: #fff;
  padding: 20px;
  text-align: center;
  line-height: 1.25;
  font-family: "calibre-legacy", sans-serif;
  font-size: 90%;
}
.error-message.ng-enter {
  -webkit-animation: fadeInUp 0.25s ease, X;
  -moz-animation: fadeInUp 0.25s ease, X;
  -o-animation: fadeInUp 0.25s ease, X;
  animation: fadeInUp 0.25s ease, X;
  -webkit-animation: fadeInUp 0.25s ease;
  -moz-animation: fadeInUp 0.25s ease;
  -o-animation: fadeInUp 0.25s ease;
  animation: fadeInUp 0.25s ease;
}
.error-message.ng-leave {
  -webkit-animation: fadeOutUp 0.25s ease, X;
  -moz-animation: fadeOutUp 0.25s ease, X;
  -o-animation: fadeOutUp 0.25s ease, X;
  animation: fadeOutUp 0.25s ease, X;
  -webkit-animation: fadeOutUp 0.25s ease;
  -moz-animation: fadeOutUp 0.25s ease;
  -o-animation: fadeOutUp 0.25s ease;
  animation: fadeOutUp 0.25s ease;
}
.error-message.ng-enter {
  -webkit-animation: fadeInUp 0.25s ease, X;
  -moz-animation: fadeInUp 0.25s ease, X;
  -o-animation: fadeInUp 0.25s ease, X;
  animation: fadeInUp 0.25s ease, X;
  -webkit-animation: fadeInUp 0.25s ease;
  -moz-animation: fadeInUp 0.25s ease;
  -o-animation: fadeInUp 0.25s ease;
  animation: fadeInUp 0.25s ease;
}
.error-message.ng-leave {
  -webkit-animation: fadeOutUp 0.25s ease, X;
  -moz-animation: fadeOutUp 0.25s ease, X;
  -o-animation: fadeOutUp 0.25s ease, X;
  animation: fadeOutUp 0.25s ease, X;
  -webkit-animation: fadeOutUp 0.25s ease;
  -moz-animation: fadeOutUp 0.25s ease;
  -o-animation: fadeOutUp 0.25s ease;
  animation: fadeOutUp 0.25s ease;
}
.error-message.small {
  padding: 10px;
  font-size: 13px;
}
.error-message a {
  color: inherit;
  font-weight: 700;
}
.success-message {
  background: rgba(0, 133, 123, 0.4);
  color: #000605;
  padding: 20px;
  text-align: center;
  line-height: 1.25;
  font-family: "calibre-legacy", sans-serif;
  font-size: 90%;
}
.video-fill {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.video-fill video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.menu-dropdown {
  height: 100%;
}
.menu-dropdown__position {
  position: relative;
}
.menu-dropdown__container {
  position: absolute;
  z-index: 650;
}
.menu-dropdown__container--right {
  right: 0;
}
.menu-dropdown__container--left {
  left: 0;
}
.menu-dropdown__content {
  background: #fff;
  width: 285px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  color: #000;
}
.menu-dropdown-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0;
  cursor: pointer;
  -webkit-transition: background 0.15s ease, X;
  -moz-transition: background 0.15s ease, X;
  -o-transition: background 0.15s ease, X;
  transition: background 0.15s ease, X;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.menu-dropdown-item__icon {
  min-width: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.menu-dropdown-item__icon img {
  max-width: 33px;
}
.menu-dropdown-item__copy {
  padding: 5px 20px 0 0;
}
.menu-dropdown-item__title {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  color: #35596b;
  letter-spacing: 0.14em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.menu-dropdown-item__description {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.5;
  color: #999999;
  max-width: 190px;
  word-wrap: break-word;
}
.menu-dropdown-item:hover {
  background: #fafafa;
}
.menu-dropdown-position {
  position: relative;
}
.menu-dropdown-position.ng-enter,
.menu-dropdown-position.ng-hide-remove {
  -webkit-animation: fadeInDown 0.25s ease, X;
  -moz-animation: fadeInDown 0.25s ease, X;
  -o-animation: fadeInDown 0.25s ease, X;
  animation: fadeInDown 0.25s ease, X;
  -webkit-animation: fadeInDown 0.25s ease;
  -moz-animation: fadeInDown 0.25s ease;
  -o-animation: fadeInDown 0.25s ease;
  animation: fadeInDown 0.25s ease;
}
.menu-dropdown-position.ng-leave,
.menu-dropdown-position.ng-hide-add {
  -webkit-animation: fadeOutUp 0.25s ease, X;
  -moz-animation: fadeOutUp 0.25s ease, X;
  -o-animation: fadeOutUp 0.25s ease, X;
  animation: fadeOutUp 0.25s ease, X;
  -webkit-animation: fadeOutUp 0.25s ease;
  -moz-animation: fadeOutUp 0.25s ease;
  -o-animation: fadeOutUp 0.25s ease;
  animation: fadeOutUp 0.25s ease;
}
.menu-dropdown-container {
  position: absolute;
  z-index: 650;
}
.menu-dropdown-container .menu-dropdown-content {
  background: #fff;
  width: 285px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  color: #000;
}
.inline-reachout-angular {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.inline-reachout-angular:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.inline-reachout-angular:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.undo-notification {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 875;
  color: #fff;
  font-size: 12px;
}
.undo-notification.ng-enter {
  -webkit-animation: fadeInUp 0.2s ease, X;
  -moz-animation: fadeInUp 0.2s ease, X;
  -o-animation: fadeInUp 0.2s ease, X;
  animation: fadeInUp 0.2s ease, X;
  -webkit-animation: fadeInUp 0.2s ease;
  -moz-animation: fadeInUp 0.2s ease;
  -o-animation: fadeInUp 0.2s ease;
  animation: fadeInUp 0.2s ease;
}
.undo-notification.ng-leave {
  -webkit-animation: fadeInDown 0.2s ease, X;
  -moz-animation: fadeInDown 0.2s ease, X;
  -o-animation: fadeInDown 0.2s ease, X;
  animation: fadeInDown 0.2s ease, X;
  -webkit-animation: fadeInDown 0.2s ease;
  -moz-animation: fadeInDown 0.2s ease;
  -o-animation: fadeInDown 0.2s ease;
  animation: fadeInDown 0.2s ease;
}
.undo-notification .close,
.undo-notification .message {
  padding: 10px;
  cursor: pointer;
}
.undo-notification .close {
  background: rgba(2, 81, 139, 0.9);
}
.undo-notification .close:hover {
  background: rgba(1, 67, 114, 0.9);
}
.undo-notification .message {
  background: rgba(2, 108, 184, 0.9);
  padding: 10px;
  font-weight: 600;
}
.undo-notification .message:hover {
  background: rgba(3, 126, 214, 0.9);
}
.action-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #f3f5f6;
  border: 1px solid #e7ecee;
  padding: 15px 10px;
  cursor: pointer;
  color: #587785;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.action-button:hover {
  background: #eceff1;
}
.action-button.state-waiting {
  color: #fff;
  background: #1099FC;
  cursor: default;
}
.action-button.state-waiting .action-button-state-icon {
  -webkit-animation: spin 1.2s infinite linear;
  -moz-animation: spin 1.2s infinite linear;
  -o-animation: spin 1.2s infinite linear;
  -ms-animation: spin 1.2s infinite linear;
}
.action-button.state-success {
  color: #fff;
  background: #00857b;
  border-color: #00665f;
}
.action-button.state-error {
  color: #fff;
  background: #D71939;
  border-color: #bc1632;
}
.action-button.state-disabled {
  cursor: default;
}
.action-button .action-button-text {
  margin-left: 7px;
  font-weight: 600;
}
.action-button.state-standard .action-button-state-icon {
  margin-left: -10px;
}
.color-selector {
  -webkit-animation: fadeIn 0.25s ease, X;
  -moz-animation: fadeIn 0.25s ease, X;
  -o-animation: fadeIn 0.25s ease, X;
  animation: fadeIn 0.25s ease, X;
  -webkit-animation: fadeIn 0.25s ease;
  -moz-animation: fadeIn 0.25s ease;
  -o-animation: fadeIn 0.25s ease;
  animation: fadeIn 0.25s ease;
  z-index: 895;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 240px;
  position: relative;
}
.color-selector .close-button {
  position: absolute;
  right: 6px;
  top: 6px;
  color: #94a7b1;
  cursor: pointer;
}
.color-selector .title {
  text-align: center;
  font-weight: 400;
  margin-top: 18px;
}
.color-selector .colors .color-tiles {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px;
}
.color-selector .colors .color-tile {
  cursor: pointer;
  height: 50px;
  width: 50px;
}
.color-selector .colors .exact {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fafbfc;
  border-top: 1px solid #eef1f3;
  border-bottom: 1px solid #eef1f3;
  padding: 10px 20px;
}
.color-selector .colors .exact .note {
  font-size: 12px;
  color: #708a97;
  width: 65px;
  text-align: right;
  padding-right: 10px;
}
.color-selector .colors .exact input {
  border: 1px solid #e7ecee;
  height: 35px;
  line-height: 35px;
  width: 65px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #113c51;
}
.color-selector .confirmation {
  text-align: center;
  padding: 20px;
}
.color-selector .confirmation .confirm-button {
  cursor: pointer;
  margin: 0 auto;
  width: 150px;
  border: 1px solid #e7ecee;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}
.color-selector .confirmation .confirm-button:hover .text {
  background: #f5f7f8;
}
.color-selector .confirmation .confirm-button .selected-color-tile {
  height: 40px;
  min-width: 40px;
  max-width: 40px;
}
.color-selector .confirmation .confirm-button .text {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 100%;
  line-height: 40px;
  background: #fafbfc;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
.help-link {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.help-link:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.help-link:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.contextual-help {
  font-size: 80%;
  opacity: 0.5;
  line-height: 1.6;
}
.contextual-help a.help-link {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.contextual-help a.help-link:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.contextual-help a.help-link:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.external-video-background {
  position: relative;
  width: 100%;
  height: 100%;
}
.external-video-background .el {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
  At various points with the Qwilr client app we use a simplified
  browser mockup to demonstrate the effect of a user's style choices;
  reducing the cognitive load when making such decisions.
*/
.browser-mockup-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  padding: 0 5%;
}
.browser-mockup-container .noise-overlay,
.browser-mockup-container .pattern-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.browser-mockup-container .browser-mockup {
  position: relative;
  height: 80vh;
  z-index: 3;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.browser-mockup-container .browser-mockup .browser-header-bar-container {
  background-image: url("/Assets/Images/background-pattern-1.png");
  background-repeat: no-repeat;
  background-position: top;
  line-height: 0;
  position: relative;
}
.browser-mockup-container .browser-mockup .browser-header-bar-container .domain-example {
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  color: #889ea8;
  width: 100%;
  font-size: 0.9vw;
  position: absolute;
  left: 14.5%;
  bottom: 24%;
}
.browser-mockup-container .browser-mockup .browser-content {
  padding: 40px 13%;
  background: #fff;
  height: 100%;
  overflow-y: scroll;
}
.browser-mockup-container .browser-mockup .browser-content h1 {
  font-size: 60px;
  font-weight: 600;
}
.browser-mockup-container .browser-mockup .browser-content h2 {
  margin-top: 15px;
  font-size: 30px;
  font-weight: 400;
}
.browser-mockup-container .browser-mockup .browser-content h1,
.browser-mockup-container .browser-mockup .browser-content h2 {
  line-height: 1.2;
}
.browser-mockup-container .browser-mockup .browser-content p {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #666b74;
}
.browser-mockup-container .browser-mockup .browser-content h1,
.browser-mockup-container .browser-mockup .browser-content h2,
.browser-mockup-container .browser-mockup .browser-content p {
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.browser-mockup-container .noise-overlay {
  background-image: url("/Assets/Images/noise.png");
}
.browser-mockup-container .pattern-overlay {
  z-index: 1;
  background-image: url("/Assets/Images/background-pattern-1.png");
  background-size: 30%;
  -webkit-animation: fadeIn 0.4s ease, X;
  -moz-animation: fadeIn 0.4s ease, X;
  -o-animation: fadeIn 0.4s ease, X;
  animation: fadeIn 0.4s ease, X;
  -webkit-animation: fadeIn 0.4s ease;
  -moz-animation: fadeIn 0.4s ease;
  -o-animation: fadeIn 0.4s ease;
  animation: fadeIn 0.4s ease;
}
.share-project-link {
  position: relative;
}
.share-project-link .the-link {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  border: 1px solid #EAEAEA;
  padding: 0 1px 0 10px;
}
.share-project-link .the-link:not(.disabled) {
  cursor: pointer;
}
.share-project-link .the-link .info {
  margin-left: 5px;
  width: calc(100% - 82px);
  height: 100%;
  color: #7C949F;
  font-size: 14px;
  overflow-y: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  user-select: initial;
}
.share-project-link .the-link .info .the-link-url {
  overflow: hidden;
  width: calc(100% - 15px);
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #242C39;
  opacity: 0.75;
}
.share-project-link .the-link .info .elipsis {
  margin-left: 4px;
  color: #99acb5;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
}
.share-project-link .the-link .clipboard {
  position: relative;
  margin-left: auto;
  margin-right: 3px;
  width: 100%;
  height: 100%;
  max-width: 70px;
  max-height: 36px;
  background-color: #00857b;
  border-radius: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.share-project-link .the-link .clipboard .copy-text {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white;
}
.share-project-link .the-link.disabled .info .the-link-url,
.share-project-link .the-link.disabled .info .elipsis {
  color: rgba(124, 148, 159, 0.3);
}
.share-project-link .the-link.disabled .copy-to-clipboard {
  background-color: white;
  color: rgba(88, 119, 133, 0.3);
}
.share-project-link .the-link.disabled .clipboard {
  background: rgba(129, 162, 178, 0.2);
}
.share-project-link:hover .hover-state {
  opacity: 1;
}
.share-project-link .layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 45px;
}
.share-project-link .hover-state {
  opacity: 0;
  border: 1px solid #EAEAEA;
  cursor: pointer;
  color: #00857b;
  background: #f7f7f7;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.share-project-link .success-state {
  -webkit-animation: fadeIn 0.25s ease, X;
  -moz-animation: fadeIn 0.25s ease, X;
  -o-animation: fadeIn 0.25s ease, X;
  animation: fadeIn 0.25s ease, X;
  -webkit-animation: fadeIn 0.25s ease;
  -moz-animation: fadeIn 0.25s ease;
  -o-animation: fadeIn 0.25s ease;
  animation: fadeIn 0.25s ease;
  z-index: 4;
  color: #fff;
  background: rgba(0, 133, 123, 0.95);
  text-align: center;
}
.share-project-link .success-state .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.share-project-link .success-state svg {
  fill: white;
}
.pillbox-label {
  border-radius: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4px 8px;
}
.pillbox-label.green {
  background: #E4F6F4;
  color: #00857b;
}
.pillbox-label.blue {
  background: rgba(16, 153, 252, 0.1);
  color: #1099FC;
}
.pillbox-label--slate {
  background: rgba(71, 83, 93, 0.75);
  color: white;
}
.pillbox-label--red {
  background: #D71939;
  color: white;
}
.q-number-input .controls .control {
  border: 1px solid #E7ECEE;
  font-size: 15px;
  height: 30px;
  width: 30px;
}
.q-number-input .controls .button {
  background-color: #F3F5F6;
  font-size: 21px;
  font-weight: 600;
  color: #587785;
  cursor: pointer;
}
.q-number-input .controls input {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  width: 35px;
  height: 30px;
  margin: 0px 5px;
}
.q-number-input .tooltip {
  text-transform: none;
}
.q-number-input .tooltip .tooltip-inner {
  font-size: 12px;
  line-height: 19px;
  max-width: 250px;
  width: 250px;
  padding: 15px;
  word-wrap: break-word;
}
.q-number-input .tooltip .tooltip-inner a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.deletable-line {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    @NOTE(mike, 2018-12-21) It is cleaner to have this come after the above with a selector like
    &:hover
  */
}
.deletable-line:hover .floating-delete-button {
  opacity: 1;
}
.deletable-line .floating-delete-button {
  opacity: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 40px;
  height: 40px;
  right: -40px;
  padding: 0;
  cursor: pointer;
  color: #81a2b2;
  fill: rgba(129, 162, 178, 0.3);
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.deletable-line .floating-delete-button:not(.floating-delete-button--is-disabled):hover {
  background-color: rgba(215, 25, 57, 0.25);
  color: #D71939;
  fill: #D71939;
}
.deletable-line .floating-delete-button--is-disabled {
  color: rgba(129, 162, 178, 0.3);
  cursor: default;
}
input.editable-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  width: 100%;
  border: none;
  border-bottom: 1px solid #EAEAEA;
  opacity: 0.7;
  color: #222222;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: none;
  outline: none;
}
input.editable-title:hover {
  background: none;
}
input.editable-title:focus {
  border-bottom-color: #1099FC;
}
.user-selector {
  border: 1px solid #EAEAEA;
  border-radius: 3px 3px 0 0;
}
.user-selector .user-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  height: 60px;
  background-color: #FFFFFF;
  padding: 13px 18px;
  font-size: 13px;
}
.user-selector .user-row .user-info {
  width: 100%;
  margin-left: 17px;
  text-align: left;
}
.user-selector .user-row .user-info .name {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #375B6D;
  letter-spacing: 1px;
}
.user-selector .user-row .user-info .email {
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  color: #7C949F;
  line-height: 13px;
}
.user-selector .user-row .role {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: right;
  letter-spacing: 1px;
  color: #879EA9;
}
.user-selector .user-row .down-arrow-icon {
  min-width: 20px;
  width: 20px;
}
.user-selector .header {
  border-bottom: 1px solid #EAEAEA;
}
.user-selector .user-selector-dropdown {
  border: 1px solid #EAEAEA;
}
.user-selector .user-selector-dropdown .search-input-dropdown {
  position: relative;
  background-color: white;
}
.user-selector .user-selector-dropdown .search-input {
  height: 46px;
  width: 95%;
  border: 1px solid #81A2B2;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 11px center;
  padding-left: 58px;
  margin-top: 7px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  background-color: #e6edf0;
}
.user-selector .user-selector-dropdown .search-input::-webkit-input-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input:-moz-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input::-moz-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input:-ms-input-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input::-webkit-input-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input:-moz-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input::-moz-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .search-input:-ms-input-placeholder {
  opacity: 0.9;
  color: #375B6D;
  height: 13px;
  width: 164px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
}
.user-selector .user-selector-dropdown .dropdown-item-container {
  max-height: 180px;
  overflow-y: scroll;
}
.user-selector .user-selector-dropdown .dropdown-item-container .dropdown-item:hover {
  background-color: #e6edf0;
}
.persistent-notification {
  position: fixed;
  z-index: 1053;
  bottom: 30px;
  right: 30px;
  padding: 35px 40px;
  border-radius: 5px;
  box-shadow: 0px 20px 20px 10px rgba(0, 0, 0, 0.1);
}
.persistent-notification h2,
.persistent-notification p {
  color: white;
  font-family: "calibre-legacy", sans-serif;
}
.persistent-notification h2 {
  max-width: 370px;
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
}
.persistent-notification p {
  max-width: 370px;
  font-size: 18px;
  line-height: 25px;
  margin-top: 15px;
}
.persistent-notification .buttons {
  margin-top: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.persistent-notification .notify-button {
  font-size: 10px;
  line-height: 12px;
  padding: 12px 22px;
}
.persistent-notification .notify-button.button-text {
  margin-right: 15px;
  color: white;
  min-width: 87px;
}
.persistent-notification.midnight {
  background-color: #242c39;
}
.persistent-notification.congrats {
  background-color: #00857b;
}
.persistent-notification.congrats .buttons {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.template-use-case {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 15px 0;
  width: 90px;
  -webkit-transition: background 0.2s ease-out, X;
  -moz-transition: background 0.2s ease-out, X;
  -o-transition: background 0.2s ease-out, X;
  transition: background 0.2s ease-out, X;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.template-use-case--pitch:hover {
  background: rgba(0, 133, 123, 0.05);
}
.template-use-case--pitch.template-use-case--active {
  background: rgba(0, 133, 123, 0.1);
}
.template-use-case--update:hover {
  background: rgba(16, 153, 252, 0.05);
}
.template-use-case--update.template-use-case--active {
  background: rgba(16, 153, 252, 0.1);
}
.template-use-case--promote:hover {
  background: rgba(113, 107, 241, 0.05);
}
.template-use-case--promote.template-use-case--active {
  background: rgba(113, 107, 241, 0.1);
}
.template-use-case__name {
  padding-top: 10px;
}
.template-use-case__name--pitch {
  color: #00857b;
}
.template-use-case__name--update {
  color: #1099FC;
}
.template-use-case__name--promote {
  color: #716bf1;
}
.loading-pillbox {
  min-width: 110px;
  width: fit-content;
  text-align: center;
}
.rainbow-loading-bar {
  width: 100%;
}
.rainbow-loading-bar__bar {
  overflow: hidden;
  width: 100%;
  -webkit-transition: width 0.1s ease-out, X;
  -moz-transition: width 0.1s ease-out, X;
  -o-transition: width 0.1s ease-out, X;
  transition: width 0.1s ease-out, X;
  -webkit-transition: width 0.1s ease-out;
  -moz-transition: width 0.1s ease-out;
  -o-transition: width 0.1s ease-out;
  transition: width 0.1s ease-out;
}
.rainbow-loading-bar__progress {
  background: linear-gradient(270deg, #D71939 0%, #FFB961 27.07%, #00857b 53.59%, #1099FC 77.35%, #716bf1 100%);
  padding: 3px;
  border-radius: 3px;
}
viewport {
  height: 100%;
}
viewport.blurred {
  -webkit-transition: 0.3s, X;
  -moz-transition: 0.3s, X;
  -o-transition: 0.3s, X;
  transition: 0.3s, X;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.05);
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}
.page-state-checklists {
  width: 100%;
  margin: 24px 0;
}
.page-state-checklists__divider {
  border: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.checklist-line-container {
  display: flex;
  align-items: center;
  color: #47535d;
}
.checklist-line-container .tick {
  color: #00857b;
}
.checklist-line-container .cross {
  color: #ff6161;
}
.checklist-line-container * {
  margin: 0 4px;
}
.page-state-change-confirmation-modal {
  padding: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-state-change-confirmation-modal__hero-icon {
  height: 153px;
  margin-bottom: 40px;
}
.page-state-change-confirmation-modal__draft-icon {
  height: 120px;
  width: 120px;
  margin-right: -30px;
  fill: rgba(129, 162, 178, 0.75);
}
.page-state-change-confirmation-modal__live-icon {
  height: 120px;
  width: 120px;
  margin-left: -30px;
  fill: #FFB961;
}
.page-state-change-confirmation-modal__title {
  color: #242c39;
  font-size: 42px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px;
}
.page-state-change-confirmation-modal__explainer {
  color: #47535d;
  line-height: 24px;
}
.page-state-change-confirmation-modal__button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
}
.page-state-change-confirmation-modal__button-container button {
  width: 180px;
}
.locked-page-modal {
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 500px;
  height: 740px;
  padding: 64px;
}
.locked-page-modal .modal-icon {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  color: white;
}
.locked-page-modal .modal-icon-declined {
  background-color: #ff6161;
}
.locked-page-modal .modal-icon-accepted {
  background-color: #00857b;
}
.locked-page-modal .locked-badge {
  width: 200px;
  height: 40px;
  border-radius: 8px;
  color: #47535d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px;
}
.locked-page-modal .locked-badge-accepted {
  background-color: rgba(0, 133, 123, 0.1);
}
.locked-page-modal .locked-badge-accepted .accepted-badge-marker {
  fill: #00857b;
}
.locked-page-modal .locked-badge-declined {
  background-color: rgba(255, 97, 97, 0.25);
}
.locked-page-modal .locked-badge-declined .declined-badge-marker {
  fill: #ff6161;
}
.locked-page-modal .modal-title {
  color: #242c39;
  font-size: 42px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px;
}
.locked-page-modal .modal-explainer {
  color: #47535d;
  line-height: 24px;
}
.locked-page-modal .button-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
}
.locked-page-modal .button-container button {
  width: 180px;
}
#notification-root {
  position: fixed;
  top: 96px;
  z-index: 1053;
}
.notification-wrapper {
  position: inherit;
}
.notification-wrapper--right {
  right: 16px;
}
.notification-wrapper--left {
  left: 16px;
}
.color-picker {
  width: 600px;
  text-align: center;
  padding-top: 30px;
}
.color-picker .selected-color {
  border: 1px solid #f5f5f5;
  padding: 16px;
  max-width: 300px;
  margin: 20px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
}
.color-picker .selected-color .tile {
  -webkit-transition: background 0.2s ease, X;
  -moz-transition: background 0.2s ease, X;
  -o-transition: background 0.2s ease, X;
  transition: background 0.2s ease, X;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  margin-left: 10px;
  height: 50px;
  width: 100px;
}
.color-picker .color-selector-container {
  border: 1px solid #f5f5f5;
  padding: 30px;
}
.color-picker .exact {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.color-picker .exact p {
  color: #999999;
}
.color-picker .exact .input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  width: 200px;
  border: 1px solid #ededed;
}
.color-picker .exact .input .icon {
  width: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7f7f7;
}
.color-picker .exact .input .text[type=text] {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border: none;
  border-left: 1px solid #ededed;
}
.color-picker .exact .input .button {
  background: #00857b;
  width: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
.color-picker .or {
  margin: 20px 0;
  font-size: 25px;
  position: relative;
}
.color-picker .or .line {
  z-index: -1;
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1px;
  border-top: 2px dashed #ededed;
}
.color-picker .or .text {
  background: #fff;
  display: inline-block;
  padding: 10px;
  font-size: 16px;
  color: #808080;
  border: 1px solid #ededed;
}
.color-picker .palette {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.color-picker .palette .item {
  width: 25%;
  padding: 7px;
}
.color-picker .palette .item .tile {
  height: 7vh;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.color-picker .palette .item .tile .name {
  color: #fff;
}
.color-picker .palette .item .tile .name.dark {
  color: #191919;
}
.color-picker .palette-button {
  margin-top: 20px;
  display: inline-block;
  padding: 20px;
  color: #006c63;
  border: 1px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.color-picker .palette-button:hover {
  background: rgba(0, 133, 123, 0.8);
  color: #fff;
  border-color: #00857b;
}
@media all and (min-width: 650px) {
  .not-ready-for-mobile {
    display: none;
  }
}
@media all and (max-width: 650px) {
  #root-view.root-view-not-ready-for-mobile {
    display: none;
  }
  .not-ready-for-mobile {
    display: block;
    margin-top: -60px;
    top: 0;
    background: #fcfcfc;
    z-index: 10000000000;
    width: 100%;
    text-align: center;
    height: 100vh;
    overflow: scroll;
  }
  .not-ready-for-mobile section {
    padding: 20px;
  }
  .not-ready-for-mobile header {
    background: #fafafa;
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 0;
  }
  .not-ready-for-mobile header img {
    width: 70px;
    margin-bottom: 30px;
  }
  .not-ready-for-mobile header h2 {
    font-weight: 400;
    font-size: 20px;
  }
  .not-ready-for-mobile p {
    margin: 10px 0;
    line-height: 1.5;
    font-size: 15px;
    color: #4d4d4d;
  }
  .not-ready-for-mobile iframe {
    width: 100%;
  }
  .not-ready-for-mobile .opening-message {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .not-ready-for-mobile .templates p {
    font-style: italic;
    color: #808080;
  }
  .not-ready-for-mobile .templates .template {
    margin: 20px 0;
  }
  .not-ready-for-mobile .templates .template h4 {
    color: #242C39;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
  }
  .not-ready-for-mobile .templates .template img {
    margin-top: 8px;
    max-height: 250px;
  }
  .not-ready-for-mobile .video-overview {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 35px 25px;
  }
  .not-ready-for-mobile .video-overview .title {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1em;
  }
  .not-ready-for-mobile .video-overview p {
    color: #808080;
    margin-bottom: 15px;
  }
  .not-ready-for-mobile .video-overview .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    box-shadow: none;
  }
  .not-ready-for-mobile .video-overview .video-container > iframe,
  .not-ready-for-mobile .video-overview .video-container .control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .not-ready-for-mobile .actions {
    margin: 40px 0;
  }
}
/* preventing reflow lazy image setup */
.js .afkl-lazy-wrapper {
  position: relative;
  height: 0;
  overflow: hidden;
  display: block;
}
/* auto size our image */
.afkl-lazy-wrapper .afkl-lazy-image {
  width: 100%;
}
/* default loading state */
.afkl-lazy-image-loading {
  background-color: #eee;
}
/* available ratio's, make your own if they are different on different devices or simply extend */
.afkl-img-ratio-4-2,
.afkl-img-ratio-2-1 {
  padding-bottom: 50%;
  /* (2/4)*100 */
}
.afkl-img-ratio-16-9 {
  padding-bottom: 56.25%;
  /* (9/16)*100 */
}
.afkl-img-ratio-3-2 {
  padding-bottom: 66.67%;
  /* now calculation is clear, right :) */
}
.afkl-img-ratio-1-1 {
  padding-bottom: 100%;
}
.afkl-img-ratio-4-3 {
  padding-bottom: 75%;
}
.afkl-img-ratio-3-4 {
  padding-bottom: 133%;
}
.picker-button {
  margin: 0 auto;
  display: block;
  color: rgba(0, 133, 123, 0.9);
  letter-spacing: 0.15em;
  font-size: 16px;
  cursor: pointer;
  height: 60px;
  width: 220px;
  background: rgba(43, 43, 43, 0.95);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.picker-button:hover {
  background: rgba(0, 133, 123, 0.96);
}
.picker-button__label {
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
  cursor: pointer;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.light-skin-picker-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 600;
  color: #242c39;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
  height: 32px;
}
.light-skin-picker-button .icon {
  width: 24px;
}
.light-skin-picker-button--for-images {
  color: white;
  border: 1px solid #ffce53;
  background: #ffce53;
}
.light-skin-picker-button--for-videos {
  color: white;
  border: 1px solid #D71939;
  background: #D71939;
}
.media-picker {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100vw;
}
.media-picker .stock-list {
  max-height: 100vh;
  width: 50%;
  overflow-y: scroll;
  background: #1f1f1f;
}
.media-picker .stock-list .title {
  height: 131px;
  color: rgba(255, 255, 255, 0.85);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.media-picker .stock-list .title .icon {
  margin-right: 10px;
  font-size: 20px;
}
.media-picker .user-input {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.media-picker .load-more {
  height: 100px;
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.media-picker .load-more .icon {
  margin-right: 10px;
}
.media-picker .load-more:hover {
  background: #008a80;
}
.dropdown-control .current-option {
  background: #fafafa;
  border: 1px solid #ebebeb;
  padding: 10px;
  font-size: 11px;
  text-transform: uppercase;
}
.dropdown-control .current-option .icon {
  margin-right: 7px;
}
.dropdown-wrapper {
  position: relative;
  width: 100%;
}
.dropdown-wrapper .current-option {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.dropdown-wrapper .toggle-icon {
  margin-left: auto;
  padding: 0;
  margin-right: 5px;
  font-size: 130%;
}
.dropdown-options {
  position: absolute;
  top: 40px;
  background: #fff;
  border: 1px solid #e6e6e6;
  min-width: 300px;
  width: 300px;
  z-index: 1053;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dropdown-options.ng-enter {
  -webkit-animation: fadeIn 0.3s, X;
  -moz-animation: fadeIn 0.3s, X;
  -o-animation: fadeIn 0.3s, X;
  animation: fadeIn 0.3s, X;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.dropdown-options.ng-leave {
  -webkit-animation: fadeOut 0.3s, X;
  -moz-animation: fadeOut 0.3s, X;
  -o-animation: fadeOut 0.3s, X;
  animation: fadeOut 0.3s, X;
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
}
.dropdown-options .dropdown-filter {
  border-bottom: 1px solid #f7f7f7;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
}
.dropdown-options .dropdown-filter input[type=text] {
  font-size: 12px;
  font-family: "calibre-legacy", sans-serif;
  border: none;
  padding: 0px;
  line-height: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 10px;
  padding-left: 32px;
}
.dropdown-options .dropdown-filter .placeholder-styles {
  font-size: 12px !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.dropdown-options .dropdown-filter ::-webkit-input-placeholder {
  font-size: 12px !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.dropdown-options .dropdown-filter :-moz-placeholder {
  /* Firefox 18- */
  font-size: 12px !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.dropdown-options .dropdown-filter ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.dropdown-options .dropdown-filter :-ms-input-placeholder {
  font-size: 12px !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.dropdown-options .dropdown-options-list {
  padding: 14px;
  max-height: 250px;
  overflow-y: auto;
}
.dropdown-options .dropdown-options-list .label {
  cursor: pointer;
}
.dropdown-options .dropdown-options-list .label.single-select {
  padding: 5px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.dropdown-options .dropdown-options-list .label.single-select.active {
  background-color: rgba(0, 133, 123, 0.2);
}
.dropdown-options .dropdown-options-list .label.single-select:not(.active):hover {
  background-color: rgba(0, 133, 123, 0.1);
}
.dropdown-options .dropdown-options-list.empty-state {
  font-style: italic;
}
.dropdown-options .dropdown-options-list.empty-state .help-link {
  border-bottom: none;
}
.dropdown-options .dropdown-options-list.empty-state .help-link:hover {
  border-bottom: none;
}
.form-editor-text-field input {
  height: 50px;
  font-size: 15px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  color: #333333;
}
.form-editor-dropdown-field {
  margin: 15px 0;
}
.form-editor-dropdown-field .empty-state {
  margin: 25px 0;
}
.form-editor-dropdown-field .options {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #f2f2f2;
}
.form-editor-dropdown-field .options h5 {
  color: #999999;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.form-editor-dropdown-field .options .item {
  margin-left: 3px;
}
.form-editor-dropdown-field .options .item.ng-enter {
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.form-editor-dropdown-field .options .item.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.form-editor-dropdown-field .options .item.ng-enter {
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.form-editor-dropdown-field .options .item.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.form-editor-dropdown-field .options .item .item-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-editor-dropdown-field .options .item .item-body .icon {
  color: #999999;
  min-width: 50px;
}
.form-editor-dropdown-field .options .item .item-body .icon:hover {
  color: #D71939;
}
.form-editor-dropdown-field .options .item .item-body input {
  border: 1px solid #f5f5f5;
  border-left: none;
  height: 40px;
  font-size: 13px;
  padding-left: 15px;
  margin: 5px 0;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.form-editor-dropdown-field .options .item .item-body input .style {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input .style {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input .style {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-editor-dropdown-field .options .item .item-body input .style {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .item .item-body input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
}
.form-editor-dropdown-field .options .actions {
  margin-top: 10px;
  text-align: right;
}
.field-container.ng-enter {
  -webkit-animation: fadeInDown 0.2s ease, X;
  -moz-animation: fadeInDown 0.2s ease, X;
  -o-animation: fadeInDown 0.2s ease, X;
  animation: fadeInDown 0.2s ease, X;
  -webkit-animation: fadeInDown 0.2s ease;
  -moz-animation: fadeInDown 0.2s ease;
  -o-animation: fadeInDown 0.2s ease;
  animation: fadeInDown 0.2s ease;
}
.field-container.ng-leave {
  -webkit-animation: fadeOutDown 0.2s ease, X;
  -moz-animation: fadeOutDown 0.2s ease, X;
  -o-animation: fadeOutDown 0.2s ease, X;
  animation: fadeOutDown 0.2s ease, X;
  -webkit-animation: fadeOutDown 0.2s ease;
  -moz-animation: fadeOutDown 0.2s ease;
  -o-animation: fadeOutDown 0.2s ease;
  animation: fadeOutDown 0.2s ease;
}
.field-container.ng-enter {
  -webkit-animation: fadeInDown 0.2s ease, X;
  -moz-animation: fadeInDown 0.2s ease, X;
  -o-animation: fadeInDown 0.2s ease, X;
  animation: fadeInDown 0.2s ease, X;
  -webkit-animation: fadeInDown 0.2s ease;
  -moz-animation: fadeInDown 0.2s ease;
  -o-animation: fadeInDown 0.2s ease;
  animation: fadeInDown 0.2s ease;
}
.field-container.ng-leave {
  -webkit-animation: fadeOutDown 0.2s ease, X;
  -moz-animation: fadeOutDown 0.2s ease, X;
  -o-animation: fadeOutDown 0.2s ease, X;
  animation: fadeOutDown 0.2s ease, X;
  -webkit-animation: fadeOutDown 0.2s ease;
  -moz-animation: fadeOutDown 0.2s ease;
  -o-animation: fadeOutDown 0.2s ease;
  animation: fadeOutDown 0.2s ease;
}
.form-field {
  margin: 25px 0;
}
.form-field .meta {
  background: #f9f9f9;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  border: 1px solid #ededed;
}
.form-field .meta .type-icon {
  width: 40px;
}
.form-field .meta .type {
  text-transform: uppercase;
  color: #808080;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin-left: 10px;
}
.form-field .meta .controls {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-field .meta .controls .action {
  background: none;
  padding: 0 7px;
  border: none;
  border-left: 1px solid #f2f2f2;
  color: #808080;
  cursor: pointer;
}
.form-field .meta .controls .action:hover {
  color: #333333;
}
.form-field > .input {
  padding: 25px 30px;
  margin-left: 20px;
}
.form-field > .input input.field-name {
  height: 45px;
  font-size: 15px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.form-field > .input input.field-name .style {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name:-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name::-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name .style {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name:-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name::-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name .style {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name:-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name::-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.form-field > .input input.field-name .style {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name:-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name::-moz-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-field > .input input.field-name:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 15px;
  font-style: italic;
}
.form-editor {
  max-width: 650px;
  margin: 0 auto;
  padding: 30px 0;
}
.form-editor .label {
  font-family: "calibre-legacy", sans-serif;
  font-size: 80%;
  color: #808080;
  margin: 8px 0;
}
.form-editor .form-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  padding: 35px 0;
  border-bottom: 1px solid #f5f5f5;
}
.form-editor .form-actions .form-name {
  width: 70%;
  position: relative;
}
.form-editor .form-actions .form-name .label {
  position: absolute;
  left: 0;
  top: -30px;
}
.form-editor .form-actions .form-name input {
  height: 50px;
  font-size: 18px;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 0.05em;
  color: #4d4d4d;
  font-weight: 400;
}
.form-editor .form-actions button {
  margin-left: auto;
}
.form-editor .fields .new-fields {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fcfcfc;
  margin-top: 25px;
}
.form-editor .fields .new-fields .type {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 48%;
  padding: 15px;
  border: 1px solid #ededed;
  cursor: pointer;
}
.form-editor .fields .new-fields .type .icon {
  width: 40px;
  margin-right: 5px;
}
.form-editor .fields .new-fields .type .name {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  color: #808080;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 11px;
}
.form-editor .fields .new-fields .type.coming-soon {
  cursor: default;
  background: #fafafa;
  opacity: 0.8;
}
.form-editor .fields .new-fields .type.coming-soon .name {
  font-weight: 600;
}
.form-editor .fields .new-fields .type.coming-soon .coming-soon-notice {
  margin-bottom: 5px;
  color: #808080;
  font-size: 70%;
  text-transform: uppercase;
}
.form-editor .form-editor-actions {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 30px 0;
  margin: 30px 0;
  text-align: center;
}
.form-builder {
  height: 100vh;
  width: 100vw;
  padding-top: 130px;
}
.form-builder .action-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  background: #fbfbfb;
  padding: 30px;
  border: 1px solid #ebebeb;
  border-left: none;
  border-right: none;
}
.form-builder .action-bar .list-management {
  margin-bottom: 20px;
}
.form-builder .action-bar .list-management .label {
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  margin: 7px 0;
  color: #808080;
}
.form-builder .action-bar .list-management .controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-builder .action-bar .list-management .controls .or {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  color: #cccccc;
  padding: 0 20px;
}
.form-builder .action-bar .list-management .controls .select-form select {
  width: 250px;
}
.form-builder .action-bar .list-management .controls .new-form {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  height: 40px;
  padding: 10px 15px;
  border-radius: 0;
}
.form-builder .action-bar .blank-state {
  padding: 20px 0;
  text-align: center;
}
.form-builder .action-bar .blank-state p {
  font-size: 18px;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  color: #666666;
  margin-bottom: 10px;
}
.form-builder .action-bar .blank-state .new-form {
  margin: 15px auto;
  display: inline-block;
}
.feature-not-available {
  color: #242C39;
  max-width: 450px;
}
.feature-not-available .logo {
  width: 60px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
  margin-top: -15px;
}
.feature-not-available .title {
  font-size: 130%;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.feature-not-available .contact {
  margin-top: 30px;
  font-size: 85%;
  font-weight: 400;
  color: #808080;
}
.feature-not-available .contact a {
  color: #00857b;
  font-weight: 600;
}
.feature-not-available .body {
  margin: 15px 0;
  font-size: 110%;
  font-weight: 300;
  line-height: 1.4;
  color: #595959;
}
.feature-not-available .call-to-action {
  margin-top: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.feature-not-available .call-to-action p {
  font-style: italic;
  color: #808080;
  margin-bottom: 15px;
}
.feature-not-available .call-to-action .button {
  padding: 20px;
  margin: 0 auto;
}
.upsell-blurred {
  -webkit-filter: blur(2.5px);
  -moz-filter: blur(2.5px);
  -ms-filter: blur(2.5px);
  filter: blur(2.5px);
}
.loading-state {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 877;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.loading-state.ng-enter {
  -webkit-animation: fadeIn 0.4s, X;
  -moz-animation: fadeIn 0.4s, X;
  -o-animation: fadeIn 0.4s, X;
  animation: fadeIn 0.4s, X;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  animation: fadeIn 0.4s;
}
.loading-state.ng-leave {
  -webkit-animation: fadeOut 0.4s, X;
  -moz-animation: fadeOut 0.4s, X;
  -o-animation: fadeOut 0.4s, X;
  animation: fadeOut 0.4s, X;
  -webkit-animation: fadeOut 0.4s;
  -moz-animation: fadeOut 0.4s;
  -o-animation: fadeOut 0.4s;
  animation: fadeOut 0.4s;
}
.loading-state .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-state .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-state .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.loading-state .message {
  margin-top: -10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: rgba(0, 133, 123, 0.7);
  font-size: 100%;
  margin-left: 3px;
  margin-bottom: 25px;
}
.blank-or-invite {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
}
.blank-or-invite--invite {
  justify-content: space-around;
}
.blank-or-invite__invite-text {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #242c39;
}
.blank-or-invite__blank-text {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  color: rgba(71, 83, 93, 0.75);
  margin-bottom: 0;
}
.base-permissions-card {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "calibre-legacy", sans-serif;
  height: 48px;
  padding: 8px 0;
  margin-right: 5px;
}
.base-permissions-card__avatar {
  margin-right: 16px;
}
.permission-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  color: #47535d;
  font-size: 12px;
}
.permission-details div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 180px;
}
.permission-details div:last-child {
  padding-bottom: 1px;
}
.permission-details__name {
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.permission-details__email {
  opacity: 0.75;
  line-height: 1;
}
.split-button {
  display: flex;
  position: relative;
  border-radius: 4px;
  transition: box-shadow cubic-bezier(0.24, 0.01, 0.42, 0.98) 150ms;
  isolation: isolate;
}
.split-button--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.split-button--primary:hover {
  box-shadow: 0 0 0 3px rgba(0, 133, 123, 0.25);
}
.split-button--secondary:hover {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.split-button__primary-button.button--primary:hover,
.split-button__options-button.button--primary:hover,
.split-button__primary-button.button--primary:focus,
.split-button__options-button.button--primary:focus,
.split-button__primary-button.button--primary[aria-expanded="true"],
.split-button__options-button.button--primary[aria-expanded="true"] {
  background-color: #00766d;
  box-shadow: none;
}
.split-button__primary-button.button--secondary:hover,
.split-button__options-button.button--secondary:hover,
.split-button__primary-button.button--secondary:focus,
.split-button__options-button.button--secondary:focus,
.split-button__primary-button.button--secondary[aria-expanded="true"],
.split-button__options-button.button--secondary[aria-expanded="true"] {
  background-color: #f0f4f6;
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.split-button__primary-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.split-button__primary-button:focus {
  z-index: 1;
}
.split-button__primary-button.button--secondary {
  left: 1px;
  margin-left: -1px;
}
.split-button__options-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.split-button__options-button.button--primary {
  border-left: 1px solid rgba(129, 162, 178, 0.25);
}
.split-button__options-button--disabled.button--primary {
  background-color: rgba(129, 162, 178, 0.25);
}
.pending-user-permissions-card__pending-text {
  color: #FFB961;
  letter-spacing: 1px;
  font-weight: 600;
}
.user-permissions-card__text {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81a2b2;
  font-size: 12px;
  line-height: 1;
  margin-right: 8px;
}
.permissions-dropdown {
  min-width: 95px;
  outline: none;
}
.permissions-dropdown__menu {
  z-index: 701;
}
.share-resource-search-card--fade {
  opacity: 0.5;
}
.permission-card-success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00857b;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  color: white;
}
.share-resource-card-transition-leave-active {
  -webkit-animation: card-leave-transition, X;
  -moz-animation: card-leave-transition, X;
  -o-animation: card-leave-transition, X;
  animation: card-leave-transition, X;
  -webkit-animation: card-leave-transition;
  -moz-animation: card-leave-transition;
  -o-animation: card-leave-transition;
  animation: card-leave-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-delay: 1200ms;
  -moz-animation-delay: 1200ms;
  -o-animation-delay: 1200ms;
  animation-delay: 1200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes card-leave-transition {
  0% {
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
.transition-container {
  display: grid;
}
.transition-container > * {
  grid-column: 1;
  grid-row: 1;
}
.permission-card-icon-transition-enter-active {
  -webkit-animation: card-icon-transition-enter, X;
  -moz-animation: card-icon-transition-enter, X;
  -o-animation: card-icon-transition-enter, X;
  animation: card-icon-transition-enter, X;
  -webkit-animation: card-icon-transition-enter;
  -moz-animation: card-icon-transition-enter;
  -o-animation: card-icon-transition-enter;
  animation: card-icon-transition-enter;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.permission-card-icon-transition-leave-active {
  -webkit-animation: card-icon-transition-leave, X;
  -moz-animation: card-icon-transition-leave, X;
  -o-animation: card-icon-transition-leave, X;
  animation: card-icon-transition-leave, X;
  -webkit-animation: card-icon-transition-leave;
  -moz-animation: card-icon-transition-leave;
  -o-animation: card-icon-transition-leave;
  animation: card-icon-transition-leave;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@keyframes card-icon-transition-enter {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes card-icon-transition-leave {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.permission-card-text-transition-enter-active {
  -webkit-animation: card-text-transition-enter, X;
  -moz-animation: card-text-transition-enter, X;
  -o-animation: card-text-transition-enter, X;
  animation: card-text-transition-enter, X;
  -webkit-animation: card-text-transition-enter;
  -moz-animation: card-text-transition-enter;
  -o-animation: card-text-transition-enter;
  animation: card-text-transition-enter;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.permission-card-text-transition-leave-active {
  -webkit-animation: card-text-transition-leave, X;
  -moz-animation: card-text-transition-leave, X;
  -o-animation: card-text-transition-leave, X;
  animation: card-text-transition-leave, X;
  -webkit-animation: card-text-transition-leave;
  -moz-animation: card-text-transition-leave;
  -o-animation: card-text-transition-leave;
  animation: card-text-transition-leave;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@keyframes card-text-transition-enter {
  0% {
    opacity: 0;
    transform: translateY(-24px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes card-text-transition-leave {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-24px);
  }
}
.share-resource-search {
  position: relative;
}
.share-resource-search__card {
  padding: 0 16px;
  height: 60px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.share-resource-search__card:hover {
  background-color: rgba(129, 162, 178, 0.1);
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.share-resource-search__input.share-resource-search__input.share-resource-search__input.share-resource-search__input--showing-results input {
  padding-right: 106px;
}
.share-resource-search__results {
  display: flex;
  align-items: center;
  position: absolute;
  background: white;
  width: 350px;
  z-index: 877;
  margin-top: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-sizing: border-box;
  border-radius: 2px;
  overflow-y: auto;
  max-height: 280px;
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1);
  min-height: 62px;
}
.share-resource-search__results--no-results {
  justify-content: center;
}
.share-resource-search__results__inner {
  width: 100%;
  max-height: 280px;
}
.share-resource-search__result {
  margin: 8px 0;
}
.share-resource-search__permission {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 878;
}
.share-resource-error-tooltip {
  right: 318px;
}
.share-resource-search__results--no-results {
  z-index: 875;
}
.share-resource-delay-unmount-leave-active {
  -webkit-animation-delay: 1400ms;
  -moz-animation-delay: 1400ms;
  -o-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
.share-resource-delay-unmount-enter-active {
  -webkit-animation: enter-transition, X;
  -moz-animation: enter-transition, X;
  -o-animation: enter-transition, X;
  animation: enter-transition, X;
  -webkit-animation: enter-transition;
  -moz-animation: enter-transition;
  -o-animation: enter-transition;
  animation: enter-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-delay: 1400ms;
  -moz-animation-delay: 1400ms;
  -o-animation-delay: 1400ms;
  animation-delay: 1400ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes enter-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.share-resource {
  position: absolute;
  left: -125px;
  top: 51px;
  width: 420px;
  padding: 24px 24px 0 24px;
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  box-shadow: 0 16px 24px rgba(36, 44, 57, 0.1);
  z-index: 1;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -ms-transform: translate3d(0, -8px, 0);
  -webkit-transform: translate3d(0, -8px, 0);
  -moz-transform: translate3d(0, -8px, 0);
  -o-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  opacity: 0;
}
.share-resource--entering,
.share-resource--entered {
  opacity: 1;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.share-resource__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  margin-top: 8px;
}
.share-resource__heading-text {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 0;
}
.share-resource__copy-link-description {
  margin-bottom: 24px;
}
.share-resource__entity-list {
  margin-top: 16px;
}
.share-resource__entity-list--loading {
  margin: 24px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-resource__entity-list hr {
  border: 0;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.share-resource__card {
  height: 57px;
}
.share-resource__overflow {
  overflow-y: auto;
  max-height: 345px;
}
.share-resource__overflow > div:last-child {
  padding-bottom: 9px;
}
.share-resource-transition-enter {
  opacity: 0.01;
}
.share-resource-transition-enter.share-resource-transition-enter-active {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in, X;
  -moz-transition: opacity 200ms ease-in, X;
  -o-transition: opacity 200ms ease-in, X;
  transition: opacity 200ms ease-in, X;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.share-resource-transition-leave {
  opacity: 1;
}
.share-resource-transition-leave.share-resource-transition-leave-active {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in, X;
  -moz-transition: opacity 200ms ease-in, X;
  -o-transition: opacity 200ms ease-in, X;
  transition: opacity 200ms ease-in, X;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.grid-selector-container {
  text-align: center;
  padding: 15px 35px 35px;
  background: #f5f5f5;
  font-size: 16px;
}
.grid-selector-container .explainer {
  margin: 5px 0;
  font-weight: 400;
  text-align: center;
  color: #666666;
}
.grid-selector-container .grid-info {
  text-align: center;
  min-height: 20px;
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 110%;
}
.grid-selector-container .grid-info span.ng-enter {
  -webkit-animation: fadeIn 0.075 ease, X;
  -moz-animation: fadeIn 0.075 ease, X;
  -o-animation: fadeIn 0.075 ease, X;
  animation: fadeIn 0.075 ease, X;
  -webkit-animation: fadeIn 0.075 ease;
  -moz-animation: fadeIn 0.075 ease;
  -o-animation: fadeIn 0.075 ease;
  animation: fadeIn 0.075 ease;
}
.grid-selector-container .grid-info span.ng-leave {
  -webkit-animation: fadeOut 0.075 ease, X;
  -moz-animation: fadeOut 0.075 ease, X;
  -o-animation: fadeOut 0.075 ease, X;
  animation: fadeOut 0.075 ease, X;
  -webkit-animation: fadeOut 0.075 ease;
  -moz-animation: fadeOut 0.075 ease;
  -o-animation: fadeOut 0.075 ease;
  animation: fadeOut 0.075 ease;
}
.grid-selector-container .grid-selector {
  z-index: 1;
}
.grid-selector-container .grid-selector .grid-selector-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.grid-selector-container .grid-selector .grid-selector-row:first-child .grid-selector-cell {
  border-top: 1px solid #cccccc;
}
.grid-selector-container .grid-selector .grid-selector-row .grid-selector-cell {
  width: 40px;
  height: 40px;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  background-color: #fff;
  -webkit-transition: background-color 0.1s ease, X;
  -moz-transition: background-color 0.1s ease, X;
  -o-transition: background-color 0.1s ease, X;
  transition: background-color 0.1s ease, X;
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.grid-selector-container .grid-selector .grid-selector-row .grid-selector-cell:last-child {
  border-right: 1px solid #cccccc;
}
.grid-selector-container .grid-selector .grid-selector-row .grid-selector-cell.is-selected {
  background: #ededed;
}
.context-menu {
  position: fixed;
  z-index: 999;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  width: 180px;
  margin-left: 10px;
  font-size: 14px;
}
.context-menu .context-menu-button {
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  width: 100%;
  padding: 12px;
  background: #fff;
  color: #333333;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.context-menu .context-menu-button .text {
  width: 80%;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 400;
}
.context-menu .context-menu-button .icon {
  min-width: 30px;
}
.context-menu .context-menu-button:hover {
  background: #00857b;
  color: #fff;
}
.resizer {
  z-index: 10;
  border: 1px solid #1099FC;
  position: absolute;
  top: 0px;
  left: 0px;
}
.resizer.ng-enter {
  -webkit-animation: fadeIn 0.15s ease, X;
  -moz-animation: fadeIn 0.15s ease, X;
  -o-animation: fadeIn 0.15s ease, X;
  animation: fadeIn 0.15s ease, X;
  -webkit-animation: fadeIn 0.15s ease;
  -moz-animation: fadeIn 0.15s ease;
  -o-animation: fadeIn 0.15s ease;
  animation: fadeIn 0.15s ease;
}
.resizer.ng-leave {
  -webkit-animation: fadeOut 0.15s ease, X;
  -moz-animation: fadeOut 0.15s ease, X;
  -o-animation: fadeOut 0.15s ease, X;
  animation: fadeOut 0.15s ease, X;
  -webkit-animation: fadeOut 0.15s ease;
  -moz-animation: fadeOut 0.15s ease;
  -o-animation: fadeOut 0.15s ease;
  animation: fadeOut 0.15s ease;
}
.resizer.ng-enter {
  -webkit-animation: fadeIn 0.15s ease, X;
  -moz-animation: fadeIn 0.15s ease, X;
  -o-animation: fadeIn 0.15s ease, X;
  animation: fadeIn 0.15s ease, X;
  -webkit-animation: fadeIn 0.15s ease;
  -moz-animation: fadeIn 0.15s ease;
  -o-animation: fadeIn 0.15s ease;
  animation: fadeIn 0.15s ease;
}
.resizer.ng-leave {
  -webkit-animation: fadeOut 0.15s ease, X;
  -moz-animation: fadeOut 0.15s ease, X;
  -o-animation: fadeOut 0.15s ease, X;
  animation: fadeOut 0.15s ease, X;
  -webkit-animation: fadeOut 0.15s ease;
  -moz-animation: fadeOut 0.15s ease;
  -o-animation: fadeOut 0.15s ease;
  animation: fadeOut 0.15s ease;
}
.resizer .resizer-handle {
  border-radius: 30px;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #1099FC;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  cursor: move;
}
.resizer .resizer-handle.top-left {
  margin-left: -15.5px;
  margin-top: -15.5px;
  top: 0px;
  left: 0px;
}
.resizer .resizer-handle.top-right {
  margin-right: -15.5px;
  margin-top: -15.5px;
  top: 0px;
  right: 0px;
}
.resizer .resizer-handle.bottom-left {
  margin-left: -15.5px;
  margin-bottom: -15.5px;
  bottom: 0px;
  left: 0px;
}
.resizer .resizer-handle.bottom-right {
  margin-right: -15.5px;
  margin-bottom: -15.5px;
  bottom: 0px;
  right: 0px;
}
/*
  CSS Hacks for Internet Explorer
  http://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11

  NOTE: For targetting IE11 vs IE10 specifically add "*::-ms-backdrop"
  i.e:

  // Both IE 10 & 11
  .some-rules{
    ...
  }

  // Just IE 11
  *::-ms-backdrop, .some-rules{
    ...
  }

*/
@media all and (-ms-high-contrast: none) {
  .project-block.splash-module .row {
    max-width: none;
  }
  *::-ms-backdrop,
  .project-block.splash-module .row {
    max-width: none;
  }
  .onboarding-setup-overview .step-image .steps .step img {
    height: 90px;
  }
  .onboarding-setup-colors .actions-panel .color-selector-tile .icon img {
    width: 70px;
  }
  .onboarding-setup-colors .step-image .doc-wrapper {
    height: 100%;
  }
  .onboarding-setup-details .step-image .laptop-wrapper .details img {
    width: auto !important;
  }
  .templates-list .template {
    max-height: 250px;
  }
}
.trial-message {
  color: #879ea9;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 24px;
}
.trial-message__focus {
  font-weight: 600;
}
.trial-message .upgrade-button {
  margin-left: 4px;
}
.trial-end-modal {
  padding: 65px 55px 55px 55px;
  background-image: url("/Assets/icons/trial-extension-background.svg");
  background-position: center center;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.trial-end-modal__icon {
  width: 160px;
  height: 100px;
  margin: 0 auto 20px auto;
}
.trial-end-modal__hidden-icon {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.trial-end-modal--idle {
  /* ------ LAYERS ------ */
  /* ------ ANIMATION CLASSES - BESPOKE ------ */
}
.trial-end-modal--idle .ball-1 {
  stroke-dashoffset: -94.7;
  animation: roll-down 2.05s forwards;
}
@keyframes roll-down {
  0% {
    stroke-dashoffset: 0;
    animation-timing-function: cubic-bezier(0.89, 0, 0.89, 0.8);
  }
  64% {
    stroke-dashoffset: -88.6;
    animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  }
  77% {
    stroke-dashoffset: -92.278;
    animation-timing-function: cubic-bezier(0.23, 0.08, 0.76, 0.88);
  }
  87% {
    stroke-dashoffset: -97.5;
    animation-timing-function: cubic-bezier(0.23, 0.08, 0.76, 0.88);
  }
  94% {
    stroke-dashoffset: -94.7;
    animation-timing-function: cubic-bezier(0.31, 0.01, 0.69, 0.71);
  }
  100% {
    stroke-dashoffset: -97.5;
  }
}
.trial-end-modal--loading {
  /* ------ ANIMATION CLASSES - GLOBAL ------ */
  /* ------ ANIMATION CLASSES - BESPOKE ------ */
}
.trial-end-modal--loading #pie-wipe {
  transform-origin: 14.6px 91px;
  transform: rotateZ(90deg);
  animation: rotate-Z 0.75s cubic-bezier(0.8, 0, 0.75, 1) forwards;
}
.trial-end-modal--loading #ramp-wipe {
  transform-origin: 85px 91px;
  transform: rotate(-34deg);
  animation: rotate-Z 0.375s cubic-bezier(0.9, 0, 0.75, 0.92) 0.4s forwards;
}
.trial-end-modal--loading .ball-2 {
  stroke-dasharray: 0.1 1000;
  animation: rocking 2.416s 1.28s infinite;
}
.trial-end-modal--loading .blue {
  animation: roll-left 1s 0.25s forwards, rocking 2.416s 1.28s infinite;
}
.trial-end-modal--loading .semi {
  transform: translateY(61px);
  animation: move-Y 0.29s cubic-bezier(0.09, 0, 0.36, 1) 1.02s forwards;
}
@keyframes move-Y {
  to {
    transform: translateY(0px);
  }
}
@keyframes rotate-Z {
  to {
    transform: rotateZ(0deg);
  }
}
@keyframes roll-left {
  0% {
    stroke-dashoffset: 0;
    animation-timing-function: cubic-bezier(0.77, 0, 0.9, 1);
  }
  29% {
    stroke-dashoffset: -13.3;
    animation-timing-function: cubic-bezier(0.3, 0.2, 0.83, 1);
  }
  61% {
    stroke-dashoffset: -46.4;
    animation-timing-function: cubic-bezier(0.27, 0.5, 0.6, 1);
  }
  100% {
    stroke-dashoffset: -111.7;
  }
}
@keyframes rocking {
  0% {
    stroke-dashoffset: -111.7;
    animation-timing-function: cubic-bezier(0.33, 0.03, 0.53, 0.94);
  }
  48%,
  50% {
    stroke-dashoffset: -283.1;
    animation-timing-function: cubic-bezier(0.33, 0.03, 0.53, 0.94);
  }
  98%,
  100% {
    stroke-dashoffset: -111.7;
  }
}
.trial-end-modal--success {
  /* ------ ANIMATION CLASSES - GLOBAL ------ */
  /* ------ ANIMATION CLASSES - BESPOKE ------ */
}
.trial-end-modal--success .ball-3 {
  transform: scale(0) translateY(22px);
  animation: grow-ball 1s 1.2s forwards;
}
.trial-end-modal--success #leaf-R-wipe {
  transform-origin: 80px 31px;
  transform: rotateZ(90deg);
  animation: rotate-Z 0.42s cubic-bezier(0.45, 0, 0.28, 1) 0.875s forwards;
}
.trial-end-modal--success #leaf-L-wipe {
  transform-origin: 80px 31px;
  transform: rotateZ(-90deg);
  animation: rotate-Z 0.33s cubic-bezier(0.45, 0, 0.28, 1) 1.08s forwards;
}
.trial-end-modal--success .ball-2 {
  stroke-dasharray: 0.1 1000;
  animation: rocking-half 1.208s forwards;
}
.trial-end-modal--success #semi-rotate {
  transform-origin: 80px 49px;
  animation: spin 1s 0.375s forwards;
}
.trial-end-modal--success #semi-translate {
  transform-origin: 80px 49px;
  transform: translateY(-7.8px);
  animation: move-Y 0.54s 0.375s forwards;
}
.trial-end-modal--success #semi-scale {
  transform-origin: 80px 49px;
  transform: scale(1.247);
  animation: scale-up 0.54s 0.375s forwards;
}
.trial-end-modal--success .semi-solid {
  animation: fill-orange 0.42s 0.66s forwards;
}
.trial-end-modal--success .semi-gradient {
  transform-origin: 80px 49px;
  transform: scale(0.801) translateY(0);
  animation: fill-orange-g 0.42s 0.66s forwards;
}
@keyframes rotate-Z {
  to {
    transform: rotateZ(0deg);
  }
}
@keyframes scale-up {
  to {
    transform: scale(1);
  }
}
@keyframes move-Y {
  to {
    transform: translateY(0);
  }
}
@keyframes fill-orange-g {
  to {
    fill: url(#gradient-semi-orange) #FFB961;
    transform: scale(1.2) translateY(-9px);
  }
}
@keyframes fill-orange {
  to {
    fill: #FFB961;
  }
}
@keyframes grow-ball {
  0% {
    transform: scale(0) translateY(22px);
    animation-timing-function: cubic-bezier(0.24, 0.12, 0.41, 0.95);
  }
  22% {
    transform: scale(1.02) translateY(-9.2px);
    animation-timing-function: cubic-bezier(0.75, 0.3, 0.95, 0.72);
  }
  37.5% {
    transform: scale(1) translateY(0px);
    animation-timing-function: linear;
  }
  58.3% {
    transform: scale(1) translateY(-2px);
    animation-timing-function: ease-out;
  }
  66.6%,
  100% {
    transform: scale(1) translateY(0px);
  }
}
@keyframes rocking-half {
  0% {
    stroke-dashoffset: -111.7;
    animation-timing-function: cubic-bezier(0.33, 0.03, 0.53, 0.94);
  }
  98%,
  100% {
    stroke-dashoffset: -283.1;
  }
}
@keyframes spin {
  0% {
    transform: rotateZ(0deg);
    animation-timing-function: ease-in-out;
  }
  71% {
    transform: rotateZ(-363deg);
    animation-timing-function: ease-in-out;
  }
  87.5% {
    transform: rotateZ(-358deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
.modal-container.trial-modal {
  background-color: rgba(36, 44, 57, 0.75);
  z-index: 874;
}
.modal-container.trial-modal .modal {
  width: 524px;
  border: none;
  border-radius: 5px;
  background-color: #242c39;
  color: white;
  padding: 38px 54px;
}
.modal-container.trial-modal .modal .modal-icon {
  margin-bottom: 25px;
}
.modal-container.trial-modal .modal h2 {
  font-family: "calibre-legacy", sans-serif;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 24px;
  text-transform: uppercase;
  color: white;
}
.modal-container.trial-modal .modal p {
  font-family: "calibre-legacy", sans-serif;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  color: white;
}
.modal-container.trial-modal .modal .help-message {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}
.modal-container.trial-modal .modal .help-message a {
  font-weight: 600;
  color: white;
  text-decoration: underline;
}
.trial-modal-contents .buttons {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 25px;
}
.trial-modal-contents .buttons .button-secondary,
.trial-modal-contents .buttons .button-primary {
  width: 200px;
  padding: 20px 0;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  border: none;
}
.trial-modal-contents .buttons .button-primary {
  background-color: #716bf1;
}
.search-dropdown {
  flex: 2;
  max-width: 600px;
  position: relative;
}
.search-dropdown__results {
  position: absolute;
  margin-top: 4px;
  z-index: 700;
  background: white;
  left: 0;
  right: 0;
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1);
  border-radius: 4px;
}
.search-dropdown__results--empty {
  height: 150px;
  min-height: 150px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  color: rgba(129, 162, 178, 0.5);
}
.search-dropdown__results--empty .search-dotted-icon {
  margin-bottom: 8px;
}
.search-dropdown__see-all {
  padding: 16px 24px;
  color: #00857b;
  cursor: pointer;
  background: transparent;
  -webkit-transition: background 0.15s ease-out, X;
  -moz-transition: background 0.15s ease-out, X;
  -o-transition: background 0.15s ease-out, X;
  transition: background 0.15s ease-out, X;
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  -o-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.search-dropdown__see-all svg {
  margin-left: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-dropdown__see-all:hover {
  background: rgba(129, 162, 178, 0.1);
}
.search-dropdown__see-all:hover svg {
  margin-left: 16px;
  margin-right: 0;
}
.search-dropdown__results-overflow {
  overflow-y: auto;
  max-height: 350px;
}
.search-card {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  font-size: 12px;
  padding: 16px;
  cursor: pointer;
  font-family: "calibre-legacy", sans-serif;
}
.search-card__left {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 32px);
}
.search-card__right {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.search-card__status {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81a2b2;
  font-weight: 600;
  margin: 0 0 8px 0;
  height: 15px;
  line-height: 14px;
}
.search-card__status-text {
  margin-left: 8px;
}
.search-card__blueprint-child-text {
  color: rgba(129, 162, 178, 0.5);
}
.search-card__status--accepted svg {
  fill: #00857b;
}
.search-card__status--live svg {
  fill: #ffce53;
}
.search-card__status--pending svg {
  fill: #FFB961;
}
.search-card__status--blueprint svg {
  fill: #1099FC;
}
.search-card__match-container {
  color: rgba(71, 83, 93, 0.75);
  font-size: 14px;
  line-height: 20px;
  margin: 0 8px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.search-card__match-container::after {
  content: "”";
}
.search-card__match {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-card__name {
  color: #242c39;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-card__highlight {
  font-weight: 700;
}
.search-card__option-button {
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: background-color 0.15s ease-out, X;
  -moz-transition: background-color 0.15s ease-out, X;
  -o-transition: background-color 0.15s ease-out, X;
  transition: background-color 0.15s ease-out, X;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
}
.search-card:hover {
  background-color: rgba(129, 162, 178, 0.1);
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-card__option-menu {
  z-index: 701;
}
.app-navigation {
  width: 100%;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  background: #fff;
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 700;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.app-navigation__left,
.app-navigation__right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.app-navigation__left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.app-navigation__right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.trial-message + .app-navigation__settings {
  margin-left: 16px;
}
.app-navigation--new-nav.app-navigation--settings .app-navigation__items {
  margin-right: auto;
}
.app-navigation--new-nav.app-navigation--dashboard {
  height: 80px;
}
@media only screen and (max-width: 1300px) {
  .app-navigation--new-nav.app-navigation--dashboard .trial-message__explainer {
    display: none;
  }
}
.app-navigation--new-nav.app-navigation--dashboard .app-navigation__left {
  margin-right: 6px;
}
@media only screen and (max-width: 600px) {
  .app-navigation--new-nav.app-navigation--dashboard .app-navigation__left {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .app-navigation--new-nav.app-navigation--dashboard .app-navigation__left,
  .app-navigation--new-nav.app-navigation--dashboard .app-navigation__right {
    -webkit-box-flex: initial;
    -moz-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
.app-navigation--new-nav.app-navigation--dashboard .app-navigation__back-to-dash {
  height: 80px;
  line-height: 80px;
}
.app-navigation--analytics {
  height: 80px;
}
.app-navigation__logo {
  margin: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  padding: 0 20px;
  position: relative;
  margin-left: 6px;
}
.app-navigation__logo::after {
  content: '';
  position: absolute;
  border-radius: 4px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  pointer-events: none;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.app-navigation__logo:focus::after {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.app-navigation__logo:active::after {
  box-shadow: none;
}
.app-navigation__logo svg {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  cursor: pointer;
}
.app-navigation__logo svg:hover {
  box-shadow: 0 0 0 2px rgba(129, 162, 178, 0.25);
}
.app-navigation__menu-button {
  margin: 0 16px;
}
.app-navigation__items {
  display: flex;
}
.app-navigation .search-dropdown {
  margin: 0 auto;
}
.app-navigation__item {
  margin: 0 12px;
  cursor: pointer;
}
.app-navigation__icons {
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 702;
}
.app-navigation__settings {
  min-width: 78px;
  width: 78px;
  height: 100%;
  min-height: 59px;
  padding: 0 13px;
  cursor: pointer;
  background: transparent;
  -webkit-transition: background 0.2s ease-out, X;
  -moz-transition: background 0.2s ease-out, X;
  -o-transition: background 0.2s ease-out, X;
  transition: background 0.2s ease-out, X;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  box-shadow: 0 -1px 0 1px rgba(129, 162, 178, 0.25);
  color: #81a2b2;
  border-radius: 0;
  font-family: inherit;
}
.app-navigation__settings:hover {
  background: rgba(129, 162, 178, 0.25);
}
.app-navigation__settings-dropdown {
  margin-top: -4px;
  z-index: 702;
}
@media only screen and (max-width: 500px) {
  .app-navigation__logo {
    pointer-events: none;
    padding: 0;
    margin: 0;
    height: 36px;
  }
  .app-navigation__items {
    display: none;
  }
}
.carousel-angular-container {
  height: 270px;
  width: 100%;
  padding: 15px 30px;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 498;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.carousel-angular-container.ng-enter {
  -webkit-animation: fadeInDown 0.175s ease, X;
  -moz-animation: fadeInDown 0.175s ease, X;
  -o-animation: fadeInDown 0.175s ease, X;
  animation: fadeInDown 0.175s ease, X;
  -webkit-animation: fadeInDown 0.175s ease;
  -moz-animation: fadeInDown 0.175s ease;
  -o-animation: fadeInDown 0.175s ease;
  animation: fadeInDown 0.175s ease;
}
.carousel-angular-container.ng-leave {
  -webkit-animation: fadeOutUp 0.175s ease, X;
  -moz-animation: fadeOutUp 0.175s ease, X;
  -o-animation: fadeOutUp 0.175s ease, X;
  animation: fadeOutUp 0.175s ease, X;
  -webkit-animation: fadeOutUp 0.175s ease;
  -moz-animation: fadeOutUp 0.175s ease;
  -o-animation: fadeOutUp 0.175s ease;
  animation: fadeOutUp 0.175s ease;
}
.carousel-angular-container .slim {
  border: 1px solid rgba(129, 162, 178, 0.3);
  border-radius: 2px;
  background-color: #fff;
  padding: 5px 10px 5px 35px;
  height: 36px;
  color: #4A4A4A;
  font-family: "calibre-legacy", sans-serif;
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: center;
}
.carousel-angular-container .slim.ng-enter {
  -webkit-animation: fadeIn 0.4s, X;
  -moz-animation: fadeIn 0.4s, X;
  -o-animation: fadeIn 0.4s, X;
  animation: fadeIn 0.4s, X;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  animation: fadeIn 0.4s;
}
.carousel-angular-container .slim.ng-leave {
  -webkit-animation: fadeOut 0.4s, X;
  -moz-animation: fadeOut 0.4s, X;
  -o-animation: fadeOut 0.4s, X;
  animation: fadeOut 0.4s, X;
  -webkit-animation: fadeOut 0.4s;
  -moz-animation: fadeOut 0.4s;
  -o-animation: fadeOut 0.4s;
  animation: fadeOut 0.4s;
}
.carousel-angular-container .slim:hover {
  color: #171717;
}
.carousel-angular-container .slim img {
  width: 16px;
  height: 16px;
}
.carousel-angular-container .slim .icon {
  width: 16px;
  height: 16px;
}
.carousel-angular-container .slim .icon svg {
  fill: #4A4A4A;
}
.carousel-angular-container .slim .icon-alt svg {
  fill: #fff;
}
.carousel-angular-container .slim .slim-icon {
  position: absolute;
  left: 10px;
}
.carousel-angular-container .refresh {
  -webkit-transition: width 0.3s ease, X;
  -moz-transition: width 0.3s ease, X;
  -o-transition: width 0.3s ease, X;
  transition: width 0.3s ease, X;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  white-space: nowrap;
  padding: 5px 10px 5px 26px;
}
.carousel-angular-container .refresh span {
  -webkit-animation: fadeIn 0.3s, X;
  -moz-animation: fadeIn 0.3s, X;
  -o-animation: fadeIn 0.3s, X;
  animation: fadeIn 0.3s, X;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  opacity: 1;
  visibility: visible;
  margin-left: 10px;
}
.carousel-angular-container .refresh.refresh-loading {
  width: 15px !important;
}
.carousel-angular-container .refresh.refresh-loading span {
  opacity: 0;
  -webkit-animation: fadeOut 0.3s, X;
  -moz-animation: fadeOut 0.3s, X;
  -o-animation: fadeOut 0.3s, X;
  animation: fadeOut 0.3s, X;
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
}
.carousel-angular-container .refresh.hidden {
  visibility: hidden;
  position: absolute;
  left: -1500px;
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message {
  position: absolute;
  top: -40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  font-size: 12px;
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message a {
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message a.no-link {
  border-bottom: none;
  cursor: default;
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message.left {
  left: 30px;
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message.right {
  right: 60px;
}
.carousel-angular-container .carousel-angular-message-container .carousel-angular-message.center {
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel-angular-container .media-tile-placeholder .placeholder {
  width: 100%;
  opacity: 0.2;
}
.carousel-angular-container .media-tile-placeholder .placeholder-backdrop {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.carousel-angular-container .media-tile-placeholder.ng-leave {
  -webkit-transition: opacity 1s ease, X;
  -moz-transition: opacity 1s ease, X;
  -o-transition: opacity 1s ease, X;
  transition: opacity 1s ease, X;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 1;
}
.carousel-angular-container .media-tile-placeholder.ng-leave.ng-leave-active {
  opacity: 0;
}
.carousel-angular-container .media-tile {
  -webkit-animation: fadeIn 0.5s ease, X;
  -moz-animation: fadeIn 0.5s ease, X;
  -o-animation: fadeIn 0.5s ease, X;
  animation: fadeIn 0.5s ease, X;
  -webkit-animation: fadeIn 0.5s ease;
  -moz-animation: fadeIn 0.5s ease;
  -o-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease;
}
.carousel-angular-container .slim-upload {
  background-color: #3DB9FC;
  color: #fff;
  border: none;
}
.carousel-angular-container .slim-upload:hover {
  color: #f2f2f2;
  background-color: #56c2fc;
}
.carousel-angular-container.floating {
  position: fixed;
  bottom: 0;
  width: var(--carousel-width, 100%);
}
.carousel-angular-container.bottom-fixed {
  position: absolute;
  bottom: 0;
}
.carousel-angular-container.top-fixed {
  position: absolute;
  top: 80px;
}
.carousel-angular-container .control {
  margin-right: 10px;
}
.carousel-angular-container .page-indicator {
  position: absolute;
  bottom: 140px;
  height: 32px;
  border-radius: 16px;
  min-width: 75px;
  right: 0;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-animation: fadeIn 0.3s ease, X;
  -moz-animation: fadeIn 0.3s ease, X;
  -o-animation: fadeIn 0.3s ease, X;
  animation: fadeIn 0.3s ease, X;
  -webkit-animation: fadeIn 0.3s ease;
  -moz-animation: fadeIn 0.3s ease;
  -o-animation: fadeIn 0.3s ease;
  animation: fadeIn 0.3s ease;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer;
  font-weight: 600;
  pointer-events: none;
}
.carousel-angular-container .page-indicator .indicator-subtext {
  opacity: 0.5;
}
.carousel-angular-container .page-indicator .page-indicator-text {
  font-size: 14px;
  width: 100%;
  text-align: center;
}
.carousel-angular-container .page-indicator .icon-right {
  width: 25px;
}
.carousel-angular-container .page-indicator .icon-right svg {
  fill: #fff;
}
.carousel-angular-container .carousel-angular-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  margin: 15px 0 15px;
  position: relative;
  overflow-x: hidden;
}
.carousel-angular-container .carousel-angular-content .tile-page {
  width: 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  backface-visibility: hidden;
  perspective: 1000px;
  display: none;
  -webkit-transition: -webkit-transform 1s ease;
  -moz-transition: -moz-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  transition: -webkit-transform 1s ease,-moz-transform 1s ease,-o-transform 1s ease,transform 1s ease;
  -webkit-transition: transform 1s ease, X;
  -moz-transition: transform 1s ease, X;
  -o-transition: transform 1s ease, X;
  transition: transform 1s ease, X;
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
  transform: translate3d(0, 0, 0);
}
.carousel-angular-container .carousel-angular-content .tile-page .prev {
  transform: translate3d(-85%, 0, 0);
}
.carousel-angular-container .carousel-angular-content .tile-page .prev .tile {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 15%;
  -ms-flex: 1 0 15%;
  flex: 1 0 15%;
}
.carousel-angular-container .carousel-angular-content .tile-page.active {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.carousel-angular-container .carousel-angular-content .tile-page.active.prev {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate3d(calc(( (-15% * 6) - 30px)), 0, 0);
}
.carousel-angular-container .carousel-angular-content .tile-page.active.next {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate3d(calc((15% * 6) + 30px), 0, 0);
}
.carousel-angular-container .carousel-angular-content .tile-page.active.after-next {
  transform: translate3d(calc((15% * 6 * 2) + 60px), 0, 0);
}
.carousel-angular-container .carousel-angular-content .tile-page.ng-leave {
  display: none;
}
.carousel-angular-container .carousel-angular-content.small-carousel .tile {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 22.5%;
  -ms-flex: 0 0 22.5%;
  flex: 0 0 22.5%;
}
.carousel-angular-container .carousel-angular-content.small-carousel .tile-page.prev {
  transform: translate3d(calc(( (-22.5% * 4) - 20px)), 0, 0);
}
.carousel-angular-container .carousel-angular-content.small-carousel .tile-page.next {
  transform: translate3d(calc((22.5% * 4) + 20px), 0, 0);
}
.carousel-angular-container .carousel-angular-content.small-carousel .tile-page.after-next {
  transform: translate3d(calc((22.5% * 4 * 2) + 40px), 0, 0);
}
.carousel-angular-container .carousel-angular-content .tile {
  position: relative;
  height: 160px;
  -webkit-animation: fadeIn 0.5s ease, X;
  -moz-animation: fadeIn 0.5s ease, X;
  -o-animation: fadeIn 0.5s ease, X;
  animation: fadeIn 0.5s ease, X;
  -webkit-animation: fadeIn 0.5s ease;
  -moz-animation: fadeIn 0.5s ease;
  -o-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  margin: 0 5px 0 0;
}
.carousel-angular-container .carousel-angular-content .tile:hover {
  cursor: pointer;
}
.carousel-angular-container .carousel-angular-content .tile .tile-selected {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-angular-container .carousel-angular-content .tile .random-circle {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: white;
  bottom: 10px;
  left: 10px;
  z-index: 28;
  position: absolute;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.carousel-angular-container .carousel-angular-content .tile .tile-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0d1d9;
}
.carousel-angular-container .carousel-angular-content .tile .tile-content .icon-tick {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
}
.carousel-angular-container .carousel-angular-content .tile .tile-content .icon-tick svg {
  fill: #fff;
}
.carousel-angular-container .carousel-angular-content .message-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 165px;
  color: #81A2B2;
  font-size: 20px;
  text-align: center;
}
.carousel-angular-container .carousel-angular-content .message-container .carousel-angular-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto;
}
.carousel-angular-container .carousel-angular-content .message-container .carousel-angular-message .icon {
  width: 32px;
  height: 32px;
  margin-bottom: 20px;
}
.carousel-angular-container .carousel-angular-content .message-container .carousel-angular-message .icon svg {
  fill: #81A2B2;
}
.carousel-angular-container .carousel-angular-content .message-container .carousel-angular-message.error .icon {
  width: 64px;
  height: 64px;
}
.carousel-angular-container .header {
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.carousel-angular-container .header .header-close {
  width: 16px;
  height: 16px;
  margin-left: 20px;
}
.carousel-angular-container .header .header-close:hover {
  opacity: 0.5;
  cursor: pointer;
}
.carousel-angular-container .header .header-close .icon svg {
  fill: #47535d;
}
.carousel-angular-container .header .header-left,
.carousel-angular-container .header .header-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}
.carousel-angular-container .header .header-center {
  position: absolute;
  width: calc(100% - 50px);
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #4A4A4A;
  top: 17px;
  z-index: 1;
}
.carousel-angular-container .header .header-center .carousel-angular-nav {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background-color: white;
  margin: 0 16px;
  color: #47535d;
  font-size: 26px;
  font-weight: 400;
  -webkit-transition: opacity 0.3s ease, X;
  -moz-transition: opacity 0.3s ease, X;
  -o-transition: opacity 0.3s ease, X;
  transition: opacity 0.3s ease, X;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.carousel-angular-container .header .header-center .carousel-angular-nav:hover {
  cursor: pointer;
}
.carousel-angular-container .header .header-center .carousel-angular-nav.disabled {
  opacity: 0.4;
  cursor: unset;
}
.carousel-angular-container .header .header-center .header-title {
  opacity: 0.8;
}
.carousel-angular-container .header .header-right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}
.carousel-angular-container .header .upload-container {
  width: 111px;
  height: 36px;
}
.carousel-angular-drawer {
  padding-bottom: 270px;
}
.media-carousel-controls.ng-enter {
  -webkit-animation: fadeIn 0.3s, X;
  -moz-animation: fadeIn 0.3s, X;
  -o-animation: fadeIn 0.3s, X;
  animation: fadeIn 0.3s, X;
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.media-carousel-controls.ng-leave {
  -webkit-animation: fadeOut 0.3s, X;
  -moz-animation: fadeOut 0.3s, X;
  -o-animation: fadeOut 0.3s, X;
  animation: fadeOut 0.3s, X;
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
}
.media-carousel-controls .control {
  top: 31%;
  position: absolute;
  width: 150px;
  height: 150px;
  z-index: 5;
}
.media-carousel-controls .control .icon {
  width: 33px;
  position: absolute;
  top: 35px;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
}
.media-carousel-controls .control .icon-left {
  left: 35px;
}
.media-carousel-controls .control .icon-right {
  right: 35px;
}
.media-carousel-controls .control:hover {
  cursor: pointer;
}
.media-carousel-controls .control:hover svg {
  fill: #cccccc;
}
.media-carousel-controls .control svg {
  fill: #fff;
}
.media-carousel-controls .control.disabled {
  opacity: 0.3;
}
.media-carousel-controls .control-left {
  margin-right: auto;
  left: 30px;
}
.media-carousel-controls .control-right {
  margin-left: auto;
  right: 30px;
}
.style-tile .style-preview {
  transform: scale(0.2);
  width: 500%;
  height: 500%;
  transform-origin: top left;
}
.style-tile .style-preview h1,
.style-tile .style-preview h2,
.style-tile .style-preview h3,
.style-tile .style-preview p {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.style-tile .style-preview content-area {
  cursor: pointer;
}
.style-tile .edit-button {
  position: absolute;
  bottom: 20px;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background-color: #3DB9FC;
  fill: #fff;
  right: 15px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition: opacity, 0.2, ease;
  -moz-transition: opacity, 0.2, ease;
  -o-transition: opacity, 0.2, ease;
  transition: opacity, 0.2, ease;
}
.style-tile:hover .edit-button {
  opacity: 1;
}
.style-tile .top-line {
  background: #81A2B2;
  height: 1px;
  width: 90%;
  left: 5%;
  right: 5%;
  bottom: 36px;
  position: absolute;
}
.style-tile .close-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.5;
  fill: #81A2B2;
}
.style-tile .caption {
  position: absolute;
  height: 36px;
  bottom: 0;
  width: 100%;
  background: #fff;
  text-transform: uppercase;
}
.style-tile .caption .caption-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  width: 90%;
  margin: 0 auto;
  color: rgba(74, 74, 74, 0.6);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0;
  text-align: center;
}
.style-tile .selected-underline {
  background-color: #3DB9FC;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
}
.style-tile .selected {
  background: rgba(0, 0, 0, 0.33);
}
.style-tile .image {
  background-color: rgba(74, 74, 74, 0.1);
}
.carousel-angular-container.style-carousel {
  border: 1px solid #D9D9DE;
  background: #F8F8F8;
}
.carousel-angular-container.style-carousel .header .header-center {
  font-size: 13px;
  color: #47535d;
}
.carousel-angular-container.style-carousel .create-new .slim {
  background-color: #2bb7f9;
  color: white;
}
.carousel-angular-container.style-carousel .create-new .slim:hover {
  color: white;
}
.carousel-angular-container.style-carousel .create-new .slim .icon svg {
  fill: white;
}
.media-browser .top-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: 0;
  position: fixed;
  background: #fff;
  z-index: 1;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.3);
}
.media-browser .top-bar .search {
  /* Safari */
  -webkit-transition-duration: 0s;
  /* Safari */
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.media-browser .top-bar .search .search__input {
  /* Safari */
  -webkit-transition-duration: 0s;
  /* Safari */
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.media-browser .top-bar .button {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: rgba(129, 162, 178, 0.85);
  font-size: 14px;
  letter-spacing: 2px;
  cursor: pointer;
}
.media-browser .top-bar .center-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.media-browser .top-bar .center-button {
  padding: 20px;
  height: 100%;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.media-browser .top-bar .center-button.selected {
  background-color: rgba(129, 162, 178, 0.1);
  color: rgba(39, 56, 64, 0.85);
  cursor: default;
}
.media-browser .top-bar .center-button.selected svg {
  fill: rgba(39, 56, 64, 0.85);
}
.media-browser .top-bar .center-button:hover {
  color: rgba(39, 56, 64, 0.85);
}
.media-browser .top-bar .center-button:hover svg {
  fill: rgba(39, 56, 64, 0.85);
}
.media-browser .top-bar.video-top-bar .center {
  margin: 0 auto;
}
.media-browser .top-bar.image-top-bar {
  width: 100%;
  padding-right: 40px;
  padding-left: 20px;
}
.media-browser .top-bar.image-top-bar .bar-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
.media-browser .top-bar.image-top-bar .center-buttons {
  -webkit-flex-grow: 2.5;
  flex-grow: 2.5;
}
.media-browser .top-bar.image-top-bar .center-buttons .center-button {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 190px;
  -ms-flex: 0 1 190px;
  flex: 0 1 190px;
  padding: 5px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.media-browser .top-bar.image-top-bar .upload-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.media-browser .top-bar.image-top-bar .upload-container .upload-button {
  min-width: 111px;
  height: 36px;
  margin-left: auto;
  margin-right: 33px;
}
.media-browser .search-container--hide {
  visibility: hidden;
}
.unsplash-error {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.unsplash-error .message {
  font-size: 18px;
}
.unsplash-error .click-here {
  color: #1099FC;
  border-bottom: 1px solid #1099FC;
  font-weight: 700;
}
.media-browser {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 60px;
}
.media-browser .button-icon {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 9px;
}
.media-browser .button-icon svg {
  fill: #76a2b0;
}
.media-browser .title {
  text-transform: uppercase;
}
.media-browser .media-view {
  min-height: 100%;
}
.media-browser .media-view .button {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.media-browser .media-view .scroll-container .title {
  margin-top: 72px;
  margin-bottom: 70px;
  text-align: center;
  font-weight: 600;
  color: #3F6677;
  letter-spacing: 1px;
  font-size: 23px;
}
.media-browser .media-view .scroll-container .tile-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.media-browser .media-view .scroll-container .tile {
  width: calc(100% / 3);
  height: 25vw;
  position: relative;
}
.media-browser .media-view .scroll-container .tile .image {
  -webkit-animation: fadeIn 0.5s ease, X;
  -moz-animation: fadeIn 0.5s ease, X;
  -o-animation: fadeIn 0.5s ease, X;
  animation: fadeIn 0.5s ease, X;
  -webkit-animation: fadeIn 0.5s ease;
  -moz-animation: fadeIn 0.5s ease;
  -o-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease;
  height: 100%;
  background-size: cover;
  background-position: center center;
  position: relative;
  cursor: pointer;
}
.media-browser .media-view .scroll-container .tile .image .hover-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.media-browser .media-view .scroll-container .tile .image .hover-overlay .corner-button {
  background-color: #F3F5F6;
  border: 1px solid #E7ECEE;
  color: #587785;
  font-size: 10px;
  font-weight: 600;
  padding: 7px;
  margin: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.media-browser .media-view .scroll-container .tile .image:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.media-browser .media-view .scroll-container .tile .image .select-item {
  color: #222222;
  padding: 15px 20px;
  font-size: 12px;
  background-color: #FFFFFF;
}
.media-browser .media-view .scroll-container .tile .image .delete-item {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.media-browser .media-view .scroll-container .tile .image .delete-item .close-icon {
  margin: auto;
  width: 16px;
  height: 16px;
}
.media-browser .media-view .scroll-container .tile .image .delete-item .close-icon svg {
  fill: white;
}
.media-browser .media-view .scroll-container .tile .image .delete-item:hover {
  background: #F84F5A;
  border: 1px solid rgba(129, 162, 178, 0.45);
  border-radius: 2px;
}
@keyframes pulseOpacity {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.8;
  }
}
.media-browser .media-view .scroll-end-indicator {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  height: 150px;
  fill: #76a2b0;
  color: #76a2b0;
}
.media-browser .media-view .scroll-end-indicator .fetching-indicator {
  width: 36px;
  height: 36px;
  animation: pulseOpacity 1s ease-in-out alternate infinite;
}
.media-browser .media-view .scroll-end-indicator .out-of-tiles {
  text-transform: uppercase;
  font-size: 15px;
}
.media-browser .media-view .scroll-end-indicator .out-of-tiles .icon {
  width: 20px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
.media-browser .media-view .scroll-end-indicator .error .icon {
  margin: 0 auto;
  width: 150px;
  height: 150px;
}
.media-browser .media-view .collections-view .image-title-group {
  margin-bottom: 15.5px;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
}
.media-browser .media-view .collections-view .image-title-group .image-title {
  color: #4E5962;
  padding-right: 5px;
}
.media-browser .media-view .collections-view .image-title-group .image-count {
  color: #637C95;
}
.media-browser .media-view .collections-view .tile-container {
  margin: 0 30px;
}
.media-browser .media-view .collections-view .tile {
  padding: 30px;
  height: calc(100vw / 4 - 30px);
}
.media-browser .media-view .videos-view .tile .image .select-item {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.media-browser .media-view .videos-view .tile .image:hover .select-item {
  opacity: 1;
}
.media-browser .media-view .videos-view .tile .image .loading-state {
  position: absolute;
  height: 100%;
  width: 100%;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.media-browser .media-view .videos-view .tile .image .loading-state.ng-enter {
  -webkit-animation: fadeIn 0.2s, X;
  -moz-animation: fadeIn 0.2s, X;
  -o-animation: fadeIn 0.2s, X;
  animation: fadeIn 0.2s, X;
  -webkit-animation: fadeIn 0.2s;
  -moz-animation: fadeIn 0.2s;
  -o-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
}
.media-browser .media-view .videos-view .tile .image .loading-state.ng-leave {
  -webkit-animation: fadeOut 0.2s, X;
  -moz-animation: fadeOut 0.2s, X;
  -o-animation: fadeOut 0.2s, X;
  animation: fadeOut 0.2s, X;
  -webkit-animation: fadeOut 0.2s;
  -moz-animation: fadeOut 0.2s;
  -o-animation: fadeOut 0.2s;
  animation: fadeOut 0.2s;
}
.media-browser .media-view .videos-view .tile .image .loading-state .label {
  text-transform: uppercase;
  font-weight: 300;
  font-family: "calibre-legacy", sans-serif;
  margin-bottom: 20px;
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 90%;
  letter-spacing: 0.1em;
}
.media-browser .media-view .youtube {
  background: #fff;
  width: 100%;
  height: 80vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.media-browser .media-view .youtube .content {
  max-width: 533.33px;
}
.media-browser .media-view .youtube .controls header {
  text-align: center;
}
.media-browser .media-view .youtube .url {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  border: 1px solid #e6e6e6;
}
.media-browser .media-view .youtube .url .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  color: #999999;
  background: #fafafa;
  border-right: 1px solid #ededed;
}
.media-browser .media-view .youtube .url input {
  font-weight: 400;
  font-size: 14px;
  border-radius: 2px;
  padding: 15px;
  width: 470px;
  min-width: 400px;
  height: 60px;
  background: #fff;
  border: none;
  outline: none;
  color: #708a97;
}
.media-browser .media-view .youtube .preview-content {
  margin-top: 10px;
}
.media-browser .media-view .youtube .preview-content.ng-enter {
  -webkit-animation: fadeInDown 0.7s ease, X;
  -moz-animation: fadeInDown 0.7s ease, X;
  -o-animation: fadeInDown 0.7s ease, X;
  animation: fadeInDown 0.7s ease, X;
  -webkit-animation: fadeInDown 0.7s ease;
  -moz-animation: fadeInDown 0.7s ease;
  -o-animation: fadeInDown 0.7s ease;
  animation: fadeInDown 0.7s ease;
}
.media-browser .media-view .youtube .preview-content .preview {
  background: #e7ecee;
  border: 1px solid #cfd8dc;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.media-browser .media-view .youtube .preview-content .button {
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 60px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  background: #fafbfc;
  border: 1px solid #e2e8ea;
  margin-top: 15px;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.media-browser .media-view .youtube .preview-content .button span {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #113c51;
}
.media-browser .media-view .youtube .preview-content .button:hover {
  background: #f5f7f8;
}
.media-browser .media-view .youtube .preview {
  height: 300px;
  width: 533.33px;
}
.overlay-stack-item.mediabrowser-close-button .close-overlay {
  top: 3px;
  right: 15px;
  width: 50px;
  height: 50px;
}
.overlay-stack-item.mediabrowser-close-button .icon {
  font-size: 34px;
  color: #81A2B2;
}
.overlay-stack-item.mediabrowser-close-button .text {
  display: none;
}
.overlay-stack-item.assetlibrary-close-button .close-overlay {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 24px;
  height: 24px;
}
.overlay-stack-item.assetlibrary-close-button .icon {
  font-size: 24px;
  color: #47535d;
}
.overlay-stack-item.assetlibrary-close-button .text {
  display: none;
}
.your-uploads {
  width: 100%;
}
.placeholder-block {
  /*
    @NOTE(mike, 2017-08-31) Unintuitively, you can't nest tags below a class in LESS.
    E.g. .placeholder { &h1 {} } translates to .placeholderh1 {}
  */
}
.placeholder-block .placeholder {
  background-color: #F3F5F6;
  height: 35px;
  margin-bottom: 25px;
  padding: 0;
}
.placeholder-block h1.placeholder {
  width: 43%;
  height: 60px;
  margin-bottom: 35px;
}
.placeholder-block h2.placeholder {
  width: 69%;
}
.placeholder-block.style-preview h1.placeholder {
  width: 75%;
}
.placeholder-block.style-preview h2.placeholder {
  width: 50%;
}
.placeholder-block.style-preview .placeholder {
  width: 100%;
  background: currentColor;
}
.placeholder-block.style-preview .placeholder:last-child {
  width: 31%;
}
.placeholder-block.style-preview:not(.splash-module) .large-8.columns {
  width: 43%;
}
.placeholder-block.style-preview:not(.splash-module) .block-spacer {
  padding-bottom: 100%;
}
.placeholder-block.style-preview.splash-module {
  position: absolute;
}
.placeholder-block.style-preview.splash-module .columns.large-centered {
  width: 100%;
}
.placeholder-block.style-preview.splash-module .fill-block {
  height: calc(85% - 36px);
}
.placeholder-block.style-preview.splash-module .block-spacer {
  padding: 0;
}
.placeholder-block.style-preview.splash-module .image-placeholder {
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.tax-item {
  padding: 5px;
  width: 100%;
}
.tax-item + .tax-item {
  border-top: 1px solid rgba(151, 151, 151, 0.1);
}
.tax-item .controls {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tax-item .controls input {
  height: 40px;
  line-height: 14px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-weight: 600;
  color: #4A4A4A;
  border-radius: 3px;
}
.tax-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tax-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.tax-item .controls input::placeholder {
  font-style: initial;
  opacity: 0.5;
}
.tax-item .controls .name,
.tax-item .controls .percent {
  width: 150px;
}
.tax-item .controls .name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 14px;
  color: rgba(74, 74, 74, 0.75);
  font-size: 12px;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.tax-item .controls .equals {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 25px;
  font-size: 13px;
  color: #4d4d4d;
}
.tax-item .controls .percent {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.tax-item .controls .percent .icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 10px;
  color: #808080;
  font-size: 17px;
  font-weight: bold;
}
.tax-item .controls .percent .number {
  width: 100%;
  padding-left: 10px;
  font-size: 14px;
  border: none;
  border-right: 1px solid rgba(224, 232, 236, 0.5);
}
.overlay-stack .overlay-content {
  margin: 20px auto;
  margin-top: 210px;
  border-bottom: none;
}
.overlay-stack .overlay-content header.overlay-header {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: none;
  height: auto;
  margin: 0 auto;
  margin-bottom: 15px;
}
.overlay-stack .overlay-content header.overlay-header img {
  width: 75px;
  height: 75px;
}
.overlay-stack .overlay-content header.overlay-header h3,
.overlay-stack .overlay-content header.overlay-header p {
  color: rgba(34, 34, 34, 0.7);
  text-align: center;
}
.overlay-stack .overlay-content header.overlay-header h3.title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.overlay-stack .overlay-content header.overlay-header p.description {
  font-size: 14px;
  line-height: 19px;
  opacity: 1;
}
.overlay-stack .overlay-content .list.main-content {
  width: 328px;
  position: relative;
}
.overlay-stack .overlay-content .list.main-content .list {
  margin-top: 45px;
}
.overlay-stack .overlay-content .list.main-content .old-create-button-divider {
  margin-top: 13px;
}
.overlay-stack .overlay-content .button-primary {
  display: block;
  width: 140px;
  margin: 55px auto 20px auto;
}
.discount-item {
  padding: 5px;
  width: 100%;
}
.discount-item + .discount-item {
  border-top: 1px solid rgba(151, 151, 151, 0.1);
}
.discount-item .controls {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.discount-item .controls input {
  height: 40px;
  line-height: 14px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-weight: 600;
  color: #4A4A4A;
  border-radius: 3px;
}
.discount-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.discount-item .controls input .style {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input:-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input::-moz-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input::-webkit-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input:-ms-input-placeholder {
  color: #808080;
  font-size: 12px;
  font-style: italic;
}
.discount-item .controls input::placeholder {
  font-style: initial;
  opacity: 0.5;
}
.discount-item .controls .name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 14px;
  color: rgba(74, 74, 74, 0.75);
  font-size: 12px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  width: 69%;
}
.discount-item .controls .equals {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 25px;
  font-size: 13px;
  color: #4d4d4d;
}
.discount-item .controls .discount-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 2px;
  height: 40px;
}
.discount-item .controls .discount-container .discount-units {
  border: none;
  background: none;
  font-size: 14px;
  padding-left: 9px;
  height: 100%;
  min-width: 0;
  -moz-appearance: textfield;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: 400;
}
.discount-item .controls .discount-container .discount-type-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 75px;
  flex-basis: 75px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 4px;
}
.discount-item .controls .discount-container .discount-type-container .discount-type {
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  cursor: pointer;
  font-weight: 600;
}
.discount-item .controls .discount-container .discount-type-container .discount-type:hover {
  color: #81a2b2;
  background: rgba(129, 162, 178, 0.05);
}
.discount-item .controls .discount-container .discount-type-container .discount-type.selected {
  color: #00857b;
}
.discount-item .controls .discount-container .discount-type-container .discount-type.percent {
  font-weight: 700;
}
.pdf-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  overflow: hidden;
}
.pdf-preview__setting-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 350px;
  padding-top: 75px;
  border-right: 1px solid rgba(129, 162, 178, 0.25);
}
.pdf-preview__setting-container-main {
  overflow-y: auto;
  padding: 24px;
  padding-top: 0;
}
.pdf-preview__options {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.pdf-preview__option-label {
  width: 180px;
  color: #242C39;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 24px;
}
.pdf-preview__exports-options-container {
  margin-top: 40px;
}
.pdf-preview__exports-options {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  flex-direction: column;
}
.pdf-preview__beta-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  color: #47535d;
}
.pdf-preview__preview-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(129, 162, 178, 0.1);
  position: relative;
  overflow-y: scroll;
}
.pdf-preview__spinner-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pdf-preview__preview-iframe-container {
  height: 100%;
}
.pdf-preview__preview-iframe-container--portrait {
  width: 73vh;
}
.pdf-preview__preview-iframe-container--landscape {
  width: 122vh;
}
.pdf-preview__preview-iframe {
  opacity: 0;
  display: block;
  margin-top: 10%;
  margin-bottom: calc(10% - 2em);
  -webkit-transition: opacity 0.3s ease, X;
  -moz-transition: opacity 0.3s ease, X;
  -o-transition: opacity 0.3s ease, X;
  transition: opacity 0.3s ease, X;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.pdf-preview__preview-iframe--show {
  width: 100%;
  opacity: 1;
}
.pdf-preview__download-section {
  margin-top: auto;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.pdf-preview__download-button {
  width: 100%;
  margin-top: 11px;
}
.pdf-overlay {
  width: 100%;
  height: 100vh;
}
.pdf-overlay__back-button {
  position: absolute;
  margin-top: 25px;
  margin-left: 1%;
}
.pdf-overlay__pdf-preview-container {
  height: 100%;
}
.previewer {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: relative;
}
.previewer__browser {
  border-radius: 10px;
  border: 2px solid rgba(129, 162, 178, 0.05);
  height: 100%;
  background-color: #FAFDFF;
}
.previewer__browser-content {
  margin: 36px 4px 4px 4px;
  border: 1px solid rgba(129, 162, 178, 0.1);
  border-radius: 0 0 10px 10px;
  height: calc(100% - 40px);
}
.previewer__browser iframe {
  width: 100%;
  height: 100%;
}
.previewer__browser--with-mobile {
  margin-right: 157.5px;
}
.previewer__mobile {
  border-radius: 25px;
  border: 2px solid rgba(129, 162, 178, 0.25);
  position: absolute;
  right: 0;
  top: calc(50% - 278px);
  background-color: #FAFDFF;
}
.previewer__mobile-content {
  margin: 57px 6px 65px 6px;
  border: 1px solid rgba(129, 162, 178, 0.1);
  height: 435px;
  width: 303px;
}
.previewer__mobile iframe {
  height: 100%;
}
.style-shortcut {
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
  width: 250px;
  background: white;
  border-radius: 4px;
  font-family: "calibre-legacy", sans-serif;
}
.style-shortcut__content {
  padding: 24px 24px 8px;
}
.style-shortcut__main {
  padding-top: 24px;
}
.style-shortcut__content--low-padding {
  padding: 8px 0 0 0;
}
.style-shortcut__content--low-padding .style-shortcut__main {
  padding: 8px 24px;
}
.style-shortcut__section {
  margin-bottom: 16px;
}
.style-shortcut__header {
  line-height: normal;
  font-size: 18px;
  color: #242C39;
  font-weight: 700;
  margin-bottom: 9px;
}
.style-shortcut__section-title {
  margin-bottom: 10px;
  text-align: left;
  color: #47535d;
  font-weight: 700;
}
.style-shortcut__footer {
  margin-top: 17px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.style-shortcut.style-shortcut--dark {
  background: #242c39;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.style-shortcut.style-shortcut--dark .style-shortcut__header {
  color: white;
}
.style-shortcut.style-shortcut--dark .style-shortcut__section-title {
  color: white;
}
.modal-container .modal.simple-modal {
  padding: 0;
}
.modal-container .modal.simple-modal .content,
.modal-container .modal.simple-modal .content > div {
  width: 100%;
}
.modal-container .modal.simple-modal .simple-modal__header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 24px 24px 0 24px;
  width: 100%;
}
.modal-container .modal.simple-modal .simple-modal__title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-bottom: 0;
}
.modal-container .modal.simple-modal .simple-modal__close {
  cursor: pointer;
  font-size: 20px;
  color: #81a2b2;
  margin: 0 3px 0 24px;
}
.upsell-tooltip__upgrade {
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.prompt-layout {
  text-align: left;
}
.prompt-layout__header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 8px;
}
.prompt-layout__heading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 0;
  padding-right: 8px;
}
.prompt-banner-root {
  position: relative;
  background: linear-gradient(90deg, #716bf1 25%, #42eeec 95%);
  padding: 2px;
  border-radius: 10px;
}
.prompt-banner__content-card {
  padding: 24px;
  background: linear-gradient(90deg, #f7f6ff 10%, #f5fbff 90%);
}
.prompt-banner-dismiss {
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 8px;
}
.prompt-banner-content {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto;
  gap: 8px 32px;
  justify-content: start;
}
.prompt-banner-content--mobile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0;
}
.prompt-banner-content__image {
  grid-row: span 3;
  align-self: center;
  gap: 16px;
}
.prompt-banner-content__heading,
.prompt-banner-content__subtitle {
  align-self: center;
}
.prompt-banner-content__button {
  align-self: center;
  padding: 1px;
  border-radius: 5px;
  width: fit-content;
}
.prompt-banner-content__button .button--secondary {
  box-shadow: unset;
}
.prompt-inline-root {
  margin-bottom: 16px;
}
.promptable {
  position: relative;
}
.asset-library-sidebar {
  padding: 24px 0;
  margin: 0 16px;
}
.asset-library-sidebar__logo {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 40px;
  height: 40px;
  align-items: center;
}
.asset-library-sidebar__logo-text {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #242c39;
  font-size: 14px;
  padding: 8px 16px;
}
.asset-library-sidebar__logo-icon svg {
  color: #ffce53;
}
.asset-library-sidebar__explore-folders-header {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81a2b2;
  font-size: 14px;
  margin-bottom: 16px;
}
.asset-library-sidebar__account-folders-header {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #81a2b2;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.asset-library-sidebar__folders-names .folder-component {
  margin-bottom: 8px;
}
.asset-library-sidebar__folders-add {
  margin-left: 8px;
}
.asset-library-sidebar__my-folders__action-menu {
  z-index: 891;
}
.asset-library-sidebar__custom-folders {
  margin: 24px 0;
}
.asset-library-sidebar__folder-tree {
  margin-left: -16px;
}
.image-card {
  position: relative;
  width: 25%;
}
@media (max-width: 1320px) {
  .image-card {
    width: calc(100% / 3);
  }
}
.image-card__overlay-top,
.image-card__overlay-center {
  -webkit-transition: opacity 200ms, -webkit-transform 200ms;
  -moz-transition: opacity 200ms, -moz-transform 200ms;
  -o-transition: opacity 200ms, -o-transform 200ms;
  transition: opacity 200ms,-webkit-transform 200ms,-moz-transform 200ms,-o-transform 200ms,transform 200ms;
  -webkit-transition: opacity 200ms, transform 200ms;
  -moz-transition: opacity 200ms, transform 200ms;
  -o-transition: opacity 200ms, transform 200ms;
  transition: opacity 200ms, transform 200ms;
  -ms-transform: translateY(8px);
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
}
.image-card__image {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  padding-top: calc(2 / 3 * 100%);
}
.image-card__image_loaded {
  transition: ease-in 400ms;
  opacity: 1;
}
.image-card__overlay {
  background: rgba(36, 44, 57, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 200ms, X;
  -moz-transition: opacity 200ms, X;
  -o-transition: opacity 200ms, X;
  transition: opacity 200ms, X;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.image-card__overlay--focused .image-card__overlay-center {
  cursor: default;
}
.image-card__overlay--focused .image-card__use-image {
  opacity: 0;
}
.image-card__overlay--focused .image-card__use-image .button--is-idle {
  cursor: default;
}
.image-card:not(:hover).image-card:not(:focus-within) .image-card__overlay--selected {
  opacity: 1;
}
.image-card:not(:hover).image-card:not(:focus-within) .image-card__overlay--selected .image-card__overlay-top,
.image-card:not(:hover).image-card:not(:focus-within) .image-card__overlay--selected .image-card__overlay-center {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.image-card:not(:hover).image-card:not(:focus-within) .image-card__overlay--selected .image-card__overlay-top {
  opacity: 1;
}
.image-card:not(:hover).image-card:not(:focus-within) .image-card__overlay--selected .image-card__buttons {
  opacity: 0;
}
.image-card:focus-within .image-card__overlay,
.image-card:hover .image-card__overlay,
.image-card__overlay--focused {
  opacity: 1;
}
.image-card:focus-within .image-card__overlay .image-card__overlay-top,
.image-card:hover .image-card__overlay .image-card__overlay-top,
.image-card__overlay--focused .image-card__overlay-top,
.image-card:focus-within .image-card__overlay .image-card__overlay-center,
.image-card:hover .image-card__overlay .image-card__overlay-center,
.image-card__overlay--focused .image-card__overlay-center {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.image-card__overlay-top {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 16px 16px 0 16px;
  width: 100%;
  background-color: transparent;
}
.image-card__checkbox-container {
  margin-right: 4px;
}
.image-card__checkbox-container > * {
  padding: 0;
}
.image-card__name-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.image-card__input {
  flex: 1 1 auto;
}
.image-card__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.image-card__use-image {
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  margin: auto;
  opacity: 1;
}
.image-card__overlay-center {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: white;
  cursor: pointer;
}
.unsplash-collection {
  width: 25%;
  padding: 0 24px 24px 0;
}
@media (max-width: 1320px) {
  .unsplash-collection {
    width: calc(100% / 3);
  }
}
.unsplash-collection__header {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: 1px;
}
.unsplash-collection__title {
  color: #47535d;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 4px;
}
.unsplash-collection__count {
  color: #81a2b2;
}
.unsplash-collection__image {
  opacity: 0;
  position: relative;
  width: 100%;
  background-position: center center;
  background-size: cover;
  padding-top: calc(2 / 3 * 100%);
}
.unsplash-collection__image_loaded {
  transition: ease-in 400ms;
  opacity: 1;
}
.unsplash-collection__overlay {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(36, 44, 57, 0.75);
  opacity: 0;
}
.unsplash-collection__overlay:hover,
.unsplash-collection__overlay:focus-within {
  opacity: 1;
}
.unsplash-collection__select-item {
  margin: auto;
}
.unsplash-collection__secondary-action {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.image-library-top-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 24px;
}
.image-library-top-actions__folder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-height: 40px;
}
.image-library-top-actions__folder-icon {
  color: #716bf1;
}
.image-library-top-actions__folder-name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 32px;
  color: #242c39;
  padding-left: 20px;
}
.image-library-top-actions__search-and-upload {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-right: 64px;
}
.image-library-top-actions__search {
  width: 240px;
  margin-right: 16px;
}
.image-library-top-actions__upload-input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
}
.image-library-top-actions__upload-input #file-upload-button {
  display: none;
}
.image-library-action-tray {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 24px 4px 0;
  min-height: 32px;
}
.image-library-asset-panel__image-grid,
.image-library-asset-panel__collection-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.image-library-asset-panel__image-grid {
  padding-right: 16px;
  padding-bottom: 16px;
}
.image-library-asset-panel__spinner,
.image-library-asset-panel__empty-state {
  margin-top: 40px;
}
.image-library-asset-panel__spinner {
  opacity: 1;
}
.image-library-asset-panel__spinner.inactive {
  opacity: 0;
}
.image-library-asset-panel__out-of-images {
  margin: 16px 0 24px;
  text-align: center;
}
.image-library-asset-panel__error-message {
  height: calc(100vh - 150px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.image-library-asset-panel__error-inner {
  margin-top: -40px;
}
.unsplash-error-message {
  color: #47535d;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.unsplash-error-message__icon {
  color: white;
  background-color: #D71939;
  border-radius: 22px;
  width: 44px;
  height: 44px;
  padding-top: 4px;
  padding-left: 4px;
}
.unsplash-error-message__header {
  padding-top: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
}
.unsplash-error-message__content {
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.asset-library-layout {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.asset-library-layout__sidebar {
  flex: 1 0 270px;
  max-width: 270px;
  border-right: 1px solid rgba(129, 162, 178, 0.25);
  overflow-y: auto;
}
.asset-library-layout__main-content {
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.asset-library-layout__asset-panel-wrapper {
  height: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.asset-library-layout__asset-panel {
  overflow-y: scroll;
  padding: 16px 0 0 16px;
  height: 100%;
}
.upgrade-button {
  height: 12px;
  min-width: 68px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  border-radius: 50px;
  text-align: center;
  text-transform: uppercase;
  padding: 3px 7px;
  display: inline;
  letter-spacing: 1px;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.upgrade-button--danger {
  color: #FF6D77;
  background-color: rgba(255, 109, 119, 0.1);
  cursor: pointer;
}
.upgrade-button--danger:hover {
  background-color: rgba(255, 109, 119, 0.3);
}
.upgrade-button--success {
  color: #00857b;
  background-color: rgba(0, 133, 123, 0.1);
  cursor: pointer;
}
.upgrade-button--success:hover {
  background-color: rgba(0, 133, 123, 0.3);
}
.link-preview-card {
  height: inherit;
}
.link-preview-card__background {
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.link-preview-card__overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: inherit;
  height: 100%;
  border-radius: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: none;
}
.link-preview-card__overlay--is-current {
  display: flex;
}
.create-page-flow-creating {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.create-page-flow-creating__subtitle {
  color: #81a2b2;
}
.create-page-flow-creating__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  animation: fadeInDown 0.3s ease;
}
.create-page-flow-creating__progress-bar {
  width: 200px;
}
.create-page-flow-preload {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.create-page-flow-preload__error {
  width: 300px;
}
.create-page-flow-integration-configuration {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: calc(100vw - 2 * 40px);
}
.create-page-flow-integration-configuration__error-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1;
}
.create-page-flow-integration-configuration__error-overlay-inner {
  max-width: 600px;
  padding: 72px;
  margin: auto;
}
.create-page-flow-integration-configuration__error-overlay-button {
  margin: auto;
}
.create-page-flow-integration-configuration__left-panel {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 70px;
  text-align: left;
}
.create-page-flow-integration-configuration__right-panel {
  width: 50%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: linear-gradient(39deg, #abdbfe 0%, #cdcbfb 100%);
}
.create-page-flow-integration-configuration__images {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.create-page-flow-integration-configuration__qwilr-logo {
  width: 200px;
  height: 200px;
}
.create-page-flow-integration-configuration__arrows {
  width: 80px;
  height: 80px;
}
.create-page-flow-integration-configuration__integration-logo {
  width: 180px;
  height: 180px;
}
.create-page-flow-object-selection {
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 24px;
}
.create-page-flow-object-selection__icon {
  width: 150px;
  height: 150px;
  margin-bottom: 8px;
  margin-top: -15px;
}
.create-page-flow-object-selection__input {
  width: 350px;
  margin-bottom: 24px;
}
.create-page-flow-object-selection__error {
  width: 350px;
  margin-bottom: 16px;
  text-align: left;
}
.create-page-flow-template-selection {
  padding: 16px 24px;
  padding-bottom: 24px;
}
.create-page-flow-template-selection__sort-filter-option-menu {
  z-index: 1052;
}
.create-page-flow-template-selection__error {
  margin-bottom: 16px;
  margin: 16px 24px;
  width: 300px;
  align-self: center;
}
.create-page-flow-template-selection__icon {
  width: 105px;
  height: 105px;
}
.create-page-flow-template-selection__heading {
  margin-bottom: 8px;
}
.create-page-flow-template-selection__emptyState {
  margin-top: 40px;
  padding: 0 16px;
  align-content: center;
  justify-content: center;
  width: 100%;
}
.create-page-flow-template-selection__search-and-sort-container {
  margin-top: 50px;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
}
.create-page-flow-template-selection__search-and-sort-container-search {
  width: 400px;
}
.create-page-flow-template-selection__search-and-sort-container-sort {
  display: flex;
}
.create-page-flow-template-selection__search-and-sort-container-sort .button--small {
  height: 40px !important;
}
.create-page-flow-template-selection__search-and-sort-container label {
  display: none;
}
.create-page-flow-template-selection__list-view {
  align-content: center;
  justify-content: center;
  margin: 8px 16px;
  border-radius: 3px;
}
.create-page-flow-template-selection__list-view-template-card {
  margin: 16px 24px;
  width: calc(100% - 48px);
  height: 80px;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  border-radius: 6px;
  background: linear-gradient(to right, #0cdcc9, #419ee6, #7467ff) border-box;
  border: 2px solid;
  border-color: #dee7ea;
  box-shadow: unset;
  transition: all 0.3s ease-in-out;
}
.create-page-flow-template-selection__list-view-template-card-wrapper {
  display: grid;
  grid-template-columns: 25px 1fr;
  grid-gap: 10px;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  padding: 2px 20px;
  background-color: #ffffff;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-details-left {
  padding-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 400px;
  overflow: hidden;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-details-left * {
  line-height: 24px;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-details-right {
  text-align: right;
  width: 150px;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-details .show-hide {
  max-height: 0;
  opacity: 0;
  transition: 0.5s max-height ease-in-out, 0.5s opacity ease-in-out;
  overflow: hidden;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-details .show-hide span,
.create-page-flow-template-selection__list-view-template-card-wrapper-details .show-hide {
  line-height: 20px;
  display: block;
  color: #81a2b2;
}
.create-page-flow-template-selection__list-view-template-card-wrapper-last-edited {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.create-page-flow-template-selection__list-view-template-card:hover {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06) !important;
  border-color: #ffffff00;
}
.create-page-flow-template-selection__list-view-template-card:hover .show-hide {
  max-height: 100px;
  opacity: 1;
  transition: 0.5s max-height ease-in-out, 0.5s opacity ease-in-out;
}
.create-page-flow-pre-bake {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  padding: 24px;
}
.create-page-flow-pre-bake__error {
  margin-bottom: 16px;
}
.create-page-flow-pre-bake__icon {
  width: 68px;
  height: 68px;
  margin-bottom: 24px;
}
.create-page-flow-pre-bake__title {
  width: 360px;
}
.create-page-flow-pre-bake__description {
  width: 360px;
}
.create-page-flow-pre-bake__form {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-flow: column;
  gap: 24px;
  text-align: left;
  margin-bottom: 24px;
  min-height: 330px;
  padding-top: 24px;
}
.create-page-flow-pre-bake__button-wrapper {
  margin-top: auto;
  margin-bottom: 16px;
}
.create-page-flow-pre-bake__create-page-button {
  flex-shrink: 0;
  transition: 0.5s margin-top ease;
}
.create-page-flow-pre-bake__create-page-button.margin-transition {
  margin-top: 24px;
  transition: 0.5s margin-top ease;
}
.create-page-flow-pre-bake__button {
  justify-content: left;
  background: white;
  text-transform: none;
  letter-spacing: initial;
}
.create-page-flow-pre-bake .tokens-dropdown__right {
  transition: transform 0.5s;
}
.create-page-flow-pre-bake .tokens-dropdown__down {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.create-page-flow-pre-bake .tokens-dropdown .button__content {
  justify-content: space-between;
  width: 100%;
  margin-left: -8px;
}
.create-page-flow-pre-bake__folder-button {
  position: relative;
}
.create-page-flow-pre-bake__folder-button .folder-dropdown {
  position: absolute;
  left: 50%;
  top: 15%;
  z-index: 1;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
}
.create-page-flow-pre-bake__folder-button-text {
  margin-left: 16px;
  font-size: 20px;
  font-weight: 500;
}
.create-page-flow-pre-bake__folder-icon {
  margin-left: -8px;
}
.create-page-flow-pre-bake__folder-icon-folder {
  transform: scale(1.2);
}
.create-page-flow-pre-bake__token-section {
  max-width: 600px;
  text-align: left;
}
.create-page-flow-pre-bake__tokens-wrapper {
  padding: 16px;
}
.create-page-flow-pre-bake__token-box {
  margin: 24px;
}
.create-page-flow-pre-bake__token-ul {
  margin: 4px 0 24px 0;
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 10px;
}
.create-page-flow-pre-bake__token-ul span {
  margin-left: -5px;
}
.create-page-flow-pre-bake__token-table {
  width: 100%;
  table-layout: fixed;
  border-radius: 5px;
  border-collapse: collapse;
  border: solid transparent;
  border-width: 9px 27px;
  word-break: break-word;
  background-color: #f4f7f8;
  overflow: hidden;
  outline: 1px solid rgba(129, 162, 178, 0.25);
  margin-bottom: 20px;
}
.create-page-flow-pre-bake__token-table tr {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.create-page-flow-pre-bake__token-table tr span {
  color: #47535d;
}
.create-page-flow-pre-bake__line-item-heading {
  padding: 12px 0px 8px;
  display: block;
}
.create-page-flow-pre-bake__token-table-header-cell {
  padding: 10px 0px 8px;
}
.create-page-flow-pre-bake__token-table-cell {
  padding: 6px 0;
  overflow: hidden;
}
.create-page-flow-token-form {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-items: center;
  padding: 24px;
}
.create-page-flow-token-form__heading {
  padding-right: 108px;
}
.create-page-flow-token-form__token-image {
  width: 170px;
  position: absolute;
  margin-top: -18px;
  margin-left: -35px;
}
.create-page-flow-token-form__form {
  width: 408px;
  text-align: left;
  overflow-y: auto;
  height: 310px;
  display: block;
}
.create-page-flow-token-form__form .form__spacer {
  margin-bottom: 32px;
}
.create-page-flow-token-form__button {
  margin-top: auto;
  margin-bottom: 16px;
}
.create-page-flow-success {
  height: 100%;
  padding: 40px;
  display: grid;
  grid-template-columns: minmax(auto, 350px) 1fr;
  grid-gap: 40px;
}
.create-page-flow-success__icon {
  margin-top: 12px;
}
.create-page-flow-success__heading {
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 30px auto;
  grid-gap: 23px;
}
.create-page-flow-success__return-to-crm {
  text-align: right;
  margin: -40px -24px 24px 0;
  opacity: 0.8;
}
.create-page-flow-success__left-panel {
  width: 100%;
}
.create-page-flow-success__right-panel {
  width: 100%;
  height: calc(100% - 24px);
  max-width: 900px;
  margin: 0 auto;
  padding: 24px 0 8px 0;
}
.create-page-flow-success__section {
  padding: 16px 0 24px 0;
  text-align: left;
}
.create-page-flow-success__section:first-of-type {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin-bottom: 40px;
}
.create-page-flow-success__prompt {
  margin-bottom: 16px;
  background: rgba(129, 162, 178, 0.05);
}
.create-page-flow-success__prompt-content {
  position: relative;
  padding: 16px;
}
.create-page-flow-success__prompt-close {
  position: absolute;
  top: 8px;
  right: 8px;
}
.create-page-flow-success__status {
  padding: 16px;
  background: rgba(129, 162, 178, 0.05);
}
.create-page-flow-success__status .status-row svg {
  margin-right: 0;
}
.create-page-flow-success__collaborator {
  display: inline-block;
}
.create-page-flow-success__frame {
  width: 100%;
  height: 100%;
  border: 0.5px solid rgba(129, 162, 178, 0.25);
  border-radius: 6px;
  background: #f2f5f7;
  box-shadow: 0 15px 25px rgba(129, 162, 178, 0.25);
}
.create-page-flow-expandable-text__action {
  margin: 8px 0;
  text-align: right;
}
.create-page-flow-bouncing-logo {
  width: 90px;
  height: 120px;
}
.create-page-flow-bouncing-logo-icon {
  margin-bottom: 8px;
  animation: bounce-up 0.75s ease-in-out infinite;
}
.create-page-flow-bouncing-logo-shadow {
  width: 100%;
  animation: 0.75s ease-in-out shadow-stretch infinite;
}
.create-page-flow-bouncing-logo-shadow lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes shadow-stretch{             0% {               -webkit-transform: scaleX(0.85);               opacity: 0.2;             }             50% {               -webkit-transform: scaleX(0.75);               opacity: 0.15;             }             100% {               -webkit-transform: scaleX(0.85);               opacity: 0.2;             }}
@-moz-keyframes shadow-stretch{             0% {               -moz-transform: scaleX(0.85);               opacity: 0.2;             }             50% {               -moz-transform: scaleX(0.75);               opacity: 0.15;             }             100% {               -moz-transform: scaleX(0.85);               opacity: 0.2;             }}
@-o-keyframes shadow-stretch{             0% {               -o-transform: scaleX(0.85);               opacity: 0.2;             }             50% {               -o-transform: scaleX(0.75);               opacity: 0.15;             }             100% {               -o-transform: scaleX(0.85);               opacity: 0.2;             }}
@keyframes shadow-stretch{             0% {-webkit-transform: scaleX(0.85);-moz-transform: scaleX(0.85);-ms-transform: scaleX(0.85);transform: scaleX(0.85);               opacity: 0.2;             }             50% {-webkit-transform: scaleX(0.75);-moz-transform: scaleX(0.75);-ms-transform: scaleX(0.75);transform: scaleX(0.75);               opacity: 0.15;             }             100% {-webkit-transform: scaleX(0.85);-moz-transform: scaleX(0.85);-ms-transform: scaleX(0.85);transform: scaleX(0.85);               opacity: 0.2;             };
}
.create-page-flow {
  overflow-y: auto;
  transition: 0.4s ALL 10ms;
  height: 100%;
  overflow-x: hidden;
}
.create-page-flow__navigation-container {
  position: relative;
  height: 100%;
}
.create-page-flow__navigation {
  height: 80px;
  padding: 24px;
}
.create-page-flow__main {
  height: 100%;
}
.create-page-flow__main--with-navigation {
  height: calc(100% - 80px);
}
.create-page-flow__current-step {
  height: 100%;
}
.create-page-flow__current-step--hidden {
  display: none;
}
.create-page-flow__loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.create-page-flow__loader--hidden {
  display: none;
}
.create-page-flow__spinner {
  margin: auto;
}
.create-page-flow__back-link {
  position: absolute;
  top: 16px;
  left: 16px;
}
.create-page-flow__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}
.create-page-flow .fade-enter {
  opacity: 0;
  z-index: 1;
}
.create-page-flow .fade-enter-done {
  height: 100%;
}
.create-page-flow .fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 500ms linear 400ms;
}
.create-page-flow .fade-exit {
  opacity: 0;
  z-index: 0;
}
.create-page-flow-modal .modal {
  width: calc(100% - 2 * 40px);
  max-width: none;
  height: calc(100% - 2 * 40px);
}
.create-page-flow-modal .modal .content,
.create-page-flow-modal .modal .content > div {
  height: 100%;
}
.status-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #47535d;
  margin: 0 0 8px;
}
.status-row > svg {
  padding-top: 2px;
  margin-right: -4px;
}
.status-row__status--draft svg {
  fill: rgba(129, 162, 178, 0.75);
}
.status-row__status--live svg {
  fill: #FFB961;
}
.status-row__status--accepted svg {
  fill: #00857b;
}
.status-row__status--declined svg {
  fill: #ff6161;
}
.status-row__status--blueprint svg {
  fill: #1099FC;
}
.share-setting-panel-header__action {
  margin-bottom: 16px;
  display: grid;
  align-items: center;
}
.share-setting-panel-header__action .button {
  grid-area: 1 / 1 / 1;
  justify-self: start;
}
.share-setting-panel-header__action-label {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  grid-area: 1 / 1 / 1;
  text-align: center;
}
.share-setting-panel-header__help {
  justify-self: end;
  grid-area: 1 / 1 / 1;
  margin: 8px;
}
.share-setting-panel-header__help--icon {
  color: #47535d;
}
.settings-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: none;
  margin-bottom: 16px;
}
.settings-section__icon {
  color: rgba(129, 162, 178, 0.5);
}
.settings-section__icon-wrapper {
  background-color: rgba(129, 162, 178, 0.1);
  border-radius: 8px;
  padding: 4%;
}
.settings-section__text {
  padding: 2px 4px;
}
.settings-section__text-title {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #47535d;
}
.settings-section__text-status {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(71, 83, 93, 0.5);
}
.kl-opt-in-lowercase-label .settings-section__text-status {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.settings-section__text-container {
  padding: 4px;
  width: 100%;
}
.settings-section__chevron-right {
  margin-right: 8px;
  color: #47535d;
  flex-shrink: 0;
}
.settings-section__disabled {
  color: rgba(71, 83, 93, 0.5);
}
.settings-section:disabled {
  cursor: not-allowed;
}
.icon-toggle {
  margin-right: 8px;
  color: #47535d;
}
.upgrade-tooltip {
  background: linear-gradient(90deg, #716bf1 25%, #42eeec 95%);
  padding: 1px;
  border-radius: 9px;
  max-width: 300px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
}
.upgrade-tooltip__target {
  width: fit-content;
  margin: 0 auto;
}
.upgrade-tooltip__content {
  width: 100%;
  background: linear-gradient(90deg, #f7f6ff 10%, #f5fbff 90%);
  border-radius: 8px;
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  text-transform: initial;
  white-space: initial;
  letter-spacing: initial;
}
.upgrade-tooltip .kl-tooltip__caret.kl-tooltip__caret--bottom {
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(90deg, #6A93F0, #5FA2EF) 1;
  border-bottom: 0px;
  border-right: 0px;
  background: linear-gradient(135deg, #F5F8FF, #F5F8FF);
}
.mobile-upgrade-modal .modal {
  background: linear-gradient(90deg, #716bf1 25%, #42eeec 95%);
  padding: 1px;
  border-radius: 9px;
}
.mobile-upgrade-modal .content {
  background: linear-gradient(90deg, #f7f6ff 10%, #f5fbff 90%);
  padding: 40px 24px;
  border-radius: 8px;
}
.mobile-upgrade-modal__header {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.new-feature-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.new-feature-indicator .kl-tooltip {
  position: absolute;
}
.new-feature-indicator .kl-tooltip--right {
  right: 0;
}
.new-feature-indicator .kl-tooltip--left {
  left: 0;
}
.new-feature-indicator .kl-tooltip--top {
  top: 0;
}
.new-feature-indicator .kl-tooltip--bottom {
  bottom: 0;
}
.new-feature-indicator .dismiss-button {
  margin: 0px auto 20px;
}
.gradient-caret {
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, #42EEEC, #42EEEC) 2;
  background: linear-gradient(135deg, #F5F8FF, #F5F8FF);
}
.gradient-border {
  border-radius: 4px;
  max-width: 300px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  min-height: auto;
  padding: 2px;
}
.gradient-border.kl-tooltip--top,
.gradient-border.kl-tooltip--left {
  background: linear-gradient(90deg, #716bf1 25%, #42eeec 95%);
}
.gradient-border.kl-tooltip--bottom,
.gradient-border.kl-tooltip--right {
  background: linear-gradient(90deg, #42eeec 25%, #716bf1 95%);
}
.gradient-border__content {
  width: 100%;
  background: linear-gradient(90deg, #f7f6ff 10%, #f5fbff 90%);
  border-radius: 2px;
  padding: 1px 8px;
}
.gradient-border .kl-tooltip__caret.kl-tooltip__caret--top {
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, #42EEEC, #42EEEC) 2;
  background: linear-gradient(135deg, #F5F8FF, #F5F8FF);
  border-image: linear-gradient(90deg, #6F7EF1, #65A5EF) 2;
  border-top: 0;
  border-left: 0;
}
.gradient-border .kl-tooltip__caret.kl-tooltip__caret--bottom {
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, #42EEEC, #42EEEC) 2;
  background: linear-gradient(135deg, #F5F8FF, #F5F8FF);
  border-image: linear-gradient(90deg, #55D2ED, #62B3EF) 2;
  border-bottom: 0;
  border-right: 0;
}
.gradient-border .kl-tooltip__caret.kl-tooltip__caret--right {
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, #42EEEC, #42EEEC) 2;
  background: linear-gradient(135deg, #F5F8FF, #F5F8FF);
  border-top: 0;
  border-right: 0;
}
.gradient-border .kl-tooltip__caret.kl-tooltip__caret--left {
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, #42EEEC, #42EEEC) 2;
  background: linear-gradient(135deg, #F5F8FF, #F5F8FF);
  border-left: 0;
  border-bottom: 0;
}
.gradient-border-container {
  background: linear-gradient(90deg, #716bf1 25%, #0bdac9 50%, #ffce53 75%, #ff6161 100%);
  padding: 1px;
  border-radius: 10px;
}
.gradient-border-container--brand {
  background: linear-gradient(90deg, #716bf1 25%, #42eeec 95%);
}
.gradient-border-container--brand-light {
  background: linear-gradient(90deg, #f7f6ff 10%, #f5fbff 90%);
}
.gradient-border-container--brand-reverse {
  background: linear-gradient(90deg, #42eeec 25%, #716bf1 95%);
}
.gradient-border-container--rainbow {
  background: linear-gradient(90deg, #716bf1 25%, #0bdac9 50%, #ffce53 75%, #ff6161 100%);
}
.gradient-border-container--round {
  border-radius: 50vw;
}
.gradient-border-container__content {
  background-color: #fff;
  border-radius: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.gradient-border-container__content--round {
  border-radius: 50vw;
}
.template-filter__filters {
  width: 300px;
}
.template-filter__filter_button {
  position: relative;
}
.template-filter__checkbox-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  margin: 16px 0 16px 0;
}
.template-filter__filter-count {
  position: absolute;
  top: -4px;
  right: -8px;
  background-color: #00857b;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 1.2;
}
.legacy-combobox {
  width: 100%;
}
.legacy-combobox__combo-holder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.legacy-combobox__combo {
  max-height: 240px;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  color: white;
}
@media (prefers-reduced-motion: no-preference) {
  .legacy-combobox__combo {
    transform: translate3d(0, -16px, 0);
    -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),-moz-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),-o-transform 400ms cubic-bezier(0.4, 0, 0.2, 1),transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.legacy-combobox__combo--entering,
.legacy-combobox__combo--entered {
  opacity: 1;
  transform: none;
}
.legacy-combobox__combo-content {
  padding: 8px;
  display: grid;
  grid-template-columns: 100%;
  gap: 4px;
  color: #47535d;
}
.legacy-combobox__combo-content--dark {
  color: white;
}
.legacy-combobox__entry {
  width: 100%;
  padding: 4px 8px;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: background 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.legacy-combobox__entry:hover {
  background: rgba(129, 162, 178, 0.15);
}
.legacy-combobox__entry--selected {
  background: rgba(129, 162, 178, 0.25);
}
.legacy-combobox__entry--light {
  color: #47535d;
}
.legacy-combobox__default-entry-label {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0;
  color: white;
}
.legacy-combobox__default-entry-label--light {
  color: #47535d;
}
.legacy-combobox__message {
  color: rgba(71, 83, 93, 0.8);
  padding: 4px 8px;
  text-align: center;
}
.legacy-combobox__combo-content--dark .legacy-combobox__message {
  color: rgba(255, 255, 255, 0.7);
}
.explainer {
  white-space: pre-wrap;
}
.displayed-tags {
  letter-spacing: 1px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  color: #81a2b2;
  max-height: 17px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
}
.displayed-tags--ghost {
  height: 14px;
  width: 75px;
}
.displayed-tags--no-tags {
  color: rgba(129, 162, 178, 0.5);
}
.displayed-tags--no-tags .displayed-tags__tag-img {
  fill: rgba(129, 162, 178, 0.5);
}
.displayed-tags__tag-img {
  margin-right: 4px;
  margin-left: -4px;
  fill: #81a2b2;
}
.project-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #343f52;
  width: 100%;
  height: 75px;
  padding-right: 16px;
  background: white;
  margin-bottom: 8px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
  -moz-transition: background 0.15s ease-out, -moz-box-shadow 0.15s ease-out;
  -webkit-transition: background 0.15s ease-out, box-shadow 0.15s ease-out;
  -moz-transition: background 0.15s ease-out, box-shadow 0.15s ease-out;
  -o-transition: background 0.15s ease-out, box-shadow 0.15s ease-out;
  transition: background 0.15s ease-out, box-shadow 0.15s ease-out;
  box-shadow: 0 0 0 0 rgba(129, 162, 178, 0.25);
}
@media screen and (max-width: 500px) {
  .project-list-item {
    flex-direction: column;
    padding: 16px;
    /**
     * @HACK(mbusby, 2019-10-23) We need to set an !important height here
     * as the item height is hardcoded and passed down for drag-to-select support.
     * Since drag-to-select is unlikely on mobile viewports, we should be okay
     * to override it there.
     */
    height: auto !important;
  }
}
.project-list-item--deleted {
  flex-direction: row;
}
@media screen and (max-width: 500px) {
  .project-list-item--deleted {
    align-items: baseline;
  }
}
.project-list-item--deleted .displayed-tags {
  margin-top: 5px;
}
.project-list-item--active:not(.project-list-item--selecting):not(.project-list-item--ghost) {
  box-shadow: 0px 16px 24px rgba(36, 44, 57, 0.1);
}
@media screen and (min-width: 501px) {
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__preview,
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__star,
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__primary-button,
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__view-children {
    display: block;
    -webkit-animation: invisible-slide-active, X;
    -moz-animation: invisible-slide-active, X;
    -o-animation: invisible-slide-active, X;
    animation: invisible-slide-active, X;
    -webkit-animation: invisible-slide-active;
    -moz-animation: invisible-slide-active;
    -o-animation: invisible-slide-active;
    animation: invisible-slide-active;
    -webkit-animation-duration: 150ms;
    -moz-animation-duration: 150ms;
    -o-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
    -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
    -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
    animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  }
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__preview,
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__star {
    display: flex;
  }
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__status,
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__views {
    -webkit-animation: visible-slide-active, X;
    -moz-animation: visible-slide-active, X;
    -o-animation: visible-slide-active, X;
    animation: visible-slide-active, X;
    -webkit-animation: visible-slide-active;
    -moz-animation: visible-slide-active;
    -o-animation: visible-slide-active;
    animation: visible-slide-active;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 150ms;
    -moz-animation-duration: 150ms;
    -o-animation-duration: 150ms;
    animation-duration: 150ms;
    -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
    -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
    -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
    animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  }
  .project-list-item--active:not(.project-list-item--minimal) .project-list-item__right-actions {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: fit-content;
  }
}
.project-list-item--selecting {
  background: #e7f5ff;
}
.project-list-item--selected {
  background: #c3e6fe;
  box-shadow: 0px 16px 24px rgba(36, 44, 57, 0.1);
}
.project-list-item--ghost {
  cursor: default;
  pointer-events: none;
}
.project-list-item--ghost .icon--ghost {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
.project-list-item--minimal .project-list-item__preview,
.project-list-item--minimal .project-list-item__analytics,
.project-list-item--minimal .project-list-item__options,
.project-list-item--minimal .button {
  display: none;
}
.project-list-item--minimal .button--icon-only {
  display: flex;
}
.project-list-item--minimal .project-list-item__star {
  display: flex;
}
.project-list-item.project-list-item--apply-animation.project-list-item--active .project-list-item__preview,
.project-list-item.project-list-item--apply-animation.project-list-item--active .project-list-item__analytics,
.project-list-item.project-list-item--apply-animation.project-list-item--active .project-list-item__options,
.project-list-item.project-list-item--apply-animation.project-list-item--active .button {
  -webkit-animation: invisible-translate-selected, X;
  -moz-animation: invisible-translate-selected, X;
  -o-animation: invisible-translate-selected, X;
  animation: invisible-translate-selected, X;
  -webkit-animation: invisible-translate-selected;
  -moz-animation: invisible-translate-selected;
  -o-animation: invisible-translate-selected;
  animation: invisible-translate-selected;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.project-list-item.project-list-item--apply-animation.project-list-item--active .project-list-item__star {
  -webkit-animation: star-translate-selected, X;
  -moz-animation: star-translate-selected, X;
  -o-animation: star-translate-selected, X;
  animation: star-translate-selected, X;
  -webkit-animation: star-translate-selected;
  -moz-animation: star-translate-selected;
  -o-animation: star-translate-selected;
  animation: star-translate-selected;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.project-list-item.project-list-item--apply-animation.project-list-item--active .project-list-item__status,
.project-list-item.project-list-item--apply-animation.project-list-item--active .project-list-item__views {
  -webkit-animation: visible-translate-selected, X;
  -moz-animation: visible-translate-selected, X;
  -o-animation: visible-translate-selected, X;
  animation: visible-translate-selected, X;
  -webkit-animation: visible-translate-selected;
  -moz-animation: visible-translate-selected;
  -o-animation: visible-translate-selected;
  animation: visible-translate-selected;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.project-list-item__left-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 16px;
  padding-left: 16px;
  overflow-x: hidden;
}
@media screen and (max-width: 500px) {
  .project-list-item__left-actions {
    max-width: initial;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 500px) {
  .project-list-item__checkbox {
    display: none;
  }
}
.project-list-item__tags-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.project-list-item__tags {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
  padding: 5px;
  margin-left: -5px;
  pointer-events: none;
}
.project-list-item:not(.project-list-item--minimal) .project-list-item__tags {
  border-radius: 3px;
  background: transparent;
  -webkit-transition: background 0.15s ease-out, X;
  -moz-transition: background 0.15s ease-out, X;
  -o-transition: background 0.15s ease-out, X;
  transition: background 0.15s ease-out, X;
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  -o-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
  pointer-events: initial;
}
.project-list-item:not(.project-list-item--minimal) .project-list-item__tags:hover {
  background: rgba(129, 162, 178, 0.25);
}
.project-list-item__right-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  width: fit-content;
}
.project-list-item__right-actions .pinned-actions {
  display: flex;
}
@media screen and (max-width: 500px) {
  .project-list-item__right-actions .pinned-actions {
    margin-left: auto;
  }
}
@media screen and (max-width: 500px) {
  .project-list-item__right-actions {
    justify-content: initial;
    width: 100%;
  }
}
.project-list-item__thumbnail {
  height: 50px;
}
.project-list-item__main-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.project-list-item__name {
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.project-list-item__status {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.project-list-item__status-text {
  margin-right: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  font-weight: 700;
}
.project-list-item__status-icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.project-list-item__status--accepted .project-list-item__status-icon-wrapper {
  margin-right: 0;
}
.project-list-item__status--accepted svg {
  fill: #00857b;
}
.project-list-item__status--declined svg {
  fill: #ff6161;
}
.project-list-item__status--draft svg {
  fill: rgba(129, 162, 178, 0.5);
}
.project-list-item__status--live svg,
.project-list-item__status--pending svg {
  fill: #FFB961;
}
.project-list-item__status--blueprint svg {
  fill: #1099FC;
}
.project-list-item__status--time-limit svg,
.project-list-item__status--view-limit svg,
.project-list-item__status--disabled svg {
  fill: #D71939;
}
.project-list-item__amount {
  margin-right: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
.project-list-item__views {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 8px;
  white-space: nowrap;
}
.project-list-item__preview {
  display: none;
}
.project-list-item__star {
  display: none;
}
.project-list-item__star--is-starred svg {
  fill: #ffce53;
}
.project-list-item__star--is-starred svg:hover {
  fill: #ffce53;
}
.project-list-item__options--ghost {
  width: 32px;
  color: #81a2b2;
}
.project-list-item__primary-button,
.project-list-item__view-children {
  display: none;
  margin-right: 8px;
}
.project-list-item__ghosted-buttons {
  height: 24px;
  width: 200px;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.project-list-item__action-menu {
  z-index: 701;
}
@media screen and (max-width: 500px) {
  .project-list-item__action-menu-item--only-desktop {
    display: none;
  }
}
@media screen and (min-width: 501px) {
  .project-list-item__action-menu-item--only-mobile {
    display: none;
  }
}
@keyframes invisible-slide-active {
  0% {
    -ms-transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    display: block;
    opacity: 1;
  }
}
@keyframes visible-slide-active {
  0% {
    -ms-transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes star-translate-selected {
  0% {
    -ms-transform: translateX(-76px);
    -webkit-transform: translateX(-76px);
    -moz-transform: translateX(-76px);
    -o-transform: translateX(-76px);
    transform: translateX(-76px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes invisible-translate-selected {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes visible-translate-selected {
  0% {
    -ms-transform: translateX(-206px);
    -webkit-transform: translateX(-206px);
    -moz-transform: translateX(-206px);
    -o-transform: translateX(-206px);
    transform: translateX(-206px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.project-layout--next-page__pagination {
  margin: 40px auto;
  padding: 8px;
}
.project-layout--next-page__pagination:hover {
  background-color: rgba(129, 162, 178, 0.25);
}
.project-layout__pagination {
  margin: 40px 0 16px;
}
.project-layout__arrow {
  position: absolute;
  right: 100px;
  top: 24px;
  width: calc(100% - 680px);
}
.project-layout .ghosts-staggered-transition-appear,
.project-layout .projects-staggered-transition-appear {
  -webkit-animation: project-list-item-transition, X;
  -moz-animation: project-list-item-transition, X;
  -o-animation: project-list-item-transition, X;
  animation: project-list-item-transition, X;
  -webkit-animation: project-list-item-transition;
  -moz-animation: project-list-item-transition;
  -o-animation: project-list-item-transition;
  animation: project-list-item-transition;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.project-layout .project-list-transition-leave {
  -webkit-animation: project-list-transition, X;
  -moz-animation: project-list-transition, X;
  -o-animation: project-list-transition, X;
  animation: project-list-transition, X;
  -webkit-animation: project-list-transition;
  -moz-animation: project-list-transition;
  -o-animation: project-list-transition;
  animation: project-list-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.project-layout--delete-alert {
  margin-bottom: 16px;
}
@keyframes project-list-item-transition {
  0% {
    opacity: 0;
    -ms-transform: translateY(24px);
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes project-list-transition {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sort-filter {
  position: relative;
}
.sort-filter .sort-filter__button {
  padding: 0 8px;
}
.sort-filter-option-menu {
  z-index: 700;
}
.dashboard-filter {
  position: relative;
}
.dashboard-filter__content {
  width: 300px;
}
.dashboard-filter__header {
  padding-bottom: 8px;
}
.dashboard-filter__header:not(:first-child) {
  padding-top: 24px;
}
.dashboard-filter .dashboard-filter__button {
  width: 100px;
  padding: 0 8px;
  margin-right: 8px;
}
.dashboard-filter .dashboard-filter__button .button__icon {
  margin-left: auto;
}
.dashboard-filter__checkboxes {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.dashboard-filter__checkboxes > * {
  width: 50%;
}
.dashboard-filter__off-center-checkboxes {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 8px;
}
.dashboard-filter__section:not(:last-child) {
  margin-bottom: 24px;
}
.dashboard-filter__sub-section:not(:last-child) {
  margin-bottom: 16px;
}
.user-filter__combobox {
  max-height: 226px;
}
.user-filter__empty-state {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0;
  padding-bottom: 4px;
}
.user-filter__entry {
  padding: 4px 0;
}
.user-filter__entry:hover {
  background: transparent;
}
.user-filter__selected-users {
  max-height: 95px;
  overflow: auto;
}
.user-filter__selected-users--overflow {
  box-shadow: inset 0 -3px 2px -2px rgba(129, 162, 178, 0.5);
}
.user-filter__selected-users .user-card {
  background-color: inherit;
  padding-left: 8px;
  padding-right: 16px;
}
.selectall-checkbox {
  padding: 5px 0;
  max-width: 400px;
}
.selectall-checkbox__click-field {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
}
.selectall-checkbox__box {
  position: relative;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  margin: 2px;
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1099FC;
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.selectall-checkbox__box:hover {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.5), 0 0 0 3px rgba(129, 162, 178, 0.25);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.selectall-checkbox__box--none {
  background-color: white;
}
.selectall-checkbox__box-actions--enter {
  opacity: 0;
  transform: scale(0.8);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
}
.selectall-checkbox__box-actions--enter-active {
  opacity: 1;
  transform: scale(1);
}
.selectall-checkbox__tick,
.selectall-checkbox__square {
  position: absolute;
  fill: white;
}
.dashboard-selectall {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
}
.dashboard-action-tray {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 0;
  min-height: 40px;
}
@media screen and (max-width: 500px) {
  .dashboard-action-tray__left,
  .dashboard-action-tray__checkbox-ghost {
    display: none;
  }
}
.dashboard-action-tray__right {
  position: relative;
  display: grid;
  justify-items: flex-end;
}
.dashboard-action-tray__right-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column: 1;
  grid-row: 1;
}
.dashboard-action-tray .right-actions__restore {
  margin-right: 17px;
}
.dashboard-action-tray .right-actions__action-icons > div {
  margin-left: 16px;
}
.dashboard-action-tray__checkbox-ghost {
  width: 100%;
  max-width: 125px;
  height: 14px;
  margin: 16px 8px 24px 16px;
}
.dashboard-action-tray__filter-ghost {
  width: 100%;
  max-width: 308px;
  height: 14px;
  margin: 16px 0 24px 0;
}
.dashboard-action-tray__right-actions-transition-enter.right-actions__selectors {
  -webkit-animation: right-selectors-transition, X;
  -moz-animation: right-selectors-transition, X;
  -o-animation: right-selectors-transition, X;
  animation: right-selectors-transition, X;
  -webkit-animation: right-selectors-transition;
  -moz-animation: right-selectors-transition;
  -o-animation: right-selectors-transition;
  animation: right-selectors-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-delay: 50ms;
  -moz-animation-delay: 50ms;
  -o-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.dashboard-action-tray__right-actions-transition-enter.right-actions__restore {
  -webkit-animation: right-action-icons-transition, X;
  -moz-animation: right-action-icons-transition, X;
  -o-animation: right-action-icons-transition, X;
  animation: right-action-icons-transition, X;
  -webkit-animation: right-action-icons-transition;
  -moz-animation: right-action-icons-transition;
  -o-animation: right-action-icons-transition;
  animation: right-action-icons-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-delay: 50ms;
  -moz-animation-delay: 50ms;
  -o-animation-delay: 50ms;
  animation-delay: 50ms;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.dashboard-action-tray__right-actions-transition-leave.right-actions__selectors {
  -webkit-animation: right-selectors-transition, X;
  -moz-animation: right-selectors-transition, X;
  -o-animation: right-selectors-transition, X;
  animation: right-selectors-transition, X;
  -webkit-animation: right-selectors-transition;
  -moz-animation: right-selectors-transition;
  -o-animation: right-selectors-transition;
  animation: right-selectors-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.dashboard-action-tray__right-actions-transition-leave.right-actions__action-icons,
.dashboard-action-tray__right-actions-transition-leave.right-actions__restore {
  -webkit-animation: right-action-icons-transition, X;
  -moz-animation: right-action-icons-transition, X;
  -o-animation: right-action-icons-transition, X;
  animation: right-action-icons-transition, X;
  -webkit-animation: right-action-icons-transition;
  -moz-animation: right-action-icons-transition;
  -o-animation: right-action-icons-transition;
  animation: right-action-icons-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.dashboard-action-tray .right-action-icons-transition-appear {
  -webkit-animation: right-action-icons-transition, X;
  -moz-animation: right-action-icons-transition, X;
  -o-animation: right-action-icons-transition, X;
  animation: right-action-icons-transition, X;
  -webkit-animation: right-action-icons-transition;
  -moz-animation: right-action-icons-transition;
  -o-animation: right-action-icons-transition;
  animation: right-action-icons-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes right-action-icons-transition {
  0% {
    transform: translateY(24px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes right-selectors-transition {
  0% {
    transform: translateY(-24px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.tag-modal-inner {
  text-align: left;
  width: 387px;
}
.tag-modal-inner__displayed-tags {
  overflow: hidden;
  white-space: nowrap;
  margin: 0 24px 16px 24px;
}
.tag-modal-inner__search {
  margin: 0 24px 16px 24px;
}
.tag-modal-inner__tag-name {
  overflow-wrap: anywhere;
}
.tag-modal-inner__tag {
  padding: 0 24px 0 24px;
  min-height: 55px;
  max-height: 500px;
  overflow: hidden;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.3;
  font-weight: lighter;
  cursor: pointer;
  background: transparent;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tag-modal-inner__tag:hover {
  background: rgba(129, 162, 178, 0.1);
}
.tag-modal-inner__tag:hover .tag-modal-inner__tick {
  display: none;
}
.tag-modal-inner__tag:hover .tag-modal-inner__remove-tag {
  display: block;
}
.tag-modal-inner__remove-tag {
  fill: #81a2b2;
  display: none;
  margin-right: -8px;
}
.tag-modal-inner__tick {
  fill: #00857b;
  flex-shrink: 0;
}
.tag-modal-inner__enter-message {
  padding: 16px 24px 24px 24px;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
  font-weight: lighter;
  text-align: center;
  color: rgba(71, 83, 93, 0.5);
}
.tag-modal-inner__tags {
  height: 312px;
  max-height: 312px;
  overflow-y: auto;
}
.drag-label {
  background: #1099FC;
  border-radius: 8px;
  padding: 12px 11px;
}
.drag-label__text {
  margin-left: 8px;
  color: white;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-weight: bold;
}
.drag-icon {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  padding: 8px 8px 6px 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.drag-icon__top-piece {
  background: white;
  width: 15px;
  height: 5px;
  margin-bottom: 2px;
}
.drag-icon__bottom-piece {
  background: white;
  width: 9px;
  height: 2px;
}
.dashboard-sidebar {
  width: 100%;
  min-width: 0;
  outline: none;
}
.dashboard-sidebar::-moz-focus-inner {
  border: 0;
}
.dashboard-sidebar--mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1);
  z-index: 701;
  transform: translate3d(-100%, 0, 0);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0;
  max-width: calc(100vw - 16px);
  width: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-sidebar--mobile {
    transition-property: opacity;
    opacity: 0;
    transform: none;
  }
}
.dashboard-sidebar--entering,
.dashboard-sidebar--entered {
  transform: none;
  opacity: 1;
}
.dashboard-sidebar--mobile .treebeard-container__content--loading {
  background: white;
}
.dashboard-sidebar__header {
  position: sticky;
  top: 0;
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(180deg, white, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0));
  z-index: 1;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.dashboard-sidebar__title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  margin: 0;
}
.dashboard-sidebar__label {
  margin-left: 24px;
  color: #81a2b2;
  margin-bottom: 16px;
}
.dashboard-sidebar__folder-tree-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.dashboard-sidebar__folder-tree-title {
  margin-right: 8px;
}
.dashboard-sidebar__my-folders {
  margin: 0 0 40px 0;
}
.dashboard-sidebar__my-folders__action-menu {
  z-index: 702;
}
.dashboard-sidebar__system-folder {
  height: 40px;
  margin: 0 0 8px 16px;
}
.dashboard-sidebar__item-name {
  color: #47535d;
}
.dashboard-sidebar__item-name--disable {
  color: #81a2b2;
}
.siderbar__mobile__submenu-items {
  display: flex;
  flex-direction: column;
  padding-left: 4px;
  gap: 16px;
}
.siderbar__mobile__submenu-items .button {
  justify-content: flex-start;
}
.siderbar__mobile__submenu-items .button__text {
  font-size: 18px;
  color: #242C39;
  text-transform: capitalize;
  font-weight: 600;
}
.siderbar__mobile__submenu-items .actived {
  color: #716bf1;
}
.siderbar__mobile__content {
  padding: 8px;
  padding-right: 24px;
}
.siderbar__mobile__menus {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.siderbar__mobile__menus__button {
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  background-color: transparent;
  width: 50%;
  text-align: left;
}
.siderbar__mobile__menus__button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.siderbar__mobile__menus__button:focus {
  outline-color: #1099FC;
}
.siderbar__mobile__menus__button:focus::after {
  outline-color: white;
}
.siderbar__mobile__menus__button:focus:not(:focus-visible),
.siderbar__mobile__menus__button:active {
  outline-color: transparent;
}
.siderbar__mobile__menus__button:focus:not(:focus-visible)::after,
.siderbar__mobile__menus__button:active::after {
  outline-color: transparent;
}
.siderbar__mobile__menus__button::-moz-focus-inner {
  border: 0;
}
.siderbar__mobile__menus__button .selected {
  color: #242C39;
}
.siderbar__mobile__menus__button .unselected {
  color: rgba(129, 162, 178, 0.5);
}
.dashboard-doc-uploader {
  margin: 20px 20px;
}
.dashboard-doc-uploader__explainer {
  max-width: 300px;
  margin: 20px auto;
  font-size: 18px;
}
.dashboard-doc-uploader__input-form {
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  background: #1099FC;
  position: relative;
  fill: white;
  padding: 10px;
  margin-top: 20px;
}
.dashboard-doc-uploader__input-form svg {
  margin-bottom: 10px;
}
.dashboard-doc-uploader__input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.dashboard-doc-uploader__upload-description {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  margin-bottom: 4px;
}
.kl-opt-in-lowercase-label .dashboard-doc-uploader__upload-description {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.dashboard-doc-uploader__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}
.dashboard-doc-uploader__button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dashboard-doc-uploader__selected-file-name {
  font-size: 14px;
  color: #242c39;
  margin-top: 10px;
}
.dashboard-doc-uploader__error-message {
  font-size: 18px;
  font-weight: bold;
  color: #D71939;
  margin-top: 10px;
}
.dashboard-share-resource-button-container {
  position: relative;
  z-index: 700;
}
.dashboard-share-resource-button-container > div {
  left: -175px;
  margin-top: 8px;
}
.folder-name-hover {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.5);
  box-sizing: border-box;
}
.dashboard-folder-name-title {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.dashboard-folder-name-title svg {
  fill: #716bf1;
  height: auto;
  flex-shrink: 0;
  margin-right: 4px;
}
@media screen and (max-width: 900px) {
  .dashboard-folder-name-title svg {
    width: 24px;
  }
}
.dashboard-folder-name-title__input {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  border-radius: 3px;
  margin: 0;
  color: #242c39;
  height: 40px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 4px;
  border: 1px solid transparent;
  transition: background-color 0.3s, border 0.3s;
  outline: none;
  -webkit-text-fill-color: #242c39;
  opacity: 1;
}
@media (max-width: 900px) {
  .dashboard-folder-name-title__input {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 16px;
    margin: 0;
  }
}
.dashboard-folder-name-title__input:hover {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.5);
  box-sizing: border-box;
}
.dashboard-folder-name-title__input:focus {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.5);
  box-sizing: border-box;
  border: 1px solid #81a2b2;
}
.dashboard-folder-name-title__input--show-border {
  background: white;
  border: 1px solid rgba(129, 162, 178, 0.5);
  box-sizing: border-box;
}
.dashboard-folder-name-title__input--disabled:hover {
  background: inherit;
  border: 1px solid transparent;
}
.saved-block-card {
  grid-area: 1 / 1;
  overflow: hidden;
}
.saved-block-card__outer {
  display: grid;
  grid-template-columns: 100%;
}
.saved-block-card__outer .card--clickable::before {
  pointer-events: none;
}
.saved-block-card--selected {
  background: rgba(16, 153, 252, 0.25);
}
.saved-block-card__inner {
  display: flex;
  align-items: center;
  margin: 16px;
  min-height: 40px;
  gap: 16px;
}
.saved-block-card__thumbnail {
  height: 180px;
  width: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}
.saved-block-card__thumbnail--loading {
  display: none;
}
.saved-block-card__placeholder {
  background: rgba(129, 162, 178, 0.05);
  height: 180px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.saved-block-card__placeholder-text {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
  opacity: 0.75;
  margin-top: 16px;
}
.kl-opt-in-lowercase-label .saved-block-card__placeholder-text {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
@keyframes block-card-placeholder {
  75%,
  100% {
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.saved-block-card__placeholder-image .block-0 {
  transform: translate3d(4px, 4px, 0);
}
.saved-block-card__placeholder-image .block-2 {
  transform: translate3d(-4px, -4px, 0);
}
.saved-block-card__placeholder-image .block-0,
.saved-block-card__placeholder-image .block-2 {
  animation: 1.6s block-card-placeholder infinite alternate;
}
@media (prefers-reduced-motion) {
  .saved-block-card__placeholder-image .block-0,
  .saved-block-card__placeholder-image .block-2 {
    animation: none;
    transform: none;
  }
}
.saved-block-card__metadata {
  width: 100%;
  display: flex;
  align-items: center;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .saved-block-card__metadata {
    transition: none;
  }
}
.saved-block-card__metadata--resized {
  width: calc(100% - 40px * 3);
}
.saved-block-card__metadata .saved-block-card__text {
  width: calc(100% - 48px - 16px);
}
.saved-block-card__metadata .saved-block-card__block-type {
  margin-right: 16px;
  width: 48px;
  height: 48px;
}
.saved-block-card__metadata .saved-block-card__block-type--ghost {
  height: 28px;
}
.saved-block-card__metadata .saved-block-card__locked {
  min-width: 24px;
  min-height: 24px;
  margin-right: 4px;
  color: rgba(129, 162, 178, 0.75);
}
.saved-block-card__metadata .saved-block-card__name-wrapper {
  width: calc(100% - 16px);
  display: flex;
  align-items: center;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 4px;
}
.saved-block-card__metadata .saved-block-card__name {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.saved-block-card__metadata .saved-block-card__name--ghost {
  width: 70%;
}
.saved-block-card__metadata .saved-block-card__last-edited {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.kl-opt-in-lowercase-label .saved-block-card__metadata .saved-block-card__last-edited {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.saved-block-card__metadata .saved-block-card__last-edited .ghost-block {
  width: 40%;
}
.saved-block-card__actions {
  grid-area: 1 / 1;
  align-self: center;
  justify-self: flex-end;
  margin-right: 16px;
  display: flex;
  transform: translateX(16px);
  transition-property: opacity, transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.saved-block-card__actions--enter-active,
.saved-block-card__actions--enter-done {
  transform: translateX(0);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .saved-block-card__actions {
    transition-property: opacity;
    transform: none;
  }
}
.saved-block-card__actions .saved-block-card__preview {
  color: #00857b;
}
.saved-block-card--hovered {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
}
.saved-block-card__outer--card .saved-block-card__text {
  width: 100%;
}
.saved-block-card__outer--card .saved-block-card__name-wrapper {
  width: 100%;
}
.saved-block-card__outer--card .saved-block-card__inner {
  margin: 8px 16px;
}
.saved-block-card__outer--card .saved-block-card__actions {
  margin-bottom: 10px;
  align-self: end;
}
.saved-block-more-actions-menu__overflow-actions {
  z-index: 501;
}
.dashboard-block-library {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.dashboard-block-library__main {
  width: 876px;
  padding-top: 80px;
}
.dashboard-block-library__controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 16px;
}
.dashboard-block-library__left-controls,
.dashboard-block-library__right-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-block-library__left-controls-icon {
  color: #1099FC;
}
.dashboard-block-library__left-controls-text {
  font-size: 32px;
  line-height: 38px;
  color: #242c39;
  padding-left: 16px;
}
.dashboard-block-library__sidebar-icon {
  color: #1099FC;
}
.dashboard-block-library__sidebar-text {
  line-height: 38px;
  color: #242c39;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .dashboard-block-library__search {
    width: 240px;
  }
}
.dashboard-block-library__option-menu {
  margin-left: 16px;
}
.dashboard-block-library__create-menu {
  z-index: 701;
}
.dashboard-block-library__action-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
}
.dashboard-block-library__action-row-inner {
  width: 100%;
}
.dashboard-block-library__system-folders {
  margin-top: 40px;
}
.dashboard-block-library__filters-and-sort {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dashboard-block-library__saved-block-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: -16px -8px;
  padding-bottom: 80px;
}
.dashboard-block-library__empty-block-list {
  width: 100%;
}
.dashboard-block-library__empty-block-list .empty-state__subtitle {
  width: 320px;
  text-align: center;
  margin-bottom: 0;
}
.dashboard-block-library__empty-search-result {
  width: 100%;
}
.dashboard-block-library__empty-block-list-arrow {
  position: absolute;
  right: 100px;
  top: 24px;
  width: calc(100% - 680px);
}
.dashboard-block-library__all-block-type-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 156px;
  margin-bottom: 16px;
}
.dashboard-block-library__block-type-icon {
  margin: 0 8px;
}
.dashboard-block-library__block-type-icon svg {
  width: 36px;
  height: 36px;
}
.dashboard-block-library__saved-block-item {
  flex: 0 0 50%;
  min-width: 0;
  height: 80px;
  padding: 0 8px;
  margin: 8px 0;
}
.dashboard-block-library .ghosts-staggered-transition-appear,
.dashboard-block-library .saved-blocks-staggered-transition-appear {
  -webkit-animation: project-list-item-transition, X;
  -moz-animation: project-list-item-transition, X;
  -o-animation: project-list-item-transition, X;
  animation: project-list-item-transition, X;
  -webkit-animation: project-list-item-transition;
  -moz-animation: project-list-item-transition;
  -o-animation: project-list-item-transition;
  animation: project-list-item-transition;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.dashboard-block-library .saved-blocks-list-transition-leave {
  -webkit-animation: saved-blocks-list-transition, X;
  -moz-animation: saved-blocks-list-transition, X;
  -o-animation: saved-blocks-list-transition, X;
  animation: saved-blocks-list-transition, X;
  -webkit-animation: saved-blocks-list-transition;
  -moz-animation: saved-blocks-list-transition;
  -o-animation: saved-blocks-list-transition;
  animation: saved-blocks-list-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.dashboard-block-library .ghost-block-items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@keyframes saved-blocks-list-item-transition {
  0% {
    opacity: 0;
    -ms-transform: translateY(24px);
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes saved-blocks-list-transition {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sharepopover-modal-container.modal-container .modal {
  width: 328px;
}
.sharepopover-modal-container.modal-container .modal .simple-modal__title {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
}
.sharepopover-modal {
  max-height: 80vh;
  overflow-y: auto;
  padding: 8px;
}
.template-management-dashboard__header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.template-management-dashboard__title {
  width: 200px;
}
.template-management-dashboard__search-input {
  width: 250px;
  margin: 0 8px 0 auto;
}
.template-management-dashboard__filter-sort-area {
  display: flex;
  justify-content: right;
  padding: 40px 0 16px 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin-bottom: 16px;
}
.template-management-dashboard__drag-label {
  position: fixed;
  top: -1000px;
}
.template-management-dashboard__template-list-wrapper {
  padding: 16px 0 40px 0;
}
.template-management-dashboard .inline-onboarding-panel {
  margin-bottom: 0px;
}
.template-preview-modal .modal {
  padding: 0;
  width: 100%;
  max-width: calc(100% - 2 * 40px);
  height: calc(100% - 2 * 40px);
  overflow: hidden;
}
.template-preview-modal .content,
.template-preview-modal .content > div {
  width: 100%;
  height: 100%;
}
.template-list-item {
  width: 100%;
  height: 75px;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  border-radius: 5px;
  background: linear-gradient(to right, #0cdcc9, #419ee6, #7467ff) border-box;
  border: 1px solid;
  border-color: #dee7ea;
  box-shadow: unset;
  transition: all 0.3s ease-in-out, border-width 0.1s;
}
.template-list-item__wrapper {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 10px;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  padding: 2px 20px;
  background-color: #ffffff;
}
.template-list-item__icon-placeholder {
  overflow: hidden;
}
.template-list-item__template-icon {
  width: 28px;
  color: #81a2b2;
}
.template-list-item__details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
}
.template-list-item__details-left {
  padding-left: 8px;
  min-width: 0;
  padding-right: 20px;
  height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.template-list-item__details-left__last-edited,
.template-list-item__details-left__template-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 400px;
  overflow: hidden;
  line-height: 24px;
}
.template-list-item__details-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.template-list-item__automation-icon {
  margin-left: 8px;
  margin-right: 4px;
}
.template-list-item__option-menu {
  width: 200px;
}
.template-list-item__cornerTick {
  position: absolute;
  border-radius: 50%;
  color: white;
  background: #716cf2;
  background: linear-gradient(90deg, #716cf2 0%, #43ebec 100%);
  top: -7px;
  right: -10px;
  padding: 3px;
}
.template-list-item .hide-on-hover {
  max-height: 100px;
  opacity: 1;
  transition: 0.3s max-height ease-in-out, 0.3s opacity ease-in-out;
}
.template-list-item .show-hide {
  max-height: 0;
  opacity: 0;
  transition: 0.3s max-height ease-in-out, 0.3s opacity ease-in-out;
  overflow: hidden;
  display: block;
  color: rgba(71, 83, 93, 0.8);
}
.template-list-item .show-hide.horizontal {
  max-width: 0;
  transition: 0.3s max-width ease-in-out, 0.3s opacity ease-in-out;
}
.template-list-item:hover,
.template-list-item--selected {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06) !important;
  border-color: #ffffff00;
}
.template-list-item:hover .show-hide,
.template-list-item--selected .show-hide {
  max-height: 100px;
  opacity: 1;
  transition: 0.3s max-height ease-in-out, 0.3s opacity ease-in-out;
  text-overflow: ellipsis;
}
.template-list-item:hover .show-hide.horizontal,
.template-list-item--selected .show-hide.horizontal {
  max-width: 100px;
  transition: 0.3s max-width ease-in-out, 0.3s opacity ease-in-out;
}
.template-list-item:hover .hide-on-hover,
.template-list-item--selected .hide-on-hover {
  max-height: 0;
  opacity: 0;
  transition: 0.1s max-height ease-in-out, 0.3s opacity ease-in-out;
  overflow: hidden;
}
.template-list-item--selected {
  border-width: 2px;
  border-radius: 6px;
}
.template-list-item--selected .template-list-item__wrapper {
  background-color: #FAFCFD;
}
.template-list-item__checkbox-visible div.show-hide {
  max-height: 100px;
  opacity: 1;
}
.template-list-item__checkbox-visible .kl-icon.hide-on-hover {
  max-height: 0;
  opacity: 0;
}
.template-list {
  display: grid;
  grid-gap: 10px;
}
.template-list__empty-state-arrow {
  position: absolute;
  right: 100px;
  top: 24px;
  max-width: 120px;
  width: 15%;
}
.template-list .template-list-transition-leave {
  -webkit-animation: template-list-transition, X;
  -moz-animation: template-list-transition, X;
  -o-animation: template-list-transition, X;
  animation: template-list-transition, X;
  -webkit-animation: template-list-transition;
  -moz-animation: template-list-transition;
  -o-animation: template-list-transition;
  animation: template-list-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.template-list .ghosts-staggered-transition-appear,
.template-list .template-staggered-transition-appear {
  -webkit-animation: template-list-item-transition, X;
  -moz-animation: template-list-item-transition, X;
  -o-animation: template-list-item-transition, X;
  animation: template-list-item-transition, X;
  -webkit-animation: template-list-item-transition;
  -moz-animation: template-list-item-transition;
  -o-animation: template-list-item-transition;
  animation: template-list-item-transition;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
@keyframes template-list-item-transition {
  0% {
    opacity: 0;
    -ms-transform: translateY(24px);
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes template-list-transition {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.crm-pill {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 4px 5px;
  width: fit-content;
  margin-right: 8px;
  border-radius: 7px;
}
.crm-pill .icon {
  margin: 0px 5px;
}
.crm-pill__object {
  border-right: 1px solid rgba(129, 162, 178, 0.25);
  color: #81a2b2;
  padding: 0px 8px;
  line-height: 20px;
  text-transform: capitalize;
}
.template-preview {
  height: 100%;
}
.template-preview__nav {
  max-height: 72px;
  display: flex;
  justify-content: space-between;
}
.template-preview__nav-left {
  display: flex;
  flex-direction: column;
  text-align: left;
  height: 72px;
  justify-content: center;
  padding-left: 30px;
}
.template-preview__nav-right {
  display: flex;
  height: 72px;
  align-items: center;
  padding: 0px 16px;
  gap: 12px;
}
.template-preview__action-button {
  padding: 0 20px;
}
.template-preview__body {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 450px);
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.template-preview__body-frame {
  border-radius: 0px;
  height: calc(100% - 72px);
  width: 100%;
}
.template-preview__sidebar {
  padding: 10px 40px;
  border-left: 1px solid rgba(129, 162, 178, 0.25);
}
.template-preview__sidebar-panel {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px;
}
.template-preview__sidebar-panel--createdby {
  display: block;
  text-align: left;
}
.template-preview__user {
  display: flex;
  padding: 10px 0px;
}
.template-preview__user-avatar {
  margin-right: 12px;
}
.template-preview__user-details {
  display: flex;
  flex-direction: column;
}
.template-preview__crm-pill {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 4px 5px;
  width: fit-content;
  border-radius: 7px;
}
.template-preview__crm-pill .icon {
  margin: 0px 5px;
}
.template-preview__crm-pill__object {
  border-right: 1px solid rgba(129, 162, 178, 0.25);
  color: #81a2b2;
  padding: 0px 8px;
  line-height: 20px;
  text-transform: capitalize;
}
.template-archived-confirmation-modal {
  padding: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.template-archived-confirmation-modal__title {
  color: #242c39;
  font-size: 42px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 24px;
}
.template-archived-confirmation-modal__explainer {
  color: #47535d;
  line-height: 24px;
}
.template-archived-confirmation-modal__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
}
.template-archived-confirmation-modal__confirm-btn,
.template-archived-confirmation-modal__cancel-btn {
  width: 180px;
}
.template-archived-confirmation-modal__checklist {
  width: 100%;
  margin: 24px 0;
}
.template-archived-confirmation-modal__checklist-item {
  display: flex;
  align-items: center;
  background: #f0f4f9;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 0px 8px;
}
.template-archived-confirmation-modal__checklist-item--icon {
  color: #8790a6;
  padding: 8px;
}
.dashboard {
  background: #f9fafb;
  margin: 0 auto;
  position: relative;
  top: 20px;
  width: 100%;
  height: calc(100vh - 80px);
  overflow-y: auto;
  overflow-x: hidden;
}
.dashboard--loading {
  overflow-y: hidden;
}
.dashboard__container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.dashboard__onboarding-banner {
  margin-bottom: -40px;
}
.dashboard__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100vw;
  padding: 0 24px;
}
@media screen and (max-width: 900px) {
  .dashboard__content {
    padding: 24px 16px 0 16px;
  }
}
@media screen and (max-width: 500px) {
  .dashboard__content {
    padding: 4px 16px;
  }
}
.dashboard__sidebar {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 80px 0 0 0;
  max-width: 280px;
  width: 100%;
  z-index: 699;
}
.dashboard__sidebar-container {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  bottom: 0;
  padding-top: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  max-height: calc(100vh -  80px * 2);
  display: grid;
  padding-right: 32px;
}
.dashboard__sidebar-container::before {
  content: '';
  position: sticky;
  top: -24px;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(0deg, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
  margin-top: -50px;
}
.dashboard__sidebar-container--scrolled::before {
  opacity: 1;
}
.dashboard__main {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  min-width: 0;
  max-width: 920px;
  padding: 80px 0 80px 16px;
}
@media (max-width: 900px) {
  .dashboard__main {
    padding: 40px 0;
  }
}
.dashboard .simple-dropdown {
  width: 200px;
}
.dashboard .simple-dropdown__trigger {
  border-color: transparent;
}
.dashboard .simple-dropdown__trigger--toggled {
  background-color: rgba(129, 162, 178, 0.1);
}
.dashboard .simple-dropdown__dropdown {
  z-index: 701;
}
.dashboard__top-controls {
  max-width: 100%;
  min-height: 42px;
}
.dashboard__top-buttons > * {
  margin-left: 8px;
}
.dashboard__top-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dashboard__top-dropdown {
  max-width: 100%;
  min-width: 0;
}
.dashboard__create-menu {
  z-index: 701;
}
.dashboard__dragger {
  position: absolute;
  background: rgba(16, 153, 252, 0.25);
  border: 1px solid rgba(16, 153, 252, 0.5);
  z-index: 700;
}
.dashboard__drag-label {
  position: absolute;
  top: -1000px;
}
.dashboard__action-row-inner {
  position: relative;
}
.dashboard__back {
  margin-top: -32px;
  display: flex;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  cursor: pointer;
}
.dashboard__back svg {
  margin-right: 10px;
  fill: rgba(129, 162, 178, 0.5);
}
.dashboard__heading {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.dashboard__heading svg {
  fill: #716bf1;
  height: 50px;
}
.dashboard__heading--with-quote::after {
  content: '”';
}
.dashboard .top-buttons-transition-enter {
  -webkit-animation: top-buttons-transition, X;
  -moz-animation: top-buttons-transition, X;
  -o-animation: top-buttons-transition, X;
  animation: top-buttons-transition, X;
  -webkit-animation: top-buttons-transition;
  -moz-animation: top-buttons-transition;
  -o-animation: top-buttons-transition;
  animation: top-buttons-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.dashboard .top-buttons-transition-leave {
  -webkit-animation: top-buttons-transition, X;
  -moz-animation: top-buttons-transition, X;
  -o-animation: top-buttons-transition, X;
  animation: top-buttons-transition, X;
  -webkit-animation: top-buttons-transition;
  -moz-animation: top-buttons-transition;
  -o-animation: top-buttons-transition;
  animation: top-buttons-transition;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}
@keyframes top-buttons-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dashboard .action-tray-transition-enter {
  -webkit-animation: action-bar-transition, X;
  -moz-animation: action-bar-transition, X;
  -o-animation: action-bar-transition, X;
  animation: action-bar-transition, X;
  -webkit-animation: action-bar-transition;
  -moz-animation: action-bar-transition;
  -o-animation: action-bar-transition;
  animation: action-bar-transition;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
.dashboard .action-tray-transition-leave {
  -webkit-animation: action-tray-transition, X;
  -moz-animation: action-tray-transition, X;
  -o-animation: action-tray-transition, X;
  animation: action-tray-transition, X;
  -webkit-animation: action-tray-transition;
  -moz-animation: action-tray-transition;
  -o-animation: action-tray-transition;
  animation: action-tray-transition;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes action-tray-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-sticky-action-row {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 24px 0 40px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.dashboard-sticky-action-row::before {
  content: '';
  position: absolute;
  top: 0;
  right: -40px;
  bottom: 0;
  left: -40px;
  background-color: #f9fafb;
  pointer-events: none;
}
.configuration-setting .option-group {
  padding: 0 5px;
}
.configuration-setting .option-group .title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  margin: 20px 0 7px;
}
.configuration-setting .option-group .option {
  padding: 2px 0;
}
.taxes-setting .edit-taxes-button {
  background-image: url("/Assets/icons/Taxes.svg");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 5px center;
  margin: 15px auto 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 10px;
  padding-left: 40px;
}
.taxes-setting .edit-taxes-button img {
  width: 30px;
  margin-right: 7px;
}
.taxes-setting .tax-id {
  color: #8c8c8c;
  font-size: 11px;
  margin-left: 5px;
}
.custom-labels-setting .option {
  margin: 12px 0;
}
.custom-labels-setting .option .name {
  margin-bottom: 4px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  color: #666666;
}
.currency {
  width: 480px;
}
.currency .currency-header {
  text-align: center;
  margin: 40px 0 20px;
}
.currency .currency-header .title {
  font-size: 20px;
  font-weight: 300;
}
.currency .filter {
  padding-left: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f2f2f2;
}
.currency .filter .icon {
  font-size: 150%;
  color: #cccccc;
}
.currency .filter input {
  height: 45px;
  line-height: 45px;
  border: none;
  font-weight: 400;
  color: #333333;
  padding-left: 10px;
}
.currency .filter .placeholder-styles {
  font-size: 70% !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.currency .filter ::-webkit-input-placeholder {
  font-size: 70% !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.currency .filter :-moz-placeholder {
  /* Firefox 18- */
  font-size: 70% !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.currency .filter ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 70% !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.currency .filter :-ms-input-placeholder {
  font-size: 70% !important;
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.currency .list {
  padding: 120px 0 30px;
}
.currency .list .currency {
  padding: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #f5f5f5;
  margin: -1px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.currency .list .currency .flag {
  line-height: 0;
  padding: 10px;
}
.currency .list .currency .flag img {
  width: 60px;
  height: 45px;
}
.currency .list .currency .text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0;
  border-top: none;
}
.currency .list .currency .text .symbol {
  text-align: center;
  padding: 10px 12px 10px 0;
  font-weight: 400;
  font-size: 18px;
  width: 80px;
}
.currency .list .currency .text .name {
  font-size: 13px;
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.currency .list .currency:not(.active) {
  opacity: 0.4;
}
.currency .list .currency:hover {
  opacity: 1;
}
.new-rates-panel {
  margin: 20px auto;
  width: 550px;
}
.new-rates-panel .overlay-header {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: none;
  height: auto;
  margin: 0 auto;
}
.new-rates-panel .overlay-header img {
  width: 80px;
}
.new-rates-panel .rates-list {
  margin-top: 30px;
}
.new-rates-panel .rates-list .rate {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 17px 0;
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
}
.new-rates-panel .rates-list .rate.last {
  border-bottom: none;
}
.new-rates-panel .rates-list .rate .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #1099FC;
  padding: 0;
}
.new-rates-panel .rates-list .rate .controls {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}
.new-rates-panel .rates-list .rate .controls input {
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 12px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.new-rates-panel .rates-list .rate .controls .name {
  width: 55%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.new-rates-panel .rates-list .rate .controls .name input {
  padding-left: 12px;
}
.new-rates-panel .rates-list .rate .controls .equals {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 20px;
  font-size: 13px;
  color: #4d4d4d;
}
.new-rates-panel .rates-list .rate .controls .rate-info {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
}
.new-rates-panel .rates-list .rate .controls .rate-info .units {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.new-rates-panel .rates-list .rate .controls .rate-info .units .currency-symbol {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #f7f7f7;
  min-width: 40px;
  color: #808080;
}
.new-rates-panel .rates-list .rate .controls .rate-info .units .number {
  min-width: 60px;
  font-size: 12px;
  text-align: center;
  padding-left: 0;
}
.new-rates-panel .rates-list .rate .controls .rate-info .per {
  text-transform: uppercase;
  font-size: 9px;
  color: #999999;
  margin: 0 12px;
}
.new-rates-panel .rates-list .rate .controls .rate-info .unit {
  font-size: 11px;
  min-width: 80px;
}
.new-rates-panel .rates-list .icon-cross,
.new-rates-panel .rates-list select.unit {
  cursor: pointer;
}
.new-rates-panel .actions {
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.new-rates-panel .actions .new-rate {
  border-radius: 0;
  border-color: rgba(0, 133, 123, 0.5);
  width: 120px;
  height: 40px;
  font-size: 12px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  margin: 0 auto;
  text-transform: uppercase;
}
.interim-quote-settings {
  margin: 25px auto;
  margin-bottom: 50px;
  max-width: 700px;
  border: 1px solid #f2f2f2;
}
.interim-quote-settings ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 0;
}
.interim-quote-settings ul li.item {
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.interim-quote-settings ul li.item .icon {
  margin-right: 8px;
  font-size: 25px;
  color: #666666;
}
.interim-quote-settings ul li.item .name {
  color: #666666;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 10px;
}
.interim-quote-settings .dropdown-panel.open {
  padding: 15px;
  border-top: 1px solid #f7f7f7;
  background: #fbfbfb;
}
.interim-quote-settings .taxes-setting {
  text-align: center;
}
.interim-quote-settings button.edit-taxes {
  padding-left: 40px;
}
.interim-quote-settings .custom-labels-setting {
  max-width: 300px;
  margin: 0 auto;
}
.qwilr-quote .custom-form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote .custom-form .toggle-switch {
  margin-bottom: 20px;
}
.qwilr-quote .custom-form .explainer {
  text-align: center;
  font-size: 85%;
  max-width: 300px;
  font-family: "calibre-legacy", sans-serif;
  color: #808080;
  margin: 15px 0;
}
.qwilr-quote .custom-form .dropdown {
  position: relative;
  border: 1px solid #ebebeb;
  cursor: pointer;
}
.qwilr-quote .custom-form .dropdown select {
  cursor: pointer;
  border: none;
  padding-right: 50px;
  border-radius: 0;
  background: none;
}
.qwilr-quote .custom-form .dropdown .icon {
  position: absolute;
  top: 12px;
  right: 7px;
}
.qwilr-quote .custom-form .dropdown-wrapper {
  margin-bottom: 20px;
}
.qwilr-quote .custom-form .form-editor-button {
  margin: 0 auto;
  width: 210px;
}
.qwilr-quote .pay-now-options {
  text-align: center;
}
.qwilr-quote .pay-now-options p.info {
  font-weight: 300;
  font-size: 90%;
  color: #808080;
  margin: 0 auto 15px;
  line-height: 1.5;
}
.qwilr-quote .pay-now-options label {
  text-align: left;
  color: #333;
}
.qwilr-quote .pay-now-options label .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 8px 0;
}
.qwilr-quote .pay-now-options label .subtitle {
  font-size: 11px;
  color: #808080;
  margin: 8px 0;
  text-transform: none;
}
.qwilr-quote .pay-now-options .deposit-amount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .pay-now-options .deposit-amount input {
  width: 80px;
  text-align: center;
  padding: 0;
  font-weight: 600;
  font-size: 150%;
}
.qwilr-quote .pay-now-options .deposit-amount .percent {
  padding: 10px;
  background: #f2f2f2;
  font-size: 150%;
  font-weight: 600;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #999999;
}
.qwilr-quote .pipedrive-settings .select-deal {
  padding-top: 20px;
  display: flex;
  align-items: flex-end;
}
.qwilr-quote .pipedrive-settings .deal {
  width: 50%;
}
.qwilr-quote .pipedrive-settings .stage {
  width: 50%;
}
.qwilr-quote .pipedrive-settings .deals header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0px;
}
.qwilr-quote .new-accept-settings {
  border: 1px solid #f0f0f0;
  margin-top: 90px;
  padding: 30px 0;
}
.qwilr-quote .new-accept-settings .custom-button-text {
  position: relative;
  padding: 20px 0;
}
.qwilr-quote .new-accept-settings .custom-button-text .item {
  max-width: 400px;
  margin: 20px auto;
}
.qwilr-quote .new-accept-settings .custom-button-text input {
  height: 50px;
  line-height: 50px;
  font-size: 90%;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #4d4d4d;
}
.qwilr-quote .new-accept-settings .custom-button-text textarea {
  min-height: 64px;
  font-size: 14px;
  resize: none;
}
.qwilr-quote .new-accept-settings .contain {
  max-width: 600px;
  margin: 0 auto;
}
.qwilr-quote .new-accept-settings .toggle {
  text-align: center;
  padding: 40px;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .new-accept-settings .feature-banner {
  padding: 30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  width: 300px;
  margin: 0 auto;
  font-size: 120%;
  background: #00857b;
  color: #fff;
  border: 1px solid #00857b;
  cursor: pointer;
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .new-accept-settings .feature-banner .icon {
  margin-right: 15px;
}
.qwilr-quote .new-accept-settings .feature-banner.active {
  width: 170px;
  margin: 30px auto;
  padding: 15px;
  font-size: 12px;
  background: #f9f9f9;
  border: 1px solid #ededed;
  color: #808080;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
}
.qwilr-quote .new-accept-settings .feature-banner.active:hover {
  background: #e6e6e6;
}
.qwilr-quote .new-accept-settings .feature-banner:hover {
  background: #006c63;
}
.qwilr-quote .new-accept-settings .controls {
  margin-top: 30px;
}
.qwilr-quote .new-accept-settings .controls .accept-title {
  padding: 10px 20px;
  border-bottom: 1px solid #ededed;
  background: #fff;
  font-family: "calibre-legacy", sans-serif;
}
.qwilr-quote .new-accept-settings .controls .accept-title .header-title {
  font-weight: 600;
  font-size: 16px;
}
.qwilr-quote .new-accept-settings .controls .accept-title .explainer {
  margin: 10px 0 0;
}
.qwilr-quote .new-accept-settings .controls .accept-title .explainer,
.qwilr-quote .new-accept-settings .controls .accept-title .integration-marketer {
  color: #666666;
  font-size: 13px;
  font-weight: 400;
  padding-bottom: 5px;
}
.qwilr-quote .new-accept-settings .controls .accept-title .contextual-help {
  font-size: 80%;
  font-weight: 300;
  padding-top: 0;
}
.qwilr-quote .new-accept-settings .controls .option .option-wrapper {
  padding: 30px;
  border-bottom: 1px solid #f5f5f5;
}
.qwilr-quote .new-accept-settings .controls .option .option-wrapper.no-controls {
  padding: 0;
  border: none;
}
.qwilr-quote .new-accept-settings .controls .option .option-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 20px 0;
  height: 115px;
}
.qwilr-quote .new-accept-settings .controls .option .option-header .option-icon {
  width: 90px;
}
.qwilr-quote .new-accept-settings .controls .option .option-header .copy .option-title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  color: #4d4d4d;
  letter-spacing: 0.01em;
  margin: 10px 0;
  font-size: 16px;
}
.qwilr-quote .new-accept-settings .controls .option .option-header .copy .description {
  color: #808080;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2;
}
.qwilr-quote .new-accept-settings .controls .option .option-header .toggle-switch {
  padding: 20px;
  margin-left: auto;
}
.qwilr-quote .new-accept-settings .controls .option.custom-button-option .option-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .new-accept-settings .controls .option.custom-button-option .option-icon img {
  width: 65px;
}
.qwilr-quote .new-accept-settings .controls .option.pay-now-option .option-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .new-accept-settings .controls .option.pay-now-option .option-icon img {
  width: 75px;
}
.qwilr-quote .new-accept-settings .controls .include-esignature {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 30px;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings {
  text-align: center;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings label {
  margin: 10px auto;
  display: block;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings select {
  margin-bottom: 10px;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings input {
  text-align: center;
  padding-left: 0;
  font-size: 100%;
  font-weight: 300;
  margin-bottom: 10px;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings .push-invoice {
  width: 80%;
  margin: 10px;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings hr {
  margin: 10px;
}
.qwilr-quote .new-accept-settings .controls .invoice-settings .explainer {
  line-height: 1;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
}
.qwilr-quote .new-accept-settings .controls .explainer .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 8px 0;
}
.qwilr-quote .new-accept-settings .controls .explainer .subtitle {
  font-size: 11px;
  color: #808080;
  margin: 8px 0;
}
.qwilr-quote .accept-button {
  margin: 80px auto 0;
  min-width: 150px;
  max-width: 400px;
  height: 110px;
  background: #6fc088;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
}
.qwilr-quote .accept-button .icon {
  font-size: 200%;
  width: 110px;
  text-align: center;
  height: 110px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.qwilr-quote .accept-button .text {
  width: 90%;
  text-align: center;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 150%;
}
.qwilr-quote .quote-section {
  margin: 0 20px;
  margin-top: 40px;
  -webkit-animation: fadeInDown 0.4s ease, X;
  -moz-animation: fadeInDown 0.4s ease, X;
  -o-animation: fadeInDown 0.4s ease, X;
  animation: fadeInDown 0.4s ease, X;
  -webkit-animation: fadeInDown 0.4s ease;
  -moz-animation: fadeInDown 0.4s ease;
  -o-animation: fadeInDown 0.4s ease;
  animation: fadeInDown 0.4s ease;
}
.qwilr-quote .quote-section .add-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0px;
}
.qwilr-quote .quote-section .add-panel .item-types {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fcfcfc;
  border: 1px solid #f2f2f2;
  border-top: none;
  min-width: 450px;
}
.qwilr-quote .quote-section .add-panel .item-types .type {
  padding: 20px 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qwilr-quote .quote-section .add-panel .item-types .type .icon img {
  height: 50px;
}
.qwilr-quote .quote-section .add-panel .item-types .type .label {
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
}
.qwilr-quote .quote-section .add-panel .item-types .type .label span {
  color: #808080;
}
.qwilr-quote .quote-section .add-panel .item-types .type:hover {
  background: #f9f9f9;
}
.qwilr-quote .quote-section .add-panel .add-section-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 50px 0;
}
.qwilr-quote .quote-section .add-panel .add-section-wrapper button {
  border-radius: 0;
  height: 40px;
  width: 170px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 0 15px;
  background: #fff;
  color: #1099FC;
  border: 1px solid rgba(16, 153, 252, 0.5);
  -webkit-transition: all 0.175s ease, X;
  -moz-transition: all 0.175s ease, X;
  -o-transition: all 0.175s ease, X;
  transition: all 0.175s ease, X;
  -webkit-transition: all 0.175s ease;
  -moz-transition: all 0.175s ease;
  -o-transition: all 0.175s ease;
  transition: all 0.175s ease;
}
.qwilr-quote .quote-section .add-panel .add-section-wrapper button:hover {
  background: #1099FC;
  color: #fff;
}
.qwilr-quote .quote-section .section-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0 27px;
  border-bottom: 1px solid #f2f2f2;
}
.qwilr-quote .quote-section .section-summary .summary-item {
  text-align: center;
  width: 100%;
}
.qwilr-quote .quote-section .section-summary .summary-item:first-child {
  text-align: left;
}
.qwilr-quote .quote-section .section-summary .summary-item .label {
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #b3b3b3;
}
.qwilr-quote .quote-section .section-summary .summary-item .value {
  font-weight: 600;
  font-size: 13px;
  margin: 5px 0;
  color: #999999;
}
.qwilr-quote .quote-section .section-summary .total {
  min-width: 160px;
  text-align: right;
}
.qwilr-quote .quote-section .section-summary .total .value {
  color: #595959;
  font-size: 25px;
  font-weight: 700;
}
.qwilr-quote .quote-section .quote-section-actions {
  height: 130px;
  border-bottom: 1px solid #f2f2f2;
  background: #fff;
}
.qwilr-quote .quote-section .actions .action {
  padding: 6px;
}
.qwilr-quote .quote-section .actions .delete:hover {
  color: #D71939;
}
.qwilr-quote .quote-section .actions .edit {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qwilr-quote .quote-section .actions .edit.panel-open {
  color: #fff;
  background: #1099FC;
}
.qwilr-quote .quote-section .actions-close-button-wrapper {
  position: relative;
}
.qwilr-quote .quote-section .actions-close-button-wrapper .close-button {
  position: absolute;
  right: 0;
  top: -29px;
  text-transform: uppercase;
  background: #fcfcfc;
  border-bottom: none;
  font-size: 10px;
  padding: 7px;
}
.qwilr-quote .quote-section .controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #1099FC;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 20px;
}
.qwilr-quote .quote-section .controls .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 20px;
}
.qwilr-quote .quote-section .controls .actions .action {
  margin-right: 10px;
}
.qwilr-quote .quote-section .controls .actions .delete.disabled {
  cursor: auto;
  color: #d9d9d9;
}
.qwilr-quote .quote-section .controls .actions .edit.panel-open {
  -webkit-transform: translateY(65px);
  -moz-transform: translateY(65px);
  -o-transform: translateY(65px);
  -ms-transform: translateY(65px);
  transform: translateY(65px);
}
.qwilr-quote .quote-section .controls input[type=text].section-name {
  height: 60px;
  line-height: 60px;
  border: none;
  font-size: 22px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  padding-left: 0;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.qwilr-quote .quote-section .controls input[type=text].section-name .style {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-webkit-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-ms-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name .style {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-webkit-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-ms-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name .style {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-webkit-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-ms-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .quote-section .controls input[type=text].section-name .style {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-moz-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name::-webkit-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section .controls input[type=text].section-name:-ms-input-placeholder {
  color: #808080;
  font-size: 15px;
  font-style: italic;
}
.qwilr-quote .quote-section.ng-hide-add {
  -webkit-animation: fadeOutUp 0.4s ease, X;
  -moz-animation: fadeOutUp 0.4s ease, X;
  -o-animation: fadeOutUp 0.4s ease, X;
  animation: fadeOutUp 0.4s ease, X;
  -webkit-animation: fadeOutUp 0.4s ease;
  -moz-animation: fadeOutUp 0.4s ease;
  -o-animation: fadeOutUp 0.4s ease;
  animation: fadeOutUp 0.4s ease;
}
.qwilr-quote .heading-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0;
  background: #fcfcfc;
  border-bottom: 1px solid #f2f2f2;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #999999;
}
.qwilr-quote .heading-bar .actions-buffer {
  min-width: 80px;
}
.qwilr-quote .heading-bar .description-title {
  width: 65%;
}
.qwilr-quote .heading-bar .rate-and-unit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30%;
  min-width: 280px;
  margin: 0 10px;
}
.qwilr-quote .heading-bar .rate-and-unit .rate-title {
  min-width: 12.5%;
  width: 130px;
  margin-right: auto;
}
.qwilr-quote .heading-bar .rate-and-unit .units-title {
  margin-right: auto;
  width: 60px;
}
.qwilr-quote .heading-bar .slider-buffer {
  min-width: 20%;
  min-width: 150px;
}
.qwilr-quote .heading-bar .price-title {
  margin-left: auto;
  width: 12%;
}
.qwilr-quote .actions .action {
  cursor: pointer;
}
.qwilr-quote .actions .action.active {
  background: #1099FC;
  color: #fff;
}
.qwilr-quote .item-actions-wrapper {
  margin-left: 30px;
}
.qwilr-quote .item-actions-wrapper.ng-enter {
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.qwilr-quote .item-actions-wrapper.ng-leave {
  -webkit-animation: fadeOutUp 0.3s ease, X;
  -moz-animation: fadeOutUp 0.3s ease, X;
  -o-animation: fadeOutUp 0.3s ease, X;
  animation: fadeOutUp 0.3s ease, X;
  -webkit-animation: fadeOutUp 0.3s ease;
  -moz-animation: fadeOutUp 0.3s ease;
  -o-animation: fadeOutUp 0.3s ease;
  animation: fadeOutUp 0.3s ease;
}
.qwilr-quote .quote-component-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fcfcfc;
  min-height: 140px;
}
.qwilr-quote .quote-component-actions .action-item {
  padding: 25px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.qwilr-quote .quote-component-actions .main-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  width: 100%;
  padding: 0 10px;
}
.qwilr-quote .quote-component-actions .move {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  background: #f9f9f9;
  padding: 0;
  min-width: 170px;
  width: 22%;
}
.qwilr-quote .quote-component-actions .move .direction {
  cursor: pointer;
  width: 50%;
  height: 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote .quote-component-actions .move .direction .label {
  font-size: 12px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  color: #8c8c8c;
  margin-bottom: 7px;
}
.qwilr-quote .quote-component-actions .move .direction .icon {
  color: #1099FC;
  font-size: 30px;
}
.qwilr-quote .quote-component-actions .move .move-down {
  border-left: 1px solid #ebebeb;
}
.qwilr-quote .item-actions .main-container .setting-name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  color: #999999;
  margin-bottom: 10px;
  display: block;
}
.qwilr-quote .item-actions .main-container .interactive .option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 7px;
}
.qwilr-quote .item-actions .main-container .interactive .option .label {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  color: #808080;
}
.qwilr-quote .item-actions .main-container .interactive .option input {
  cursor: pointer;
  outline: none;
  min-width: 20px;
  margin-right: 10px;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options {
  border-top: 1px solid #f2f2f2;
  padding-top: 15px;
  margin-top: 15px;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options label {
  font-family: "calibre-legacy", sans-serif;
  text-transform: none;
  font-size: 9px;
  font-weight: 400;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .option-input {
  margin: 0 9px;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input {
  width: 40px;
  font-size: 11px;
  text-align: center;
  padding: 0;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input .style {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-webkit-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-ms-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input .style {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-webkit-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-ms-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input .style {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-webkit-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-ms-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input .style {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-moz-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input::-webkit-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .interactive .interactivity-options .quantity input:-ms-input-placeholder {
  color: #808080;
  font-size: 10px;
  font-style: italic;
}
.qwilr-quote .item-actions .main-container .unit-name,
.qwilr-quote .item-actions .main-container .discount {
  max-width: 150px;
}
.qwilr-quote .item-actions .main-container .unit-name input,
.qwilr-quote .item-actions .main-container .discount input {
  font-size: 11px;
  font-weight: 400;
  color: #4d4d4d;
  padding-left: 10px;
}
.qwilr-quote .item-actions .main-container .discount .input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote .item-actions .main-container .discount .input .currency-symbol {
  font-size: 10px;
  color: #808080;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30px;
  background: #f7f7f7;
  border: 1px solid #e3e3e3;
}
.qwilr-quote .quote-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 0;
  min-height: 130px;
}
.qwilr-quote .quote-item .rate .rate-selector-container {
  -webkit-animation: fadeInDown 0.35s ease, X;
  -moz-animation: fadeInDown 0.35s ease, X;
  -o-animation: fadeInDown 0.35s ease, X;
  animation: fadeInDown 0.35s ease, X;
  -webkit-animation: fadeInDown 0.35s ease;
  -moz-animation: fadeInDown 0.35s ease;
  -o-animation: fadeInDown 0.35s ease;
  animation: fadeInDown 0.35s ease;
  position: absolute;
  top: 80px;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  z-index: 10;
  display: block;
  padding: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  background: rgba(0, 133, 123, 0.85);
  border: 1px solid rgba(0, 118, 109, 0.9);
  font-size: 18px;
}
.qwilr-quote .quote-item .rate .rate-selector-container.ng-hide {
  -webkit-animation: fadeOutUp 0.25s ease, X;
  -moz-animation: fadeOutUp 0.25s ease, X;
  -o-animation: fadeOutUp 0.25s ease, X;
  animation: fadeOutUp 0.25s ease, X;
  -webkit-animation: fadeOutUp 0.25s ease;
  -moz-animation: fadeOutUp 0.25s ease;
  -o-animation: fadeOutUp 0.25s ease;
  animation: fadeOutUp 0.25s ease;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .done-button {
  position: absolute;
  border-radius: 100px;
  top: -16px;
  right: -16px;
  background: #fff;
  border: none;
  padding: 7px;
  color: rgba(0, 118, 109, 0.6);
  cursor: pointer;
  font-size: 15px;
  border: 1px solid #00857b;
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .done-button:hover {
  color: #00857b;
  background: #f7f7f7;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 133, 123, 0.7);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .title {
  cursor: pointer;
  background: #009287;
  padding: 8px;
  color: rgba(255, 255, 255, 0.8);
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .title:hover {
  background: #00615a;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .options {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .options .option {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  padding: 10px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .options .option:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .options .option:hover {
  background: rgba(0, 82, 76, 0.2);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .sort-search .options .option.active {
  background: rgba(0, 82, 76, 0.2);
  font-weight: 700;
  color: #fff;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .open-rates-panel {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  background: rgba(0, 133, 123, 0.6);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px;
  width: 100%;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 700;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .open-rates-panel:hover {
  background: rgba(0, 108, 99, 0.5);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list {
  margin: 0;
  max-height: 335px;
  overflow-y: scroll;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin: 0;
  list-style: none;
  line-height: 2;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
  -webkit-transition: background 0.25s ease, color 0.1s ease;
  -moz-transition: background 0.25s ease, color 0.1s ease;
  -o-transition: background 0.25s ease, color 0.1s ease;
  transition: background 0.25s ease, color 0.1s ease;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom):not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom) .name {
  padding: 15px 20px;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.25s ease;
  -moz-transition: -moz-transform 0.25s ease;
  -o-transition: -o-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease,-moz-transform 0.25s ease,-o-transform 0.25s ease,transform 0.25s ease;
  -webkit-transition: transform 0.25s ease, X;
  -moz-transition: transform 0.25s ease, X;
  -o-transition: transform 0.25s ease, X;
  transition: transform 0.25s ease, X;
  -webkit-transition: transform 0.25s ease;
  -moz-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
  width: 60%;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.05em;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom) .details {
  text-align: right;
  font-size: 15px;
  width: 40%;
  padding-right: 15px;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom) .details .price {
  font-weight: 300;
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom):hover {
  background: rgba(0, 133, 123, 0.5);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom):hover .name,
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom):hover .price {
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom).active {
  background: rgba(0, 118, 109, 0.9);
}
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom).active .name,
.qwilr-quote .quote-item .rate .rate-selector-container .rate-selector .rates-list li:not(.custom).active .details {
  color: #fff;
}
.qwilr-quote .quote-item .rate .rate-container {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 11px;
}
.qwilr-quote .quote-item .rate .rate-container .rate-name {
  width: 150px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-transform: uppercase;
  cursor: pointer;
  color: #808080;
  padding: 0 10px;
  line-height: 1.25;
  font-family: "calibre-legacy", sans-serif;
  font-size: 10px;
}
.qwilr-quote .quote-item .rate .rate-container .unit-price {
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.qwilr-quote .quote-item .rate .fixed-cost {
  position: relative;
}
.qwilr-quote .quote-item .rate .fixed-cost .label {
  display: block;
  position: absolute;
  top: -15px;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "calibre-legacy", sans-serif;
  font-size: 9px;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #b3b3b3;
}
.qwilr-quote .quote-item .rate .fixed-cost .unit-price-container {
  position: relative;
}
.qwilr-quote .quote-item .rate .fixed-cost .unit-price-container .currency-symbol {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 600;
  height: 38px;
  width: 35px;
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 12px;
  background: #fcfcfc;
  color: #808080;
  border-right: 1px solid #ededed;
}
.qwilr-quote .quote-item .rate .fixed-cost .unit-price-container input {
  padding-left: 30px;
}
.qwilr-quote .quote-item .rate .item-input-box {
  width: 150px;
}
.qwilr-quote .quote-item.ng-enter {
  -webkit-animation: fadeInDown 0.4s ease, X;
  -moz-animation: fadeInDown 0.4s ease, X;
  -o-animation: fadeInDown 0.4s ease, X;
  animation: fadeInDown 0.4s ease, X;
  -webkit-animation: fadeInDown 0.4s ease;
  -moz-animation: fadeInDown 0.4s ease;
  -o-animation: fadeInDown 0.4s ease;
  animation: fadeInDown 0.4s ease;
}
.qwilr-quote .quote-item.ng-leave {
  -webkit-animation: fadeOutUp 0.325s ease, X;
  -moz-animation: fadeOutUp 0.325s ease, X;
  -o-animation: fadeOutUp 0.325s ease, X;
  animation: fadeOutUp 0.325s ease, X;
  -webkit-animation: fadeOutUp 0.325s ease;
  -moz-animation: fadeOutUp 0.325s ease;
  -o-animation: fadeOutUp 0.325s ease;
  animation: fadeOutUp 0.325s ease;
}
.qwilr-quote .quote-item .actions {
  min-width: 60px;
}
.qwilr-quote .quote-item .description {
  min-width: 65%;
}
.qwilr-quote .quote-item .cost {
  min-width: 12%;
}
.qwilr-quote .quote-item .rate {
  min-width: 12.5%;
}
.qwilr-quote .quote-item .slider {
  min-width: 100px;
}
.qwilr-quote .quote-item .units {
  width: 5%;
}
.qwilr-quote .quote-item input[type=text],
.qwilr-quote .quote-item input[type=number],
.qwilr-quote .quote-item textarea {
  border: none;
  cursor: pointer;
}
.qwilr-quote .quote-item input[type=text]:focus,
.qwilr-quote .quote-item input[type=number]:focus,
.qwilr-quote .quote-item textarea:focus {
  cursor: text;
  border: none;
  background: #fafafa;
}
.qwilr-quote .quote-item input.item-input-box,
.qwilr-quote .quote-item .item-input-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  color: #4d4d4d;
  height: 40px;
  border: 1px solid #f2f2f2;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qwilr-quote .quote-item input.item-input-box:hover,
.qwilr-quote .quote-item .item-input-box:hover {
  background: #f5f5f5;
}
.qwilr-quote .quote-item .actions {
  color: #1099FC;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 20px;
}
.qwilr-quote .quote-item .actions .edit.panel-open {
  -webkit-transform: translateY(79px);
  -moz-transform: translateY(79px);
  -o-transform: translateY(79px);
  -ms-transform: translateY(79px);
  transform: translateY(79px);
}
.qwilr-quote .quote-item .item-name {
  width: 55%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 20px;
  margin-top: 3px;
  padding: 0;
  padding-top: 10px;
  resize: vertical;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
  font-weight: 400;
}
.qwilr-quote .quote-item .item-name:focus {
  background: none;
}
.qwilr-quote .quote-item .rate-and-unit-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30%;
  min-width: 280px;
  margin: 0 10px;
}
.qwilr-quote .quote-item .rate-and-unit-controls .rate {
  position: relative;
}
.qwilr-quote .quote-item .rate-and-unit-controls .times-symbol {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #999999;
  margin: 0 10px;
}
.qwilr-quote .quote-item .rate-and-unit-controls .units {
  position: relative;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  border-right: none;
  width: 60px;
}
.qwilr-quote .quote-item .rate-and-unit-controls .units .rate-item {
  padding-top: 25px;
}
.qwilr-quote .quote-item .rate-and-unit-controls .units input[type=number] {
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 13px;
  border: 1px solid #f2f2f2;
  height: 40px;
}
.qwilr-quote .quote-item .slider {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 10px;
}
.qwilr-quote .quote-item .cost {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.qwilr-quote .quote-item .cost .value,
.qwilr-quote .quote-item .cost .discount {
  width: 100%;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.qwilr-quote .quote-item .cost .value .currency-symbol,
.qwilr-quote .quote-item .cost .discount .currency-symbol {
  font-weight: 700;
  color: #a6a6a6;
  margin-right: 5px;
}
.qwilr-quote .quote-item .cost .value {
  font-size: 15px;
}
.qwilr-quote .quote-item .cost .discount {
  font-size: 11px;
  letter-spacing: -0.05em;
  height: 0px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.qwilr-quote .quote-item .cost .discount .label {
  border-top: 1px solid #f5f5f5;
  display: inline-block;
  margin-top: 3px;
  padding-top: 3px;
  font-size: 9px;
  color: #999999;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
}
.qwilr-quote .quote-item .cost .discount .discount-value {
  color: #808080;
  font-weight: 400;
}
.qwilr-quote .quote-item .cost .discount .currency-symbol {
  margin-right: 0px;
}
.qwilr-quote .heads-up-display {
  position: absolute;
  top: 0;
  margin-top: 12px;
  z-index: 99;
  display: block;
  right: 12px;
}
.qwilr-quote .heads-up-display.ng-enter {
  -webkit-animation: fadeInLeft 0.2s ease, X;
  -moz-animation: fadeInLeft 0.2s ease, X;
  -o-animation: fadeInLeft 0.2s ease, X;
  animation: fadeInLeft 0.2s ease, X;
  -webkit-animation: fadeInLeft 0.2s ease;
  -moz-animation: fadeInLeft 0.2s ease;
  -o-animation: fadeInLeft 0.2s ease;
  animation: fadeInLeft 0.2s ease;
}
.qwilr-quote .heads-up-display.ng-leave {
  -webkit-animation: fadeOutRight 0.2s ease, X;
  -moz-animation: fadeOutRight 0.2s ease, X;
  -o-animation: fadeOutRight 0.2s ease, X;
  animation: fadeOutRight 0.2s ease, X;
  -webkit-animation: fadeOutRight 0.2s ease;
  -moz-animation: fadeOutRight 0.2s ease;
  -o-animation: fadeOutRight 0.2s ease;
  animation: fadeOutRight 0.2s ease;
}
.qwilr-quote .heads-up-display .readout {
  height: 50px;
  cursor: pointer;
  background: rgba(0, 113, 104, 0.98);
  border: 1px solid rgba(204, 204, 204, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  text-align: center;
  border: 1px solid rgba(0, 82, 76, 0.8);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  color: #fff;
  font-size: 95%;
  position: relative;
  min-width: 140px;
  -webkit-transition: background 0.25s ease, color 0.25s ease;
  -moz-transition: background 0.25s ease, color 0.25s ease;
  -o-transition: background 0.25s ease, color 0.25s ease;
  transition: background 0.25s ease, color 0.25s ease;
}
.qwilr-quote .heads-up-display .readout:hover {
  background: rgba(0, 92, 85, 0.98);
}
.qwilr-quote .heads-up-display .readout .mode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.qwilr-quote .heads-up-display .readout .mode.ng-hide-add {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.qwilr-quote .heads-up-display .readout .currency-symbol {
  font-weight: 700;
  opacity: 0.7;
}
.qwilr-quote .heads-up-display .readout label {
  margin-top: 4px;
  color: #fff;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 8px;
  opacity: 0.6;
}
.qwilr-quote .heads-up-display .hud-button {
  padding: 0;
  font-size: 10px;
  width: 100%;
  height: 40px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  background-size: 25px;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-color: #fafafa;
  text-align: center;
  display: inline-block;
}
.qwilr-quote .heads-up-display .hud-button:hover {
  background-size: 25px;
}
.qwilr-quote .heads-up-display .edit-settings {
  color: #4d4d4d;
  border: 1px solid #e6e6e6;
  border-top: none;
  background-image: url("/Assets/icons/Settings.svg");
}
.qwilr-quote .heads-up-display .preview-mode-switch {
  background-image: url("/Assets/icons/Preview.svg");
}
.qwilr-quote .quote-total {
  border: 1px solid #f5f5f5;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.qwilr-quote .quote-total .total-item {
  border-bottom: 1px solid #f5f5f5;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote .quote-total .total-item .label,
.qwilr-quote .quote-total .total-item .value {
  font-size: 15px;
  font-family: "calibre-legacy", sans-serif;
  padding: 25px;
}
.qwilr-quote .quote-total .total-item .label {
  margin-right: auto;
  text-transform: uppercase;
  font-size: 13px;
}
.qwilr-quote .quote-total .total-item .value {
  margin-left: auto;
  text-align: right;
}
.qwilr-quote .quote-total .grand-total {
  background: #fcfcfc;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-quote .quote-total .grand-total .value,
.qwilr-quote .quote-total .grand-total .label {
  font-weight: 700;
}
.qwilr-quote .quote-total .grand-total .value {
  font-size: 20px;
}
.qwilr-quote .quote-total .with-currency .value {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.qwilr-quote .quote-total .with-currency .value .number {
  margin-right: 10px;
}
.qwilr-quote .quote-total .with-currency .value .currency {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background: #f2f2f2;
  padding: 11px 8px;
  width: auto;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qwilr-quote .quote-total .with-currency .value .currency:hover {
  background: #ededed;
}
.qwilr-quote .quote-total .with-currency .value .currency .code {
  font-family: "calibre-legacy", sans-serif;
  font-size: 10px;
  margin-right: 6px;
  font-weight: 600;
  color: #666666;
}
.qwilr-quote .quote-total .with-currency .value .currency .currency-flag {
  width: 18px;
  margin-right: 10px;
}
.qwilr-quote .total-discount {
  max-width: 270px;
  margin: 30px auto;
  border: 1px solid #f2f2f2;
  padding: 20px;
}
.qwilr-quote .total-discount .header {
  font-family: "calibre-legacy", sans-serif;
}
.qwilr-quote .total-discount .header .title {
  font-size: 14px;
  color: #4d4d4d;
}
.qwilr-quote .total-discount .header .explainer {
  margin: 5px;
  font-size: 11px;
  margin-bottom: 15px;
  color: #999999;
}
.qwilr-quote .total-discount .header .switches {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 11px;
  color: #b3b3b3;
  margin: 10px 0;
  border: 1px solid #f0f0f0;
}
.qwilr-quote .total-discount .header .switches .switch {
  cursor: pointer;
  padding: 17px;
  width: 50%;
  -webkit-transition: background-color 0.175s ease, X;
  -moz-transition: background-color 0.175s ease, X;
  -o-transition: background-color 0.175s ease, X;
  transition: background-color 0.175s ease, X;
  -webkit-transition: background-color 0.175s ease;
  -moz-transition: background-color 0.175s ease;
  -o-transition: background-color 0.175s ease;
  transition: background-color 0.175s ease;
}
.qwilr-quote .total-discount .header .switches .switch.selected {
  color: #666666;
  background: #fbfbfb;
}
.qwilr-quote .total-discount .header .switches .switch.percent {
  border-right: 1px solid #f0f0f0;
}
.qwilr-quote .total-discount .inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f2f2f2;
}
.qwilr-quote .total-discount .inputs input {
  border: none;
  text-align: center;
  padding-left: 0;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
}
.qwilr-quote .total-discount .inputs .discount-type {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px;
  background: #f2f2f2;
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
}
.qwilr-quote .total-discount .inputs .discount-type .percent {
  font-size: 20px;
}
.qwilr-quote .total-discount .inputs .discount-type .fixed {
  font-size: 10px;
  letter-spacing: 0.1em;
}
.qwilr-quote .total-discount .inputs .fixed-input {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qwilr-quote .total-discount .inputs .fixed-input .currency-symbol {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px;
  background: #f7f7f7;
}
.qwilr-quote .quote-sections {
  max-width: 1100px;
  margin: 0 auto;
  max-width: 980px;
}
.qwilr-quote .content-sizer .display-mode {
  cursor: pointer;
}
.qwilr-quote .display-mode {
  position: relative;
}
.qwilr-quote .display-mode .edit-mode-hover-tile {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  border: 2px solid rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qwilr-quote .display-mode .edit-mode-hover-tile .label {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
  background: #333;
  padding: 25px 30px;
}
.qwilr-quote .display-mode .edit-mode-hover-tile .label:hover {
  background-color: #006c63;
}
.qwilr-quote .display-mode:hover .edit-mode-hover-tile {
  opacity: 1;
}
.qwilr-quote .display-mode + .contextual-help {
  position: absolute;
  margin: 20px auto;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.qwilr-quote .header {
  text-align: center;
  font-size: 40px;
  max-width: 500px;
  margin: 0 auto;
}
.qwilr-quote .preview-mode-switch {
  border: 1px solid #e6e6e6;
  padding: 15px 25px 15px 55px;
  background-image: url("/Assets/icons/Preview.svg");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 8px center;
  background-color: #fbfbfb;
  color: #4d4d4d;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  -webkit-transition: background-color 0.175s ease, X;
  -moz-transition: background-color 0.175s ease, X;
  -o-transition: background-color 0.175s ease, X;
  transition: background-color 0.175s ease, X;
  -webkit-transition: background-color 0.175s ease;
  -moz-transition: background-color 0.175s ease;
  -o-transition: background-color 0.175s ease;
  transition: background-color 0.175s ease;
}
.qwilr-quote .preview-mode-switch .button-background {
  background-image: url("/Assets/icons/Preview.svg");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 8px center;
}
.qwilr-quote .preview-mode-switch:hover {
  background-color: #f9f9f9;
}
.video-module.project-block .container {
  position: relative;
  padding: 0 0 56.25% 0;
  /* 16:9 */
  height: 0;
  margin: 0;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  -webkit-transition: padding-bottom 0.2s ease, max-width 0.2s ease;
  -moz-transition: padding-bottom 0.2s ease, max-width 0.2s ease;
  -o-transition: padding-bottom 0.2s ease, max-width 0.2s ease;
  transition: padding-bottom 0.2s ease, max-width 0.2s ease;
  -webkit-animation: fadeInLeft 0.3s ease, X;
  -moz-animation: fadeInLeft 0.3s ease, X;
  -o-animation: fadeInLeft 0.3s ease, X;
  animation: fadeInLeft 0.3s ease, X;
  -webkit-animation: fadeInLeft 0.3s ease;
  -moz-animation: fadeInLeft 0.3s ease;
  -o-animation: fadeInLeft 0.3s ease;
  animation: fadeInLeft 0.3s ease;
}
.video-module.project-block .container .settings-button {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 51px;
  padding-right: 24px;
  top: -45px;
  right: 0px;
}
.video-module.project-block .container .settings-button.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.video-module.project-block .container .settings-button.ng-leave {
  -webkit-animation: fadeOutUp 0.3s ease, X;
  -moz-animation: fadeOutUp 0.3s ease, X;
  -o-animation: fadeOutUp 0.3s ease, X;
  animation: fadeOutUp 0.3s ease, X;
  -webkit-animation: fadeOutUp 0.3s ease;
  -moz-animation: fadeOutUp 0.3s ease;
  -o-animation: fadeOutUp 0.3s ease;
  animation: fadeOutUp 0.3s ease;
}
.video-module.project-block .container .settings-button.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.video-module.project-block .container .settings-button.ng-leave {
  -webkit-animation: fadeOutUp 0.3s ease, X;
  -moz-animation: fadeOutUp 0.3s ease, X;
  -o-animation: fadeOutUp 0.3s ease, X;
  animation: fadeOutUp 0.3s ease, X;
  -webkit-animation: fadeOutUp 0.3s ease;
  -moz-animation: fadeOutUp 0.3s ease;
  -o-animation: fadeOutUp 0.3s ease;
  animation: fadeOutUp 0.3s ease;
}
.video-module.project-block .container > iframe,
.video-module.project-block .container .control {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-module.project-block .container.size-small {
  max-width: 650px;
  margin: 0 auto;
}
@media screen and (min-width: 650px) {
  .video-module.project-block .container.size-small {
    padding-bottom: 365.625px;
  }
}
.video-module.project-block .container.size-medium {
  max-width: 840px;
  margin: 0 auto;
}
@media screen and (min-width: 840px) {
  .video-module.project-block .container.size-medium {
    padding-bottom: 472.5px;
  }
}
.video-module.project-block .container .control {
  background: #fff;
}
.video-module.project-block .container iframe {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.video-module.project-block .container.edit-mode iframe {
  box-shadow: none;
  opacity: 0;
  z-index: -1;
}
.video-module.project-block .container .control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.video-module.project-block .container .control .centered {
  position: relative;
}
.video-module.project-block .container .control .centered .explainer {
  margin: 0 auto;
  width: 380px;
  -webkit-animation: fadeInDown 0.35s ease, X;
  -moz-animation: fadeInDown 0.35s ease, X;
  -o-animation: fadeInDown 0.35s ease, X;
  animation: fadeInDown 0.35s ease, X;
  -webkit-animation: fadeInDown 0.35s ease;
  -moz-animation: fadeInDown 0.35s ease;
  -o-animation: fadeInDown 0.35s ease;
  animation: fadeInDown 0.35s ease;
  color: #808080;
}
.video-module.project-block .container .control .centered .explainer p {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
}
.video-module.project-block .container .control .centered .explainer a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.video-module.project-block .container .control .centered .explainer a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.video-module.project-block .container .control .centered .explainer a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.video-module.project-block .container .control .centered .options {
  -webkit-animation: fadeInDown 0.35s ease, X;
  -moz-animation: fadeInDown 0.35s ease, X;
  -o-animation: fadeInDown 0.35s ease, X;
  animation: fadeInDown 0.35s ease, X;
  -webkit-animation: fadeInDown 0.35s ease;
  -moz-animation: fadeInDown 0.35s ease;
  -o-animation: fadeInDown 0.35s ease;
  animation: fadeInDown 0.35s ease;
}
.video-module.project-block .container .control .centered .options .url {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 25px;
  border: 1px solid #e6e6e6;
}
.video-module.project-block .container .control .centered .options .url .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  color: #999999;
  background: #fafafa;
  border-right: 1px solid #ededed;
}
.video-module.project-block .container .control .centered .options .url input[type=text] {
  font-weight: 400;
  font-size: 14px;
  border-radius: 2px;
  padding: 15px;
  width: 100%;
  text-align: center;
  min-width: 400px;
  height: 60px;
  background: #fff;
  border: none;
}
.video-module.project-block .container .control .centered .options .settings {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 20px;
  padding: 20px 0;
}
.video-module.project-block .container .control .centered .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.video-module.project-block .container .control .centered .actions.ng-hide-add {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.video-module.project-block .container .control .centered .video-size * {
  -webkit-transition: color 0.1s ease, background 0.1s ease;
  -moz-transition: color 0.1s ease, background 0.1s ease;
  -o-transition: color 0.1s ease, background 0.1s ease;
  transition: color 0.1s ease, background 0.1s ease;
}
.video-module.project-block .container .control .centered .video-size .size-option {
  width: 75px;
  height: 70px;
  font-size: 10px;
  font-weight: 700;
  color: #B9C5CB;
  border: 1px solid #DBE2E5;
  cursor: pointer;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.video-module.project-block .container .control .centered .video-size .size-option .video-size-icon {
  width: 26px;
  height: 17px;
  background-color: rgba(160, 177, 185, 0.4);
  margin-bottom: 6px;
}
.video-module.project-block .container .control .centered .video-size .size-option .video-size-icon .video-size-icon-inner {
  display: block;
  background-color: #A0B1B9;
}
.video-module.project-block .container .control .centered .video-size .size-option.small-option .video-size-icon-inner {
  margin-top: 9px;
  height: 8px;
  width: 12px;
}
.video-module.project-block .container .control .centered .video-size .size-option.medium-option .video-size-icon-inner {
  margin-top: 4px;
  height: 13px;
  width: 20px;
}
.video-module.project-block .container .control .centered .video-size .size-option.standard-option .video-size-icon-inner {
  margin-top: 2px;
  height: 15px;
  width: 23px;
}
.video-module.project-block .container .control .centered .video-size .size-option.small-option,
.video-module.project-block .container .control .centered .video-size .size-option.medium-option {
  border-right: none;
}
.video-module.project-block .container .control .centered .video-size .size-option.selected {
  background: rgba(62, 185, 255, 0.1);
  border-color: #3EB9FF;
  color: #3EB9FF;
}
.video-module.project-block .container .control .centered .video-size .size-option.selected .video-size-icon {
  background: rgba(62, 185, 255, 0.4);
}
.video-module.project-block .container .control .centered .video-size .size-option.selected .video-size-icon .video-size-icon-inner {
  background: #3EB9FF;
}
.video-module.project-block .container .control .centered .video-size .size-option.selected + .size-option {
  border-left-color: #3EB9FF;
}
.video-module.project-block .container .control .centered .action {
  height: 70px;
  line-height: 70px;
  width: 170px;
  text-align: center;
  padding: 0 20px 0 15px;
  border: 1px solid rgba(0, 133, 123, 0.5);
  color: rgba(0, 133, 123, 0.9);
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.video-module.project-block .container .control .centered .action .icon-eye {
  margin-right: 4px;
}
.video-module.project-block .container .control .centered .action:hover {
  background: #00857b;
  color: #fff;
}
.background-setting .buttons > .button-old {
  width: 50%;
}
.background-setting .buttons > .button-old > * {
  width: 100%;
}
.background-setting .buttons > .button-old:first-child {
  margin-right: 4px;
}
.background-setting .buttons > .button-old:last-child {
  margin-left: 4px;
}
.size-setting {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.size-setting .size-option {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px;
  cursor: pointer;
}
.size-setting .size-option .size-visual {
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.size-setting .size-option .size-visual .filler {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: rgba(16, 153, 252, 0.4);
  border-radius: 1px;
}
.size-setting .size-option .name {
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  margin-top: 7px;
  text-align: center;
  color: #666666;
}
.size-setting .size-option:hover:not(.selected) .size-visual .filler {
  background: rgba(16, 153, 252, 0.75);
}
.size-setting .size-option.selected .size-visual .filler {
  background: rgba(0, 133, 123, 0.6);
}
.media-button-image {
  width: 100%;
}
.splash-module {
  border-bottom: none;
}
.splash-module .controls {
  -webkit-animation: fadeInDown 0.4s ease, X;
  -moz-animation: fadeInDown 0.4s ease, X;
  -o-animation: fadeInDown 0.4s ease, X;
  animation: fadeInDown 0.4s ease, X;
  -webkit-animation: fadeInDown 0.4s ease;
  -moz-animation: fadeInDown 0.4s ease;
  -o-animation: fadeInDown 0.4s ease;
  animation: fadeInDown 0.4s ease;
  text-align: center;
  position: relative;
  z-index: 3;
  width: 550px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.98);
  padding: 30px;
  border: 1px solid #e6e6e6;
}
.splash-module .controls.ng-hide-add {
  display: none !important;
}
.splash-module .controls .url-controls .explainer {
  margin: 25px 0;
  padding: 0 20px;
  color: #999999;
}
.splash-module .controls .url-controls .explainer .explainer-message {
  font-size: 18px;
}
.splash-module .controls .url-controls .explainer .contextual-help {
  padding-top: 0;
  font-size: 14.4px;
}
.splash-module .controls .url-controls .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.splash-module .controls .url-controls .buttons .image-picker-button {
  margin-right: 20px;
}
.splash-module .controls .uploader {
  display: inline-block;
}
.splash-module .controls .image-controls label {
  display: block;
  margin: 15px 0;
}
.splash-module .controls .image-controls .content-box {
  padding: 20px;
  border-top: 1px solid #ededed;
  margin-top: 15px;
}
.splash-module .controls .image-controls .tint-control {
  padding: 10px 20px 30px;
  border: 1px solid #ededed;
  border-left: none;
  border-right: none;
}
.splash-module .controls .image-controls .tint-control .tiles {
  border: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.splash-module .controls .image-controls .tint-control .tiles .tint-tile {
  height: 60px;
  flex: 1;
  width: 100%;
  cursor: pointer;
}
.splash-module .controls .image-controls .tint-control .tiles .none {
  border-left: 1px solid #ededed;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.splash-module .controls .image-controls .size-control {
  padding: 10px 20px;
}
.splash-module .controls .image-controls .size-control select {
  border-radius: 0;
  padding: 10px 20px;
}
.splash-module .explainer {
  margin: 0;
}
.splash-module .fill-block {
  position: relative;
  text-align: center;
  -webkit-transition: height 0.3s ease-out, padding 0.25s ease-out, min-height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out, padding 0.25s ease-out, min-height 0.3s ease-out;
  -o-transition: height 0.3s ease-out, padding 0.25s ease-out, min-height 0.3s ease-out;
  transition: height 0.3s ease-out, padding 0.25s ease-out, min-height 0.3s ease-out;
}
.splash-module .fill-block blockquote {
  text-align: left;
}
.splash-module.in-edit-mode .fill-block {
  min-height: 720px;
}
.splash-module .position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.splash-module .tint {
  -webkit-transition: background-color 0.25s ease, X;
  -moz-transition: background-color 0.25s ease, X;
  -o-transition: background-color 0.25s ease, X;
  transition: background-color 0.25s ease, X;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 133, 123, 0.3);
  opacity: 0.3;
}
.splash-module .tint.kill-zindex {
  z-index: -1;
}
.splash-module .tint-v2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.splash-module .tint-v2,
.splash-module .content {
  -webkit-transition: background-color 0.25s ease, X;
  -moz-transition: background-color 0.25s ease, X;
  -o-transition: background-color 0.25s ease, X;
  transition: background-color 0.25s ease, X;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.splash-module .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.splash-module section {
  min-width: 300px;
}
.splash-module .video-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.source-module.project-block .cloud-source-selector {
  padding: 40px;
  background-color: white;
}
.source-module.project-block .cloud-source-selector .cloud-source-header {
  text-align: center;
  margin: 10px auto 30px;
}
.source-module.project-block .cloud-source-selector .cloud-source-header .title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin: 10px;
}
.source-module.project-block .cloud-source-selector .cloud-source-header .explainer {
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
  color: #999999;
}
.source-module.project-block .cloud-source-selector .cloud-source-header .contextual-help {
  padding: 5px 0;
}
.source-module.project-block .cloud-source-selector .cloud-source-header .contextual-help a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  color: #00857b;
  font-weight: 600;
}
.source-module.project-block .cloud-source-selector .cloud-source-header .contextual-help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.source-module.project-block .cloud-source-selector .cloud-source-header .contextual-help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 650px;
  margin: 0 auto;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .phantom-item,
.source-module.project-block .cloud-source-selector .source-list-container .source-list .suggest-an-embed {
  width: 31.5%;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source {
  width: 31.5%;
  text-align: center;
  border: 1px solid #ebebeb;
  cursor: pointer;
  margin-bottom: 5%;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .icon,
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .title {
  padding: 20px;
  background: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .icon img,
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .title img {
  height: 110px;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .text {
  padding: 10px 20px 20px;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .text .name {
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0;
}
.source-module.project-block .cloud-source-selector .source-list-container .source-list .source .text .description {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  line-height: 1.4;
  color: #737373;
}
.source-module.project-block .cloud-source-selector .source-list-container .suggest-an-embed {
  background: #fbfbfb;
  border: 1px solid #ebebeb;
  padding: 20px;
  text-align: center;
  margin: 15px auto;
  max-width: 400px;
}
.source-module.project-block .cloud-source-selector .source-list-container .suggest-an-embed .title {
  padding: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 600;
  font-size: 17px;
  margin: 6px;
}
.source-module.project-block .cloud-source-selector .source-list-container .suggest-an-embed p {
  color: #808080;
  margin: 6px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
}
.source-module.project-block .cloud-source-selector .source-list-container .suggest-an-embed p a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.source-module.project-block .cloud-source-selector .source-list-container .suggest-an-embed p a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.source-module.project-block .cloud-source-selector .source-list-container .suggest-an-embed p a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.source-module.project-block .cloud-source-selector .configure-source {
  padding: 30px 0;
  max-width: 600px;
  margin: 0 auto;
}
.source-module.project-block .cloud-source-selector .configure-source .header {
  margin-bottom: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.source-module.project-block .cloud-source-selector .configure-source .header .source-icon {
  width: 50px;
  margin-right: 15px;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info {
  width: 80%;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
  padding-bottom: 1px;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info .name {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info .website {
  font-size: 12px;
  margin: 7px 0;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info .website .label {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info .explainer {
  margin: 10px 0;
}
.source-module.project-block .cloud-source-selector .configure-source .header .info .explainer,
.source-module.project-block .cloud-source-selector .configure-source .header .info .explainer p {
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  color: #808080;
}
.source-module.project-block .cloud-source-selector .configure-source .header .cancel-button {
  font-size: 10px;
  height: 50px;
  width: 150px;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input {
  border-right: none;
  font-size: 13px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input .style {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-ms-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input .style {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-ms-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input .style {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-ms-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input .style {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-moz-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input::-webkit-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs input:-ms-input-placeholder {
  color: #242C39;
  font-size: 13px;
  font-style: italic;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs button {
  border-radius: 0;
  background: #ebebeb;
  color: #666666;
  width: 130px;
  font-size: 13px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  -webkit-transition: background 0.175s ease, X;
  -moz-transition: background 0.175s ease, X;
  -o-transition: background 0.175s ease, X;
  transition: background 0.175s ease, X;
  -webkit-transition: background 0.175s ease;
  -moz-transition: background 0.175s ease;
  -o-transition: background 0.175s ease;
  transition: background 0.175s ease;
}
.source-module.project-block .cloud-source-selector .configure-source .inputs button:hover {
  background: #e6e6e6;
}
.source-module.project-block .cloud-source-selector .configure-source .error {
  background: rgba(215, 25, 57, 0.12);
  padding: 20px;
  max-width: 375px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid rgba(215, 25, 57, 0.15);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #D71939;
  margin-bottom: 20px;
}
.source-module.project-block .cloud-source-selector .configure-source .error .icon {
  color: #D71939;
  font-size: 25px;
  margin-right: 15px;
}
.source-module.project-block .cloud-source-selector .configure-source .error .text {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.3;
}
.source-module.project-block .block-wrapper--fixed-size {
  padding: 10vh;
}
.source-module.project-block .block-wrapper--fixed-size .content {
  width: 100%;
}
.source-module.project-block .source-frame {
  height: 66vh;
  border: 1px solid #ededed;
  position: relative;
}
.source-module.project-block .source-frame .loading {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.source-module.project-block .source-frame iframe {
  width: 100%;
  height: 100%;
}
.source-module.project-block .source-frame iframe.iframe-hack-hidden {
  opacity: 0;
  visibility: hidden;
  top: 0;
  position: fixed;
}
.source-module.project-block .edit-button-wrapper {
  text-align: center;
}
.source-module.project-block .edit-button {
  background: #f8f8f8;
  border: 1px solid #ededed;
  width: 120px;
  text-align: center;
  height: 40px;
  color: #4d4d4d;
  font-size: 13px;
  margin: 10px auto 20px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
}
.source-module.project-block .edit-button i {
  margin-right: 9px;
  margin-left: -15px;
}
.source-module.project-block .source-error {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -5;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.source-module.project-block .source-error .content {
  background: #fafafa;
  border: 1px solid #ededed;
  padding: 30px 20px;
  text-align: center;
  max-width: 420px;
}
.source-module.project-block .source-error .content .title {
  color: #D71939;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 140%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.source-module.project-block .source-error .content .title .icon {
  font-size: 150%;
  margin-right: 15px;
}
.source-module.project-block .source-error .content p {
  font-size: 100%;
  font-style: italic;
  line-height: 1.4;
  color: #595959;
}
.source-module.project-block .controls-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  height: 50vh;
}
.source-module.project-block .controls-wrapper .controls {
  max-width: 500px;
}
.source-module.project-block .controls-wrapper .controls .controls-header .title {
  font-family: "calibre-legacy", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 150%;
  color: #666666;
}
.source-module.project-block .controls-wrapper .controls .input .hero-action-button {
  width: 120px;
  margin: 30px auto;
}
.accept-text {
  padding: 16px 0 0;
}
.accept-text .text-input {
  text-align: left !important;
  padding: 5px !important;
  margin-top: 10px;
  font-size: 12px;
}
.accept-text .text-input.button-text {
  height: 30px;
}
.accept-text textarea.text-input {
  min-height: 90px;
  resize: none;
}
.custom-form {
  position: relative;
}
.custom-form .manage {
  display: flex;
  cursor: pointer;
  margin: 10px 0;
}
.custom-form .manage .label {
  color: #666666;
  font-size: 12px;
  width: 85%;
  line-height: 15px;
}
.custom-form .manage .icon {
  height: 32px;
  width: 32px;
  border: 1px solid #E7ECEE;
  font-weight: bold;
  color: #00857b;
  text-align: center;
}
.custom-form .manage:hover .icon {
  background-color: #F3F5F6;
}
.custom-form .dropdown select {
  font-weight: 600;
  text-transform: uppercase;
  color: #4A4A4A;
  opacity: 0.75;
  height: 30px;
  padding: 8px 9px;
  line-height: 14px;
  font-size: 12px;
  letter-spacing: 1px;
  background-size: 25px;
}
.custom-form__feature-lock {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.inline-preview-accept {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}
.inline-preview-accept__reset-button {
  margin: 24px auto 0;
}
.accept-wrapper {
  margin-top: 50px;
}
.esignature-menu .item {
  padding: 15px;
  border-bottom: 1px solid #ededed;
}
.esignature-menu .disclaimer-editor {
  font-size: 14px;
  color: #47535d;
  line-height: 0;
  min-height: 32px;
  outline: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.esignature-menu .disclaimer-editor span {
  font-family: "calibre-legacy", sans-serif;
}
.esignature-menu .disclaimer-editor .editor-v1 .new-editor {
  padding: 6px;
  margin: 0;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  cursor: auto;
}
.esignature-menu .disclaimer-editor *:not(.promptable) > p:last-child,
.esignature-menu .disclaimer-editor .promptable:last-child p {
  padding-bottom: 0;
}
.esignature-menu .item.setup .signees {
  padding-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.esignature-menu .item.prefilled-names .names {
  max-height: 120px;
  overflow-y: auto;
}
.esignature-menu .item.prefilled-names .names input {
  width: 98%;
}
.esignature-menu .e-signature-warning {
  margin: 5px 0 10px;
  color: #e83050;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}
.esignature-button {
  background-image: url(/Assets/icons/color/super-esig-75.svg);
}
.esignature-button--with-react-icon {
  background-image: none;
  background-color: #2c6fe8;
  color: white;
}
.tooltip-block-menu.pipedrive-settings-menu {
  width: 500px;
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tooltip-block-menu.pipedrive-settings-menu .horizontal-section {
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
}
.tooltip-block-menu.pipedrive-settings-menu .right-section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tooltip-block-menu.pipedrive-settings-menu .right-section .button-icon {
  margin: auto;
  opacity: 0.5;
}
.tooltip-block-menu.pipedrive-settings-menu .pipeline-section {
  margin-top: 11px;
}
.tooltip-block-menu.pipedrive-settings-menu .simple-dropdown {
  width: 100%;
  margin-bottom: 15px;
}
.tooltip-block-menu.pipedrive-settings-menu .loader-explainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.tooltip-block-menu.pipedrive-settings-menu .circle-loader-small {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.tooltip-block-menu.pipedrive-settings-menu .circle-loader-small:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.tooltip-block-menu.pipedrive-settings-menu .circle-loader-small:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.quote-menu--post-accept .post-accept__configuration {
  display: grid;
  gap: 16px;
}
.quote-menu--post-accept .post-accept__url-form-error {
  color: #D71939;
}
.quote-menu--post-accept .post-accept__label-form,
.quote-menu--post-accept .post-accept__url-form {
  display: grid;
  gap: 4px;
}
.accept-button-menu {
  position: relative;
  width: fit-content;
}
.accept-button-menu__content {
  display: grid;
  gap: 8px;
}
.accept-button-menu__control-title {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
  margin-top: 8px;
}
.kl-opt-in-lowercase-label .accept-button-menu__control-title {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.action-button-wrapper .accept-button-v2:not(.inline-button):hover {
  box-shadow: 0 0 0 5px rgba(51, 175, 255, 0.25);
}
.active.action-button-wrapper .accept-button-v2:not(.inline-button) {
  box-shadow: 0 0 0 5px rgba(51, 175, 255, 0.5);
}
.action-button-wrapper {
  position: relative;
}
.selection-type-menu {
  padding: 15px 15px 5px 15px;
}
.selection-type-menu .selection-type {
  margin: 5px 0;
}
.selection-type-menu .selection-type label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: none;
}
.selection-type-menu .selection-type label span {
  color: #242C39;
  font-size: 12px;
  line-height: 14px;
}
.selection-type-menu .selection-type label input[type=radio] {
  cursor: pointer;
  border-color: #00857b;
}
.selection-type-menu .selection-type label input[type=radio]:checked {
  background-color: #00857b;
}
.selection-type-menu .selection-type-menu__divider {
  margin: 15px 0 10px 0;
  border-color: rgba(129, 162, 178, 0.25);
}
.selection-type-button {
  background-image: url("/Assets/icons/color/super-choice-75.svg");
}
.custom-labels .custom-labels-list {
  margin-top: 45px;
}
.custom-labels .custom-labels-list .custom-labels-set {
  width: 330px;
  margin: 0 auto;
  padding: 0 5px;
  cursor: pointer;
}
.custom-labels .custom-labels-list .custom-labels-set .controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  height: 49px;
  width: 100%;
  padding: 14px 5px 16px 17px;
}
.custom-labels .custom-labels-list .custom-labels-set .controls p {
  font-size: 16px;
  line-height: 19px;
  color: #4A4A4A;
}
.custom-labels .custom-labels-list .custom-labels-set .controls .edit-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.custom-labels .custom-labels-list .custom-labels-set .controls .edit-button .label {
  color: #879EA9;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-right: 6px;
}
.custom-labels .custom-labels-list .custom-labels-set .controls .edit-button .edit-arrow {
  fill: #879EA9;
  width: 11px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-labels .custom-labels-list .custom-labels-set .edit-arrow {
  margin-right: 6px;
}
.custom-labels .custom-labels-list .custom-labels-set:hover .edit-arrow {
  margin-left: 6px;
  margin-right: 0;
}
.custom-labels .custom-labels-list .custom-labels-set + .custom-labels-set {
  margin-top: 5px;
}
.custom-labels .old-create-button-divider {
  margin: 13px auto 0;
  width: 320px;
}
.custom-labels .custom-fields {
  margin-top: 30px;
  margin-bottom: 35px;
}
.custom-labels .custom-fields .field {
  padding: 5px 0 5px 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.custom-labels .custom-fields .field .field-name {
  color: #4A4A4A;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 14px;
  opacity: 0.75;
}
.custom-labels .custom-fields .field .field-value {
  width: 150px;
  height: 40px;
  padding: 5px 0 5px 13px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  color: #222222;
  font-size: 14px;
  line-height: 29px;
  background: none;
}
.custom-labels .custom-fields .field .field-value::placeholder {
  font-style: initial;
  opacity: 0.5;
}
.custom-labels .custom-fields .field + .field {
  border-top: 1px solid rgba(129, 162, 178, 0.1);
}
.custom-labels .button-primary {
  margin: 55px auto 100px;
}
.quote-menu {
  font-size: 12px;
  color: #666666;
  line-height: 14px;
}
.quote-menu .language-overrides .edit-overrides {
  cursor: pointer;
  padding: 17px 0 17px 0;
}
.quote-menu .language-overrides .edit-overrides .edit-overrides-arrow {
  fill: #00857b;
  border: 1px solid rgba(129, 162, 178, 0.2);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.quote-menu .language-overrides .edit-overrides .edit-overrides-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.quote-menu .language-overrides .simple-dropdown {
  width: 100%;
}
.quote-menu .language-overrides .overrides-dropdown {
  width: 100%;
}
.quote-menu .tax-set-name {
  padding: 0px 0 8px 0;
}
.quote-menu .edit-taxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 19px 0 0 0;
}
.quote-menu .edit-taxes-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: 300;
}
.quote-menu .tax-items {
  padding: 10px 0 0 0;
}
.quote-menu .tax-items label {
  color: #666666;
}
.quote-menu .edit-taxes-arrow {
  fill: #00857b;
  border: 1px solid rgba(129, 162, 178, 0.2);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.overlay-stack .overlay-content .list.main-content.Variables {
  width: 530px;
  max-width: 530px;
}
.overlay-stack .overlay-content .list.main-content.Variables .description {
  margin-bottom: 45px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable {
  position: relative;
  padding-right: 8px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu {
  width: 236px;
  background-color: white;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu .toggle-button {
  padding-left: 13px;
  padding-right: 13px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu .delete-variable {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 14px 13px 13px 13px;
  border-top: 1px solid rgba(129, 162, 178, 0.1);
  height: 40px;
  cursor: pointer;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu .delete-variable span {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #D71939;
  text-transform: uppercase;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu .delete-variable ng-include {
  fill: rgba(129, 162, 178, 0.3);
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu .delete-variable:hover {
  background-color: rgba(215, 25, 57, 0.1);
  border-top: 1px solid rgba(151, 151, 151, 0.1);
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-menu .delete-variable:hover ng-include {
  fill: #D71939;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units {
  position: relative;
  margin-right: 0;
  padding: 0;
  cursor: pointer;
  text-transform: uppercase;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .top-level-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  user-select: none;
  padding: 13px 7px 13px 14px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units span.icon {
  font-size: 16px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown {
  position: absolute;
  left: -1px;
  top: 39px;
  width: 150px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 0 0 3px 3px;
  border-top: none;
  background-color: white;
  z-index: 1;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  text-transform: uppercase;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item:hover {
  background-color: #f2f6f7;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .unit-name {
  width: 100%;
  padding: 13px 12px 13px 14px;
  font-size: 12px;
  line-height: 14px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .tick-icon,
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .unit-delete-icon {
  position: absolute;
  right: 12px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .tick-icon {
  fill: #00857b;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.deletable-unit:hover .tick-icon {
  display: none;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .unit-delete-icon {
  fill: rgba(129, 162, 178, 0.3);
  opacity: 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .unit-delete-icon:hover {
  fill: #D71939;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item:hover .unit-delete-icon {
  opacity: 1;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.deletable-unit:hover {
  background-color: rgba(215, 25, 57, 0.1);
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .unit-name:hover {
  background-color: #f2f6f7;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.new-item {
  padding: 5px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.new-item .edit-new-item {
  border: 1px solid #1099FC;
  border-radius: 3px;
  width: 100%;
  height: 30px;
  padding-left: 9px;
  font-size: 14px;
  line-height: 29px;
  font-weight: normal;
  color: #222222;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.new-item .edit-new-item:focus {
  outline: none;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.add-new-unit:hover {
  background-color: rgba(0, 133, 123, 0.15);
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item.add-new-unit:hover .unit-name:hover {
  background-color: transparent;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .add-new-unit-label,
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .add-icon {
  color: #00857b;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units .variable-dropdown .dropdown-item .add-icon {
  position: absolute;
  right: 12px;
  font-size: 24px;
  line-height: 14px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-units.menu-visible {
  border-radius: 3px 3px 0 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-label {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  color: #4A4A4A;
  opacity: 0.75;
  text-transform: uppercase;
  margin-right: 10px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-label.variable-index {
  position: absolute;
  right: 540px;
  opacity: 0.5;
  margin-right: 0px;
  width: 15px;
  text-align: right;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control {
  width: 150px;
  height: 40px;
  margin-right: 10px;
  padding: 13px 0 13px 14px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  color: rgba(74, 74, 74, 0.75);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control .currency-symbol {
  width: 36px;
  height: 100%;
  background-color: rgba(129, 162, 178, 0.1);
  color: #81a2b2;
  font-size: 17px;
  flex-shrink: 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control.variable-amount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .variable-control .variable-amount-input {
  border: none;
  width: 100%;
  height: 100%;
  padding-left: 7px;
  color: rgba(74, 74, 74, 0.75);
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .floating-menu-button {
  opacity: 0;
  position: absolute;
  top: 13px;
  right: -24px;
  width: 24px;
  height: 24px;
  border: 1px solid #81a2b2;
  color: #81a2b2;
  border-radius: 50%;
  cursor: pointer;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .floating-menu-button.show-menu-button {
  opacity: 1;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable:hover .floating-menu-button {
  opacity: 1;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .q-tooltip {
  background-color: white;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls {
  padding-bottom: 5px;
  position: relative;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .condition-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .condition-control .condition-amount {
  width: 62px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .condition-control .condition-label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  width: 83px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip {
  display: none;
  top: -100px;
  border: 1px solid transparent;
  padding: 15px 15px 16px 15px;
  width: 245px;
  background-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.bottom .q-tooltip-arrow-outline {
  border-bottom-color: transparent;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.place-bottom::after {
  border-bottom-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.top .q-tooltip-arrow-outline {
  border-top-color: transparent;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.top .q-tooltip-arrow-inset {
  border-top-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.place-top::after {
  border-top-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.right .q-tooltip-arrow-outline {
  border-right-color: transparent;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.right .q-tooltip-arrow-inset {
  border-right-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.place-right::after {
  border-right-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.left .q-tooltip-arrow-outline {
  border-left-color: transparent;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.left .q-tooltip-arrow-inset {
  border-left-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip.place-left::after {
  border-left-color: #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .q-tooltip .condition-clash-error {
  color: #FCFCFC;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .disable-controls {
  position: absolute;
  width: 370px;
  height: 90px;
  background-color: white;
  right: 0;
  top: 0;
  opacity: 0.5;
  display: none;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls.clashing-conditions .condition-amount {
  border: 2px solid #ffce53;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls.clashing-conditions .q-tooltip {
  display: block;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls.clashing-conditions .disable-controls {
  display: block;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable .condition-controls .condition-control + .condition-control {
  margin-top: 5px;
}
.overlay-stack .overlay-content .list.main-content.Variables .button {
  margin: 55px auto 20px auto;
}
.overlay-stack .overlay-content .list.main-content.Variables .variable + .variable .variable-controls {
  border-top: 1px solid rgba(129, 162, 178, 0.2);
}
.overlay-stack .overlay-content .list.main-content.Variables .variable.expanded-controls + .variable .variable-controls {
  border-top: 1px solid rgba(129, 162, 178, 0.5);
}
.saved-line-items .top-bar {
  position: fixed;
  top: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid rgba(129, 162, 178, 0.3);
  width: 100%;
  background-color: white;
  z-index: 1;
}
.saved-line-items .top-bar .right-aligned {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.saved-line-items .top-bar .filter-line-items {
  background-image: url("/Assets/icons/search-icon.png") !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 10px;
  padding-left: 30px;
  background-color: transparent;
  border-radius: 0;
  height: 76px;
  width: 400px;
  border: none;
  background-size: 17px;
  background-position: 26px center;
  padding-left: 56px;
  font-size: 12px;
  line-height: 14px;
}
.saved-line-items .top-bar .filter-line-items::placeholder {
  font-size: 12px;
  font-style: unset;
  letter-spacing: 1px;
  line-height: 14px;
  color: rgba(129, 162, 178, 0.85);
  text-transform: uppercase;
}
.saved-line-items .top-bar .icon {
  color: #81a2b2;
  font-size: 30px;
  padding: 23px;
  cursor: pointer;
}
.saved-line-items .top-bar .button-primary {
  height: 36px;
  width: 160px;
  padding: 10px 16px;
}
.saved-line-items .top-bar .button-add {
  height: 36px;
  padding: 10px 9px;
  margin-right: 10px;
  fill: white;
}
.saved-line-items .top-bar .button-add ng-include {
  margin-right: 8px;
}
.saved-line-items .top-bar .q-tooltip.error-theme {
  width: 200px;
}
.saved-line-items .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 149px;
}
.saved-line-items .content h1 {
  text-transform: uppercase;
  font-size: 23px;
  line-height: 28px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #3F6677;
}
.saved-line-items .content .line-item-table {
  margin-top: 45px;
  width: 100%;
  max-width: 930px;
}
.saved-line-items .content .line-item-table .deletable-line {
  width: 100%;
  padding-right: 5px;
}
.saved-line-items .content .line-item-table .line-item-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  padding: 14px 18px 14px 15px;
  margin: 5px 0px;
  cursor: pointer;
}
.saved-line-items .content .line-item-table .line-item-row.selected {
  border: 2px solid #1099FC;
  margin: 4px 0px;
}
.saved-line-items .content .line-item-table .line-item-row.line-item-header-row {
  cursor: initial;
  border: none;
  margin-bottom: 0;
  padding-bottom: 10px;
  height: fit-content;
}
.saved-line-items .content .line-item-table .line-item-row .line-item-cell.line-item-header {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  color: #263E52;
  font-weight: bold;
}
.saved-line-items .content .line-item-table .line-item-row .description {
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  color: #4A4A4A;
}
.saved-line-items .content .line-item-table .line-item-row .rate,
.saved-line-items .content .line-item-table .line-item-row .quantity,
.saved-line-items .content .line-item-table .line-item-row .price {
  width: 25%;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
  color: rgba(74, 74, 74, 0.75);
  text-transform: uppercase;
}
.saved-line-items .content .line-item-table .line-item-row .quantity {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.saved-line-items .content .line-item-table .line-item-row .quantity .quantity-amount {
  color: #4A4A4A;
  margin-right: 20px;
}
.saved-line-items .content .line-item-table .line-item-row .price {
  text-align: right;
  width: 20%;
}
.variable-chooser-tooltip {
  width: fit-content;
  left: -71px;
  margin-top: 8px;
  border: 1px solid #00b8aa;
}
.variable-chooser-tooltip .variable-chooser-menu {
  background: #00857b;
  width: 290px;
  color: white;
}
.variable-chooser-tooltip .variable-chooser-menu__edit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 15px;
  margin-bottom: 6px;
}
.variable-chooser-tooltip .variable-chooser-menu__edit:hover {
  background-color: #009489;
}
.variable-chooser-tooltip .variable-chooser-menu__edit-description {
  font-size: 12px;
  line-height: 32px;
}
.variable-chooser-tooltip .variable-chooser-menu__edit-arrow {
  fill: #00857b;
  background: rgba(129, 162, 178, 0.05);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.variable-chooser-tooltip .variable-chooser-menu__search-container {
  padding: 0 15px 6px 15px;
}
.variable-chooser-tooltip .variable-chooser-menu__search-input {
  width: 100%;
  height: 100%;
  border: 1px solid #98d3ce;
  background-image: url("/Assets/icons/search-icon.png") !important;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 10px;
  padding-left: 30px;
  border-radius: 0;
  padding: 6px 0 6px 32px;
  background-color: transparent;
  background-size: 17px;
  background-position: 8px center;
  color: white;
}
.variable-chooser-tooltip .variable-chooser-menu__search-input::placeholder {
  color: #98d3ce;
  font-size: 13px;
  font-style: unset;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.variable-chooser-tooltip .variable-chooser-menu__search-input:hover {
  border-color: #dff1f0;
}
.variable-chooser-tooltip .variable-chooser-menu__results {
  max-height: 220px;
  overflow-y: auto;
}
.variable-chooser-tooltip .variable-chooser-menu__result {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 12px 15px;
}
.variable-chooser-tooltip .variable-chooser-menu__result:hover {
  background-color: #009489;
}
.variable-chooser-tooltip .variable-chooser-menu__result-name {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
}
.variable-chooser-tooltip .variable-chooser-menu__result-rate {
  font-size: 13px;
  line-height: 16px;
  text-align: right;
}
.variable-chooser-tooltip.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.variable-chooser-tooltip.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #00b8aa;
}
.variable-chooser-tooltip.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #00857b;
}
.variable-chooser-tooltip.place-bottom::after {
  border-bottom-color: #00857b;
}
.variable-chooser-tooltip.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.variable-chooser-tooltip.top .q-tooltip-arrow-outline {
  border-top-color: #00b8aa;
}
.variable-chooser-tooltip.top .q-tooltip-arrow-inset {
  border-top-color: #00857b;
}
.variable-chooser-tooltip.place-top::after {
  border-top-color: #00857b;
}
.variable-chooser-tooltip.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.variable-chooser-tooltip.right .q-tooltip-arrow-outline {
  border-right-color: #00b8aa;
}
.variable-chooser-tooltip.right .q-tooltip-arrow-inset {
  border-right-color: #00857b;
}
.variable-chooser-tooltip.place-right::after {
  border-right-color: #00857b;
}
.variable-chooser-tooltip.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.variable-chooser-tooltip.left .q-tooltip-arrow-outline {
  border-left-color: #00b8aa;
}
.variable-chooser-tooltip.left .q-tooltip-arrow-inset {
  border-left-color: #00857b;
}
.variable-chooser-tooltip.place-left::after {
  border-left-color: #00857b;
}
.variable-input-container {
  position: relative;
  overflow: initial;
}
.move-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.move-container .arrows-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.move-container .arrows-container .arrow {
  margin-left: 5px;
  border-radius: 100%;
  cursor: pointer;
  color: #81a2b2;
  font-weight: 700;
}
.move-container .arrows-container .arrow:hover {
  color: #00857b;
  background-color: rgba(0, 133, 123, 0.25);
}
.q-tooltip .settings-menu {
  background: white;
  padding: 9px 0;
  width: 230px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.q-tooltip .settings-menu .settings .toggle-with-label .toggle-button {
  padding-left: 18px;
  padding-right: 18px;
  width: 100%;
}
.q-tooltip .settings-menu .settings .move-container {
  padding: 9px 18px 3px 18px;
}
.q-tooltip .settings-menu .settings .move-container .arrows-container .arrow {
  width: 27px;
  height: 27px;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container {
  display: flex;
  flex-direction: column;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .simple-dropdown {
  margin: 0 18px 5px;
  width: calc(100% - 36px);
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .simple-dropdown__item--one-off-discount {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .discount-section {
  width: 84%;
  margin: auto;
  margin-bottom: 12px;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .one-off-discount-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 2px;
  height: 36px;
  margin: 0 18px 9px;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .one-off-discount-container input.discount-units {
  border: none;
  background: none;
  font-size: 14px;
  padding-left: 9px;
  height: 36px;
  min-width: 0;
  -moz-appearance: textfield;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: 400;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .one-off-discount-container .discount-type-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2px;
  background: rgba(129, 162, 178, 0.1);
  border-radius: 6px;
  min-width: 52px;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .one-off-discount-container .discount-type-container .discount-type {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: rgba(71, 83, 93, 0.85);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .one-off-discount-container .discount-type-container .discount-type:hover {
  background: rgba(129, 162, 178, 0.1);
}
.q-tooltip .settings-menu .settings .discount-setting .discount-setting-container .one-off-discount-container .discount-type-container .discount-type.selected {
  color: #47535d;
  background: white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.1);
}
.q-tooltip .settings-menu .settings .discount-setting .edit-discount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  color: #666666;
  line-height: 14px;
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(129, 162, 178, 0.2);
}
.q-tooltip .settings-menu .settings .discount-setting .edit-discount-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: 300;
}
.q-tooltip .settings-menu .settings .discount-setting .edit-discount-arrow {
  fill: #00857b;
  border: 1px solid rgba(129, 162, 178, 0.2);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.q-tooltip .settings-menu .settings .optional-quantity .inputs {
  padding: 0 18px;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.q-tooltip .settings-menu .settings .optional-quantity .inputs .input-container {
  position: relative;
  height: 100%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  -webkit-flex-basis: 49%;
  flex-basis: 49%;
}
.q-tooltip .settings-menu .settings .optional-quantity .inputs .input-container span {
  position: relative;
  left: 5px;
  opacity: 0.5;
  color: #242C39;
  font-size: 10px;
  text-transform: uppercase;
}
.q-tooltip .settings-menu .settings .optional-quantity .inputs .input-container input {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90%;
  padding: 0;
  border: none;
  text-align: center;
  font-size: 18px;
  color: #242C39;
  background: none;
}
.q-tooltip .settings-menu .settings .delete-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 18px 0;
  border-top: 1px solid whitesmoke;
  text-transform: uppercase;
  font-size: 12px;
  color: #D71939;
}
.q-tooltip .settings-menu .settings .delete-container .button-trash {
  width: 30px;
  height: 30px;
  border: 1px solid white;
  border-radius: 3px;
}
.q-tooltip .settings-menu .settings .delete-container:hover .button-trash {
  border-color: rgba(129, 162, 178, 0.25);
}
.q-tooltip .settings-menu .settings .save-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 300;
  color: #6e6e6e;
}
.q-tooltip .settings-menu .settings .save-container.clickable {
  cursor: pointer;
}
.q-tooltip .settings-menu .settings .save-container .button-save {
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.q-tooltip .settings-menu .settings .save-container .button-save .plus-button {
  fill: #00857b;
}
.q-tooltip .settings-menu .settings .save-container .button-save .completed {
  fill: #00857b;
}
.q-tooltip .settings-menu .settings .save-container .button-save .circle-loader-small {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.q-tooltip .settings-menu .settings .save-container .button-save .circle-loader-small:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.q-tooltip .settings-menu .settings .save-container .button-save .circle-loader-small:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
}
.q-tooltip .settings-menu .settings:first-child .delete-container {
  padding-top: 0;
  border: none;
}
.q-tooltip .settings-menu.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.q-tooltip .settings-menu.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #e6e6e6;
}
.q-tooltip .settings-menu.bottom .q-tooltip-arrow-inset {
  border-bottom-color: white;
}
.q-tooltip .settings-menu.place-bottom::after {
  border-bottom-color: white;
}
.q-tooltip .settings-menu.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.q-tooltip .settings-menu.top .q-tooltip-arrow-outline {
  border-top-color: #e6e6e6;
}
.q-tooltip .settings-menu.top .q-tooltip-arrow-inset {
  border-top-color: white;
}
.q-tooltip .settings-menu.place-top::after {
  border-top-color: white;
}
.q-tooltip .settings-menu.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.q-tooltip .settings-menu.right .q-tooltip-arrow-outline {
  border-right-color: #e6e6e6;
}
.q-tooltip .settings-menu.right .q-tooltip-arrow-inset {
  border-right-color: white;
}
.q-tooltip .settings-menu.place-right::after {
  border-right-color: white;
}
.q-tooltip .settings-menu.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.q-tooltip .settings-menu.left .q-tooltip-arrow-outline {
  border-left-color: #e6e6e6;
}
.q-tooltip .settings-menu.left .q-tooltip-arrow-inset {
  border-left-color: white;
}
.q-tooltip .settings-menu.place-left::after {
  border-left-color: white;
}
.insert-item-menu-tooltip {
  border: 1px solid #42aefd;
}
.insert-item-menu-tooltip .insert-item-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #1099FC;
  color: white;
  padding-left: 16px;
}
.insert-item-menu-tooltip .insert-item-menu .item-icon {
  width: 16px;
  height: 16px;
  fill: white;
}
.insert-item-menu-tooltip .insert-item-menu .item-type {
  padding: 12px;
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
}
.insert-item-menu-tooltip .insert-item-menu:hover {
  background: #026fbd;
}
.insert-item-menu-tooltip.bottom .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.insert-item-menu-tooltip.bottom .q-tooltip-arrow-outline {
  border-bottom-color: #42aefd;
}
.insert-item-menu-tooltip.bottom .q-tooltip-arrow-inset {
  border-bottom-color: #1099FC;
}
.insert-item-menu-tooltip.place-bottom::after {
  border-bottom-color: #1099FC;
}
.insert-item-menu-tooltip.top .q-tooltip-arrow {
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.insert-item-menu-tooltip.top .q-tooltip-arrow-outline {
  border-top-color: #42aefd;
}
.insert-item-menu-tooltip.top .q-tooltip-arrow-inset {
  border-top-color: #1099FC;
}
.insert-item-menu-tooltip.place-top::after {
  border-top-color: #1099FC;
}
.insert-item-menu-tooltip.right .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.insert-item-menu-tooltip.right .q-tooltip-arrow-outline {
  border-right-color: #42aefd;
}
.insert-item-menu-tooltip.right .q-tooltip-arrow-inset {
  border-right-color: #1099FC;
}
.insert-item-menu-tooltip.place-right::after {
  border-right-color: #1099FC;
}
.insert-item-menu-tooltip.left .q-tooltip-arrow {
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.insert-item-menu-tooltip.left .q-tooltip-arrow-outline {
  border-left-color: #42aefd;
}
.insert-item-menu-tooltip.left .q-tooltip-arrow-inset {
  border-left-color: #1099FC;
}
.insert-item-menu-tooltip.place-left::after {
  border-left-color: #1099FC;
}
.invoice-settings-menu {
  padding: 15px;
  width: 240px;
  background-color: white;
  font-size: 11.5px;
}
.invoice-settings-menu .invoice-settings-description {
  color: #A0A0A0;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 0 10px 0;
}
.invoice-settings-menu .button-secondary {
  background-color: rgba(129, 162, 178, 0.3);
  color: #587785;
  width: 170px;
  font-size: 11.5px;
  padding: 8px 12px;
}
.invoice-settings-menu .invoice-on-accept {
  padding: 15px 2px 0;
}
.invoice-settings-menu .dropdown-select {
  padding: 8px 4px;
  38position: relative;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control {
  padding: 3px 4px;
  position: relative;
  margin-right: 0;
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 0 0 3px 3px;
  background-color: white;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .selected-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  user-select: none;
  padding: 10px 7px 10px 14px;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items {
  max-height: 200px;
  overflow-y: auto;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items .dropdown-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  text-transform: uppercase;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items .dropdown-item:hover {
  background-color: #f2f6f7;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items .dropdown-item .item-name {
  width: 100%;
  padding: 10px 12px 10px 14px;
  font-size: 12px;
  line-height: 14px;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items .dropdown-item .tick-icon {
  position: absolute;
  right: 12px;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items .dropdown-item .tick-icon {
  fill: #00857b;
}
.invoice-settings-menu .dropdown-select .dropdown-select-control .dropdown-items .dropdown-item .item-name:hover {
  background-color: #f2f6f7;
}
.line-item-buttons-group {
  display: flex;
  margin: 2%;
  font-family: "calibre-legacy", sans-serif;
}
.line-item-buttons-group .line-item-button-container {
  display: flex;
  margin-right: 1%;
  padding: 10px;
  height: 36px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 18px;
  background-color: white;
  color: #526573;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
  transition: background-color 0.3s ease;
}
.line-item-buttons-group .line-item-button-container .line-item-action-button {
  margin-left: 5px;
}
.line-item-buttons-group .line-item-button-container:hover {
  background-color: #1099FC;
  cursor: pointer;
  color: white;
  fill: white;
}
.line-item-buttons-group .line-item-button-container .line-item-button-icon {
  width: 13px;
  height: 100%;
  background-repeat: no-repeat;
}
.context-menu-react__panel .popover__panel {
  margin: 4px 0;
}
.context-menu-react__panel .popover__panel-content {
  padding: 0;
}
.context-menu-react__panel .popover__panel-scroll,
.context-menu-react__subpanel .popover__panel-scroll {
  overflow: visible;
}
.context-menu-react__actions {
  padding: 4px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.context-menu-react__menu-item {
  display: block;
}
.context-menu-react__menu-item[aria-expanded="true"]::before {
  background-color: rgba(129, 162, 178, 0.1) !important;
}
.context-menu-react__menu-item::before {
  transform: none;
}
.context-menu-react__menu-item .button__content {
  justify-content: space-between;
}
.context-menu-react__actions + .context-menu-react__menu {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.discount-panel {
  background: white;
  display: grid;
  gap: 8px;
}
.discount-panel .alert__heading {
  text-align: center;
}
.variables-combobox {
  width: 280px !important;
}
.variables-combobox__manage-button {
  width: 100%;
  background: white;
  padding: 6px 16px 16px;
  position: sticky;
  bottom: 0;
}
.variables-combobox__variable-name {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.variables-combobox__variable-amount {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
.kl-opt-in-lowercase-label .variables-combobox__variable-amount {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.item-menu-popup__quantity-range {
  display: flex;
  gap: 8px;
  margin-top: 5px;
}
.quote-product-filter__panel-contents {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.quote-product-filter__label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.quote-product-filter__popover .popover__panel-scroll {
  overflow-y: unset;
}
.quote-product-filter__popover-button {
  max-width: 100%;
}
.quote-product-filter__popover-button .button__content {
  max-width: 100%;
}
.quote-product-loader {
  display: grid;
}
.quote-product-loader__component--hidden {
  visibility: hidden;
}
.quote-product-loader__ghost,
.quote-product-loader__component {
  grid-area: 1/1;
}
.qwilr-quote-v2 {
  padding-bottom: 50px;
}
.qwilr-quote-v2-react .section__row:hover .section__row-add-button,
.qwilr-quote-v2-react .section .section__row-add.section__row-add--show-actions .section__row-add-button,
.qwilr-quote-v2-react .section .section__row-add-button:focus {
  opacity: 1;
}
.qwilr-quote-v2-react .section__row-add {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  transform: translate3d(-50%, -50%, 0);
}
.qwilr-quote-v2-react .section__row-add-button {
  opacity: 0;
}
.qwilr-quote-v2-react .section__row:hover .section__row-edit-button,
.qwilr-quote-v2-react .section .section__row-edit.section__row-edit--show-actions .section__row-edit-button,
.qwilr-quote-v2-react .section .section__row-edit-button:focus {
  opacity: 1;
}
.qwilr-quote-v2-react .section__row-edit {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 0;
  transform: translate3d(50%, 0, 0);
}
.qwilr-quote-v2-react .section__row-edit-button {
  opacity: 0;
}
.qwilr-quote-v2-react .section__panel-wrapper {
  width: 300px;
}
.qwilr-quote-v2-react .section__discount-note {
  margin-top: 4px;
  padding-left: 4px;
}
.qwilr-quote-v2-react .section .editor-v1 .new-editor,
.qwilr-quote-v2-react .plan-card .editor-v1 .new-editor {
  padding: 4px 8px;
  border-radius: 4px;
  position: relative;
  margin: 0;
  cursor: auto;
}
.qwilr-quote-v2-react .plan-section .editor-v1 .new-editor,
.qwilr-quote-v2-react .plan-card__feature-list .editor-v1 .new-editor {
  padding: 0;
  margin: 0;
}
.qwilr-quote-v2-react .section .editor-v1 .new-editor,
.qwilr-quote-v2-react .plan-card__card-description .editor-v1 .new-editor {
  -webkit-transition: -webkit-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: -moz-box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.qwilr-quote-v2-react .section .editor-v1 .new-editor:hover,
.qwilr-quote-v2-react .plan-card__card-description .editor-v1 .new-editor:hover {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .section .editor-v1 .new-editor:focus,
.qwilr-quote-v2-react .plan-card__card-description .editor-v1 .new-editor:focus {
  box-shadow: 0 0 0 1px rgba(129, 162, 178, 0.5);
}
.qwilr-quote-v2-react .plan-card__card-description .editor-v1 .new-editor {
  padding: 4px 0;
}
.QuoteV2 .block-wrapper > .row::before,
.QuoteV2 .block-wrapper > .row::after {
  display: none;
}
/*
Import these styles outside of quote-v2-react because they're mounted
outside of it.
*/
.quote-section-toolbar__style-popover .popover__panel-content {
  padding: 0;
}
.quote-section-toolbar__style-popover .popover__panel-content .quote-style-shortcut {
  padding-top: 0;
}
.qwilr-quote-v2-react .plan-card-price-popover__button {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  color: unset;
  background-color: transparent;
  position: relative;
}
.qwilr-quote-v2-react .plan-card-price-popover__button::before {
  transition: border 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  content: "";
  position: absolute;
  inset: 0;
  inset-block: -8px;
  border-radius: 4px;
  pointer-events: none;
  border: 1px solid transparent;
}
.qwilr-quote-v2-react .plan-card-price-popover__button:hover::before {
  border-color: rgba(129, 162, 178, 0.25);
}
.qwilr-quote-v2-react .plan-card-price-popover__button[aria-expanded="true"]::before,
.qwilr-quote-v2-react .plan-card-price-popover__button:focus::before {
  border-color: rgba(129, 162, 178, 0.5);
}
.popover.plan-card-price-popover .popover__panel-scroll {
  overflow-y: unset;
}
.popover.plan-card-price-popover .popover__panel-content > *:not(:last-child) {
  margin-bottom: 16px;
}
.qwilr-quote-v2-react .plan-group-edit-popover__button {
  z-index: 2;
}
.plan-group-edit-popover .popover__panel-scroll {
  overflow-y: unset;
}
.plan-group-edit-popover__panel-content,
.plan-group-edit-popover__group-discount-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.plan-group-edit-popover .dropdown__menu {
  z-index: 2;
}
.project-block h1,
.project-block h2,
.project-block p,
.project-block li,
.project-block blockquote {
  -webkit-transition: color 0.15s ease-out, X;
  -moz-transition: color 0.15s ease-out, X;
  -o-transition: color 0.15s ease-out, X;
  transition: color 0.15s ease-out, X;
  -webkit-transition: color 0.15s ease-out;
  -moz-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}
.project-block .row,
.project-block .large-8,
.project-block .content,
.project-block .quote-header,
.project-block .block-wrapper {
  -webkit-transition: width 0.15s ease-out, padding 0.15s ease-out, background 0.15s ease-out;
  -moz-transition: width 0.15s ease-out, padding 0.15s ease-out, background 0.15s ease-out;
  -o-transition: width 0.15s ease-out, padding 0.15s ease-out, background 0.15s ease-out;
  transition: width 0.15s ease-out, padding 0.15s ease-out, background 0.15s ease-out;
}
@media screen and (max-width: 1000px) {
  .project-block .row,
  .project-block .large-8,
  .project-block .content,
  .project-block .quote-header,
  .project-block .block-wrapper {
    padding-top: 100px;
  }
}
.content-editor .heads-up-display {
  display: none;
}
.content-editor.block-renderer .block {
  overflow-y: scroll;
  height: calc(100vh - 72px - 16px*2);
}
.edit-action-bar {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  padding: 0 24px;
}
.edit-action-bar__block-name {
  width: 320px;
}
.edit-action-bar__actions {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: center;
  justify-content: space-between;
  margin: 0 -8px;
}
.edit-action-bar__actions button {
  margin: 0 8px;
}
.edit-action-bar__save-changes {
  min-width: 150px;
}
.edit-action-bar__more-actions {
  z-index: 891;
}
.content-preview .block-preview-wrapper {
  width: 100%;
  overflow-y: scroll;
  height: calc(100vh - 72px - 16px*2);
}
.content-preview .block-preview-wrapper .block {
  pointer-events: none;
}
.preview-action-bar {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 72px;
  padding: 0 24px;
}
.preview-action-bar__block-name-wrapper {
  width: calc(100% - 230px);
  flex-grow: 1;
  font-size: 20px;
}
.preview-action-bar__block-name {
  padding-right: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-action-bar__actions {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: center;
  justify-content: space-between;
  margin: 0 -8px;
}
.preview-action-bar__actions button {
  margin: 0 8px;
}
.preview-action-bar__more-actions {
  z-index: 891;
}
.block-renderer {
  width: calc(100vw -  16px * 2);
  height: calc(100vh -  16px * 2);
}
.block-renderer .project-block {
  border-bottom: none;
}
.block-renderer block-border,
.block-renderer .block-border {
  display: none;
}
.lock-overlay {
  position: absolute;
  z-index: 8;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
}
.lock-overlay .lock-center {
  position: absolute;
  width: 100%;
  height: 100%;
}
.lock-overlay .lock-center .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 62px;
  height: 62px;
}
.lock-overlay .lock-center .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 62px;
  height: 62px;
}
.lock-overlay .lock-center .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 62px;
  height: 62px;
}
.lock-overlay .lock-center .user-icon-positioning {
  margin-top: -57px;
  margin-left: 5px;
}
.lock-overlay .lock-corner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  padding: 20px 30px;
  color: #4A4A4A;
}
.lock-overlay .lock-corner .username {
  font-weight: 600;
}
.lock-overlay .lock-corner .lock-icon {
  border: 1px solid lightgrey;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  background: #fff;
  margin-right: 10.5px;
  fill: #4A4A4A;
}
.lock-overlay .lock-corner .lock-icon .small {
  opacity: 0.5;
}
.uneditable-overlay {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: not-allowed;
}
.uneditable .project-block .internal-message,
.uneditable .project-block .qed-placeholder-container,
.uneditable .project-block .stem-tracker-container {
  display: none;
}
.uneditable .project-block content-area {
  cursor: not-allowed;
}
.add-block-menu-item {
  margin: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  padding: 4px;
  width: 56px;
  height: 62px;
}
.add-block-menu-item:focus {
  outline: none;
}
.add-block-menu-item::after {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  pointer-events: none;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.add-block-menu-item:focus::after {
  box-shadow: 0 0 0 3px rgba(16, 153, 252, 0.5);
}
.add-block-menu-item:active::after {
  box-shadow: none;
}
.add-block-menu-item::-moz-focus-inner {
  border: 0;
}
.add-block-menu-item::after,
.add-block-menu-item::before {
  border-radius: 4px;
}
.add-block-menu-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition-property: background, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transform: scale3d(0.85, 0.85, 1);
}
.add-block-menu-item:hover::before {
  background-color: rgba(129, 162, 178, 0.25);
  transform: none;
}
.add-block-menu-item-text {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #47535d;
}
.kl-opt-in-lowercase-label .add-block-menu-item-text {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.add-block-menu-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.add-block-menu-item--disabled {
  pointer-events: none;
}
.add-block-menu-item--disabled .add-block-menu-item-text {
  color: rgba(129, 162, 178, 0.25);
}
.add-block-menu-item--disabled svg {
  filter: grayscale(1) opacity(0.25);
}
.add-block-menu-item__disabled-tooltip .tooltip-link {
  color: white;
  font-weight: 700;
  text-decoration: underline;
}
.add-block-menu {
  display: grid;
  overflow: hidden;
  transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1), height 400ms cubic-bezier(0.4, 0, 0.2, 1);
  align-content: start;
  align-items: start;
  position: fixed;
  top: 26px;
}
.add-block-menu--showing-blocks {
  width: 240px;
}
.add-block-menu--showing-presets {
  width: 800px;
}
.add-block-menu__presets-wrapper {
  height: auto !important;
}
.add-block-menu--above-border {
  bottom: 26px;
  top: initial;
}
.add-block-menu__popover-panel {
  grid-area: 1 / 1;
  display: grid;
  align-content: start;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.add-block-menu__popover-panel--blocks {
  width: 240px;
}
.add-block-menu__popover-panel--presets {
  width: 800px;
  transform: translate3d(100%, 0, 0);
}
.add-block-menu__popover-panel--entering,
.add-block-menu__popover-panel--entered {
  opacity: 1;
  transform: none;
}
.add-block-menu__items {
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px 8px;
  padding: 16px;
}
.add-block-menu .add-from-library {
  width: 100%;
}
.add-block-menu__hr {
  margin: 0;
  border-color: rgba(129, 162, 178, 0.25);
  border-bottom: 0;
}
.add-block-menu__carousel {
  padding: 24px 0px;
}
.add-block-menu__preset-tile {
  display: grid;
  gap: 8px;
}
.add-block-menu__preset-tile-card {
  display: grid;
  place-items: stretch;
}
.add-block-menu__preset-tile-thumb {
  grid-area: 1 / 1;
  border-radius: inherit;
  background-size: cover;
  background-position: center;
  aspect-ratio: 4 / 3;
}
.add-block-menu__preset-tile-overlay {
  grid-area: 1 / 1;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  border-radius: inherit;
  background-color: rgba(36, 44, 57, 0.7);
  display: grid;
  place-content: center;
  position: relative;
}
.add-block-menu__preset-tile-card:hover .add-block-menu__preset-tile-overlay {
  opacity: 1;
}
.add-block-menu__preset-tile-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0;
}
.kl-opt-in-lowercase-label .add-block-menu__preset-tile-label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.add-block-menu__preset-tile-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0;
}
.add-block-menu__action {
  display: grid;
  padding: 8px;
  align-items: center;
}
* + .add-block-menu__action,
.add-block-menu__action + * {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.add-block-menu__action-button {
  grid-area: 1 / 1;
}
.add-block-menu__action-button:first-child {
  justify-self: start;
}
.add-block-menu__action-button:last-child {
  justify-self: end;
}
.add-block-menu__action-label {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  grid-area: 1 / 1;
  text-align: center;
}
.saved-block-dropzone {
  transition: padding 400ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.saved-block-dropzone--open {
  padding-bottom: 24px;
  padding-top: 24px;
}
.saved-block-dropzone__inner {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 24px;
  margin-right: 24px;
  border: 2px dashed rgba(71, 83, 93, 0.25);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(71, 83, 93, 0.75);
  transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.saved-block-dropzone__inner--insideblock {
  height: 184px;
}
.saved-block-dropzone__inner--emptyproject {
  height: 311px;
}
.saved-block-dropzone__inner--active {
  border-color: #1099FC;
  background-color: rgba(16, 153, 252, 0.25);
}
.saved-block-dropzone__inner--enter,
.saved-block-dropzone__inner--exit {
  transition: height 400ms cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.saved-block-dropzone__inner--enter {
  height: 1px;
  opacity: 0;
}
.saved-block-dropzone__inner--enter-active {
  opacity: 1;
}
.saved-block-dropzone__inner--enter-active.saved-block-dropzone__inner--insideblock {
  height: 184px;
}
.saved-block-dropzone__inner--enter-active.saved-block-dropzone__inner--emptyproject {
  height: 311px;
}
.saved-block-dropzone__inner--exit-active {
  height: 1px;
  opacity: 0;
}
.cloned-block-placeholder {
  transition: padding 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cloned-block-placeholder--open {
  padding-bottom: 24px;
  padding-top: 24px;
}
.cloned-block-placeholder__inner {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 0;
  height: 184px;
  margin-left: 24px;
  margin-right: 24px;
  border: 2px dashed rgba(71, 83, 93, 0.25);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(71, 83, 93, 0.75);
  transition: background 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cloned-block-placeholder__inner--enter,
.cloned-block-placeholder__inner--exit {
  transition: height 400ms cubic-bezier(0.4, 0, 0.2, 1), opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cloned-block-placeholder__inner--enter {
  height: 1px;
  opacity: 0;
}
.cloned-block-placeholder__inner--enter-active {
  height: 184px;
  opacity: 1;
}
.cloned-block-placeholder__inner--exit-active {
  height: 1px;
  opacity: 0;
}
.project-content-wrapper {
  padding-bottom: 30px;
}
.top-level-block-wrapper {
  position: relative;
}
.block-container {
  position: relative;
}
.block-container .project-block {
  position: relative;
  margin-bottom: 1px;
}
.block-container .project-block.ng-enter {
  -webkit-animation: fadeIn 0.3s ease, X;
  -moz-animation: fadeIn 0.3s ease, X;
  -o-animation: fadeIn 0.3s ease, X;
  animation: fadeIn 0.3s ease, X;
  -webkit-animation: fadeIn 0.3s ease;
  -moz-animation: fadeIn 0.3s ease;
  -o-animation: fadeIn 0.3s ease;
  animation: fadeIn 0.3s ease;
}
.block-container .project-block.ng-leave {
  -webkit-animation: fadeOut 0.175s ease, X;
  -moz-animation: fadeOut 0.175s ease, X;
  -o-animation: fadeOut 0.175s ease, X;
  animation: fadeOut 0.175s ease, X;
  -webkit-animation: fadeOut 0.175s ease;
  -moz-animation: fadeOut 0.175s ease;
  -o-animation: fadeOut 0.175s ease;
  animation: fadeOut 0.175s ease;
}
.block-container .project-block .stem-tracker-container {
  z-index: 1;
}
.block-container .project-block .foldable-widget-container.isFoldable {
  padding: 0;
}
.block-loading-state {
  height: 350px;
  padding: 50px;
}
.block-loading-state.ng-enter {
  -webkit-animation: fadeIn 0.2s ease, X;
  -moz-animation: fadeIn 0.2s ease, X;
  -o-animation: fadeIn 0.2s ease, X;
  animation: fadeIn 0.2s ease, X;
  -webkit-animation: fadeIn 0.2s ease;
  -moz-animation: fadeIn 0.2s ease;
  -o-animation: fadeIn 0.2s ease;
  animation: fadeIn 0.2s ease;
}
.block-menu-mount {
  position: sticky;
  float: left;
  top: 0;
  z-index: 500;
  height: 88px;
}
.block-card {
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}
.block-card .ghost-block {
  width: 100%;
  height: 100%;
}
.block-card .saved-block-card__name--ghost {
  width: 45%;
}
.block-library-explainer {
  margin-bottom: 16px;
}
.block-library-explainer--exit {
  transition: opacity 150ms cubic-bezier(0.31, 0.01, 0.8, 0.2), transform 150ms cubic-bezier(0.31, 0.01, 0.8, 0.2);
}
.block-library-explainer--exit-active {
  opacity: 0;
}
.block-drop-prompt {
  padding: 16px;
  background: #1099FC;
  border-radius: 8px;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  box-shadow: 0 15px 25px rgba(36, 44, 57, 0.1);
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: white;
}
.block-drop-prompt__arrow {
  margin-right: 8px;
}
.block-drop-prompt__outer {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.block-drop-prompt__outer--above {
  top: 16px;
}
.block-drop-prompt__outer--below {
  bottom: 16px;
}
.block-drop-prompt__outer--enter,
.block-drop-prompt__outer--leave {
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.block-drop-prompt__outer--enter {
  opacity: 0;
  transform: translate3d(-50%, 0, 0) scale(0.8);
}
.block-drop-prompt__outer--enter-active {
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
}
.block-drop-prompt__outer--exit {
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
}
.block-drop-prompt__outer--exit-active {
  opacity: 0;
  transform: translate3d(-50%, 0, 0) scale(0.8);
}
.draggable-image-card__button {
  display: flex;
  height: 130px;
  border-radius: 8px;
}
.draggable-image-card__image {
  opacity: 0;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}
.draggable-image-card__image_loaded {
  transition: ease-in 400ms;
  opacity: 1;
}
.draggable-image-card__name {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  color: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  opacity: 0;
  background: linear-gradient(rgba(36, 44, 57, 0.6), rgba(36, 44, 57, 0));
  transition: opacity 200ms ease;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.kl-opt-in-lowercase-label .draggable-image-card__name {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.draggable-image-card__image:hover .draggable-image-card__name {
  opacity: 1;
}
.loading-image-card {
  height: 130px;
  background: rgba(36, 44, 57, 0.5);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.loading-image-card .rainbow-loading-bar {
  z-index: 1;
  position: absolute;
  top: 0;
}
.loading-image-card .loading-pillbox {
  z-index: 1;
  min-width: unset;
}
.loading-image-card img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  position: absolute;
  opacity: 0.4;
}
.loading-image-card-retry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading-image-card-retry button:hover .button__icon-wrapper {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.sidebar-unsplash-collection {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.sidebar-unsplash-collection__header {
  margin-bottom: 8px;
  display: flex;
}
.sidebar-unsplash-collection__name {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kl-opt-in-lowercase-label .sidebar-unsplash-collection__name {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.sidebar-unsplash-collection__count {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  margin-left: 4px;
  color: #81a2b2;
}
.kl-opt-in-lowercase-label .sidebar-unsplash-collection__count {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.sidebar-unsplash-collection__thumb {
  height: 130px;
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  align-items: stretch;
}
.sidebar-unsplash-collection__button {
  opacity: 0;
  background-color: rgba(36, 44, 57, 0.6);
  grid-area: 1 / 1;
  transition: opacity 150ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.sidebar-unsplash-collection__image {
  opacity: 0;
  grid-area: 1 / 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.sidebar-unsplash-collection__image_loaded {
  transition: ease-in 400ms;
  opacity: 1;
}
.sidebar-unsplash-collection__thumb:hover .sidebar-unsplash-collection__button,
.sidebar-unsplash-collection__thumb:focus .sidebar-unsplash-collection__button {
  opacity: 1;
}
.image-library-tab {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.image-library-tab__header {
  display: flex;
  margin-bottom: 8px;
  padding: 0 24px;
}
.image-library-tab__folder-picker {
  flex: 1;
  /**
      Ensure that long folder titles don't
      overflow the heading space.
      */
  overflow: hidden;
  max-width: 250px;
}
.image-library-tab__back-button {
  margin-right: 4px;
}
.image-library-tab__upload-button {
  cursor: pointer;
}
.image-library-tab__upload-input {
  opacity: 0;
  width: 10%;
  position: absolute;
  display: none;
}
.image-library-tab__search {
  margin-bottom: 16px;
  padding: 0 24px;
}
.image-library-tab__grid {
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.image-library-tab__grid--collections {
  gap: 16px 8px;
}
.image-library-tab__grid--images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}
.image-library-tab__grid--ghost {
  gap: 16px 8px;
}
.image-library-tab__grid--ghost .card {
  height: 130px;
}
.image-library-tab__grid--ghost .card .ghost-block {
  height: 100%;
}
.image-library-tab__grid-container {
  overflow-y: scroll;
  flex: 1;
}
.image-library-tab__grid-spinner-wrapper {
  margin: 24px 0;
}
.image-library-tab__out-of-images {
  margin: 16px 0;
  text-align: center;
}
.image-library-tab__error-message {
  margin-top: 40px;
  padding: 0 24px;
}
.image-library-tab__empty-state-buttons {
  display: grid;
  gap: 16px;
  justify-items: center;
  margin-top: 16px;
}
.content-sidebar-folder-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 32px;
}
.content-sidebar-folder-heading .folder-heading__text {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-left: 24px;
  color: rgba(71, 83, 93, 0.8);
}
.content-sidebar {
  width: 0;
  overflow: visible;
  -webkit-transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  background: white;
  height: calc(100vh - 60px - var(--horizontal-scrollbar-height));
  position: relative;
  z-index: 501;
}
@media (prefers-reduced-motion: reduce) {
  .content-sidebar {
    transition: none;
  }
}
.content-sidebar__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.content-sidebar__blocks-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-sidebar__blocks-main {
  width: 100%;
}
.content-sidebar--open {
  width: 360px;
  border-right: 1px solid rgba(129, 162, 178, 0.25);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -moz-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -o-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1), X;
  -webkit-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .content-sidebar--open {
    transition: none;
  }
}
.content-sidebar--open .content-sidebar__inner {
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: none;
  height: calc(100vh - 60px - var(--horizontal-scrollbar-height));
}
.content-sidebar--open.content-sidebar--with-folders .content-sidebar__inner {
  transform: translate3d(278px, 0, 0);
}
.content-sidebar--open.content-sidebar--is-dragging .content-sidebar__folder-container {
  pointer-events: none;
}
.content-sidebar__folder-container {
  width: 278px;
  height: 100%;
  overflow-y: auto;
  padding: 24px 24px 24px 8px;
  display: grid;
}
.content-sidebar__folder-container .content-sidebar__folder-item {
  grid-area: 1 / 1;
}
.content-sidebar__folder-container .content-sidebar__folder-item-enter {
  opacity: 0;
}
.content-sidebar__folder-container .content-sidebar__folder-item-enter-active {
  opacity: 1;
}
.content-sidebar__folder-container .content-sidebar__folder-item-exit {
  opacity: 1;
}
.content-sidebar__folder-container .content-sidebar__folder-item-exit-active {
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .content-sidebar__folder-container .content-sidebar__folder-item-enter-active,
  .content-sidebar__folder-container .content-sidebar__folder-item-exit-active {
    transition: opacity 150ms ease-in;
  }
}
.content-sidebar__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  height: 100%;
  width: 638px;
  transform: translate3d(-360px, 0, 0);
  position: relative;
  left: -278px;
  transition: transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.content-sidebar__content-wrapper {
  display: flex;
  flex-direction: column;
  width: 360px;
}
.content-sidebar__tab-container {
  width: 360px;
  grid-template-rows: auto 1fr;
  border-left: 1px solid rgba(129, 162, 178, 0.25);
}
.content-sidebar__header {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  font-weight: 400;
  color: #242c39;
  padding: 24px;
  padding-bottom: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.content-sidebar__header-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 24px;
}
.content-sidebar__header-buttons {
  display: flex;
}
.content-sidebar__actions {
  margin: 0 24px 16px;
  display: flex;
  height: 88px;
  flex-direction: column;
  justify-content: space-between;
}
.content-sidebar__actions .search-wrapper {
  width: 100%;
}
.content-sidebar__actions .sort-filter-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
.content-sidebar__list {
  padding: 0 24px;
  padding-bottom: calc(32px);
  overflow-y: scroll;
  height: calc(100vh - 140px - 88px - 80px - var(--horizontal-scrollbar-height));
}
.content-sidebar__list-spinner-wrapper {
  padding: 16px;
}
.content-sidebar__list-cards--offset {
  transition: transform 150ms cubic-bezier(0.31, 0.01, 0.8, 0.2);
  transform: translateY(-102px);
}
.content-sidebar .saved-block-filter__panel {
  left: auto;
  z-index: 650;
}
.content-sidebar__empty-state {
  padding: 0;
}
.content-sidebar__no-blocks {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 392px;
  padding: 16px 24px;
  text-align: center;
}
.content-sidebar__no-blocks .empty-state__title {
  margin-top: 16px;
}
.content-sidebar__no-blocks .button {
  margin-top: 16px;
}
.content-sidebar__no-blocks .bounce-up {
  animation: bounce-up 1.5s ease-in-out infinite;
  transform-origin: 50%;
}
.content-sidebar__no-blocks .block-text {
  animation-delay: 0.1s;
}
.content-sidebar__no-blocks .block-quote {
  animation-delay: 0.2s;
}
@keyframes bounce-up {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.content-sidebar__drag-label {
  position: absolute;
  top: -1000px;
}
.content-sidebar__drag-label .block-card {
  width: 350px;
}
.content-sidebar__tab-panels {
  height: 100%;
  align-content: stretch;
  grid-template-rows: 100%;
}
.content-sidebar__tab-panel {
  height: 100%;
}
.content-sidebar__prompt {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.content-sidebar__prompt .click-or-drag-prompt {
  position: absolute;
  z-index: 100000;
  font-size: 14px;
  margin-top: 140px;
  padding: 16px;
  background: #1099FC;
  border-radius: 8px;
  box-shadow: 0 16px 24px rgba(36, 44, 57, 0.1);
}
.content-sidebar__prompt .click-or-drag-prompt__text {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: white;
}
.content-sidebar__prompt .click-or-drag-prompt--exit,
.content-sidebar__prompt .click-or-drag-prompt--enter {
  transition-property: transform, opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.content-sidebar__prompt .click-or-drag-prompt--enter {
  opacity: 0;
  transform: translate3d(0, -24px, 0);
}
@media (prefers-reduced-motion: reduce) {
  .content-sidebar__prompt .click-or-drag-prompt--enter {
    transition-property: opacity;
    transform: none;
  }
}
.content-sidebar__prompt .click-or-drag-prompt--enter-active {
  transform: none;
  opacity: 1;
}
.content-sidebar__prompt .click-or-drag-prompt--exit {
  opacity: 1;
  transform: none;
}
.content-sidebar__prompt .click-or-drag-prompt--exit-active {
  opacity: 0;
  transform: translate3d(0, -24px, 0);
}
@media (prefers-reduced-motion: reduce) {
  .content-sidebar__prompt .click-or-drag-prompt--exit-active {
    transition-property: opacity;
    transform: none;
  }
}
.project-content-wrapper.with-content-sidebar-open .carousel-angular-container.floating {
  width: calc(100% -  360px );
}
.qwilr-audio-player {
  border-top: none;
  text-align: left;
}
.qwilr-audio-player .loading {
  padding: 40px;
  border: 1px solid #e6e6e6;
  border-top: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.qwilr-audio-player .loading.ng-hide-add {
  display: none !important;
}
.qwilr-audio-player .loading .wave-spinner {
  margin: 5px;
  opacity: 0.7;
}
.qwilr-audio-player .loading .text {
  margin-top: 10px;
  margin-left: 11px;
  text-transform: uppercase;
  opacity: 0.6;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.qwilr-audio-player .top {
  border: 1px solid #e6e6e6;
  border-top: none;
  border-bottom: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.qwilr-audio-player .top .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 20%;
  vertical-align: top;
  text-align: center;
  font-size: 40px;
}
.qwilr-audio-player .top .buttons .control {
  padding: 35px;
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 0.35s ease, X;
  -moz-transition: all 0.35s ease, X;
  -o-transition: all 0.35s ease, X;
  transition: all 0.35s ease, X;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.qwilr-audio-player .top .buttons .control.ng-hide-add {
  display: none !important;
}
.qwilr-audio-player .top .buttons .control:hover {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0.9;
}
.qwilr-audio-player .top .info {
  background: #fafafa;
  width: 80%;
  padding: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.qwilr-audio-player .top .info .track-title a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
}
.qwilr-audio-player .top .info .artist {
  margin: 0;
  margin-top: 10px;
  font-weight: 400;
}
.qwilr-audio-player .top .info .artist span {
  font-weight: 300;
  font-style: italic;
  color: #808080;
}
.qwilr-audio-player .audio-controls {
  *zoom: 1;
  border: 1px solid #ededed;
}
.qwilr-audio-player .audio-controls:before,
.qwilr-audio-player .audio-controls:after {
  content: "";
  display: table;
}
.qwilr-audio-player .audio-controls:after {
  clear: both;
}
.qwilr-audio-player .audio-controls:before,
.qwilr-audio-player .audio-controls:after {
  content: "";
  display: table;
}
.qwilr-audio-player .audio-controls:after {
  clear: both;
}
.qwilr-audio-player .audio-controls:before,
.qwilr-audio-player .audio-controls:after {
  content: "";
  display: table;
}
.qwilr-audio-player .audio-controls:after {
  clear: both;
}
.qwilr-audio-player .audio-controls:before,
.qwilr-audio-player .audio-controls:after {
  content: "";
  display: table;
}
.qwilr-audio-player .audio-controls:after {
  clear: both;
}
.qwilr-audio-player .audio-controls .buttons,
.qwilr-audio-player .audio-controls .progress {
  float: left;
  height: 40px;
}
.qwilr-audio-player .audio-controls .progress {
  height: 100%;
  width: 100%;
  background: #f2f2f2;
  position: relative;
  border-left: none;
}
.qwilr-audio-player .audio-controls .progress .seek-bar {
  cursor: pointer;
}
.qwilr-audio-player .audio-controls .progress .seek-bar .waveform {
  height: 150px;
}
.qwilr-audio-player .audio-controls .progress .current {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.qwilr-audio-player .audio-controls .progress .current {
  z-index: 2;
  background: rgba(3, 126, 214, 0.7);
}
.qwilr-audio-player .background {
  z-index: -1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.qwilr-audio-player .background .full-bg {
  width: 100%;
  height: 100%;
}
.audio-insert {
  display: block;
  position: relative;
}
.audio-insert .display {
  z-index: 1;
}
.audio-insert .controls {
  padding-top: 40px;
  position: relative;
  width: 100%;
  z-index: 2;
  top: -40px;
  left: 0;
  -webkit-animation: fadeIn 0.05s, X;
  -moz-animation: fadeIn 0.05s, X;
  -o-animation: fadeIn 0.05s, X;
  animation: fadeIn 0.05s, X;
  -webkit-animation: fadeIn 0.05s;
  -moz-animation: fadeIn 0.05s;
  -o-animation: fadeIn 0.05s;
  animation: fadeIn 0.05s;
}
.audio-insert .controls.ng-hide-add {
  display: block !important;
  -webkit-animation: fadeOut 0.05s, X;
  -moz-animation: fadeOut 0.05s, X;
  -o-animation: fadeOut 0.05s, X;
  animation: fadeOut 0.05s, X;
  -webkit-animation: fadeOut 0.05s;
  -moz-animation: fadeOut 0.05s;
  -o-animation: fadeOut 0.05s;
  animation: fadeOut 0.05s;
}
.audio-insert .controls .wrap {
  position: absolute;
  width: 100%;
}
.audio-insert .controls .wrap label {
  position: absolute;
  top: -15px;
}
.audio-insert .controls .wrap .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #ededed;
}
.audio-insert .controls .wrap input,
.audio-insert .controls .wrap button {
  float: left;
  height: 40px;
  border-radius: 0;
}
.audio-insert .controls .wrap input {
  padding-left: 55px;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
}
.image-insert {
  display: block;
  position: relative;
  -webkit-animation: fadeInLeft 0.4s ease, X;
  -moz-animation: fadeInLeft 0.4s ease, X;
  -o-animation: fadeInLeft 0.4s ease, X;
  animation: fadeInLeft 0.4s ease, X;
  -webkit-animation: fadeInLeft 0.4s ease;
  -moz-animation: fadeInLeft 0.4s ease;
  -o-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease;
  margin: 0 auto;
  min-height: 70px;
}
.image-insert figure {
  z-index: 1;
  line-height: 0;
  display: block;
}
.image-insert .image-control {
  position: absolute;
  background: rgba(17, 17, 17, 0.7);
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.image-insert.empty-state {
  min-height: 200px;
}
.image-insert.empty-state .controls-container {
  background: #f0f0f0;
}
.table-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 40px;
}
/* Add two pixels for border */
.qwilr-table-wrapper {
  width: 100%;
  position: relative;
}
.qwilr-table-wrapper .col-drag-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  margin-left: -5px;
  cursor: col-resize;
}
.qwilr-table-wrapper .qwilr-table {
  width: 100%;
  border-collapse: collapse;
}
.qwilr-table-wrapper .qwilr-table content-area {
  margin: 0px;
  padding: 0px;
}
.qwilr-table-wrapper .qwilr-table .table-cell {
  border: 1px solid #d4d4d4;
  cursor: text;
  vertical-align: top;
  padding: 10px;
}
.qwilr-table-wrapper .table-action-button {
  cursor: pointer;
  background: #eaedf2;
  border: 1px solid #bbc5d4;
  -webkit-transition: background 0.2s ease, X;
  -moz-transition: background 0.2s ease, X;
  -o-transition: background 0.2s ease, X;
  transition: background 0.2s ease, X;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.qwilr-table-wrapper .table-action-button:hover {
  background: #dadfe8;
}
.qwilr-table-wrapper .table-action-button .icon {
  font-size: 70%;
  color: #666666;
}
.qwilr-table-wrapper .add-col-button {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  height: 100%;
  right: -32px;
  width: 32px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-left: none;
}
.qwilr-table-wrapper .add-row-button {
  border-top: none;
  position: absolute;
  left: 0;
  bottom: -32px;
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-table-wrapper .add-col-button,
.qwilr-table-wrapper .add-row-button {
  font-size: 16px;
}
.qwilr-table-wrapper td p,
.qwilr-table-wrapper td h1,
.qwilr-table-wrapper td h2,
.qwilr-table-wrapper td ul,
.qwilr-table-wrapper td ol,
.qwilr-table-wrapper td blockquote {
  margin: 0px;
  word-break: break-word;
  padding: 0px;
}
.widget-selector {
  background: #fefefe;
  color: #333333;
  display: block;
  min-width: 300px;
  max-width: 700px;
  margin: 0 auto;
}
.widget-selector .menu {
  display: block;
  border: 1px solid #f2f2f2;
  text-align: center;
  position: relative;
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.widget-selector .menu.ng-hide-add {
  -webkit-animation: fadeOutUp 0.3s ease, X;
  -moz-animation: fadeOutUp 0.3s ease, X;
  -o-animation: fadeOutUp 0.3s ease, X;
  animation: fadeOutUp 0.3s ease, X;
  -webkit-animation: fadeOutUp 0.3s ease;
  -moz-animation: fadeOutUp 0.3s ease;
  -o-animation: fadeOutUp 0.3s ease;
  animation: fadeOutUp 0.3s ease;
}
.widget-selector .menu .widget-creator-header {
  margin: 0;
  position: relative;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.widget-selector .menu .widget-creator-header .explainer {
  font-size: 15px;
  opacity: 0.6;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.widget-selector .menu .widget-creator-header .cancel {
  position: absolute;
  right: 0;
  top: 0;
  padding: 18px;
  border-left: 1px solid #ededed;
  background: #fcfcfc;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget-selector .menu .widget-creator-header .cancel .icon {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget-selector .menu .widget-creator-header .cancel:hover {
  background: #00857b;
}
.widget-selector .menu .widget-creator-header .cancel:hover .icon {
  color: #fff;
  -webkit-transform: rotate(180deg) scale(1.1);
  -moz-transform: rotate(180deg) scale(1.1);
  -o-transform: rotate(180deg) scale(1.1);
  -ms-transform: rotate(180deg) scale(1.1);
  transform: rotate(180deg) scale(1.1);
}
.widget-selector .menu .widget-creator-header p {
  margin: 0;
}
.widget-selector .menu .insertables {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f2f2f2;
}
.widget-selector .menu .insertables .insertable {
  flex: 1;
  padding: 20px 10%;
  cursor: pointer;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-right: 1px solid #f2f2f2;
}
.widget-selector .menu .insertables .insertable img {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}
.widget-selector .menu .insertables .insertable:hover {
  background: #fafafa;
}
.widget-selector .menu .insertables .insertable:hover img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.widget-selector .menu .insertables .insertable:last-child {
  border-right: none;
}
.widget-selector .menu .insertables .insertable .name {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "calibre-legacy", sans-serif;
  display: block;
  letter-spacing: 0.05em;
  padding: 20px;
  padding-top: 0;
}
.widget-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  border: 3px solid transparent;
}
.widget-wrapper.hasContent {
  background: none;
}
.widget-wrapper.isSelected {
  border: 3px solid #1099FC;
}
.widget-wrapper .toolbar {
  position: absolute;
  top: 0px;
  z-index: 4;
  right: 0;
}
.widget-wrapper .toolbar .close,
.widget-wrapper .toolbar .resize {
  padding: 7px;
  background: rgba(17, 17, 17, 0.8);
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget-wrapper .toolbar .close .icon,
.widget-wrapper .toolbar .resize .icon {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget-wrapper .toolbar .close:hover,
.widget-wrapper .toolbar .resize:hover {
  background: #00857b;
}
.widget-wrapper .toolbar .close:hover .icon,
.widget-wrapper .toolbar .resize:hover .icon {
  -webkit-transform: rotate(180deg) scale(1.1);
  -moz-transform: rotate(180deg) scale(1.1);
  -o-transform: rotate(180deg) scale(1.1);
  -ms-transform: rotate(180deg) scale(1.1);
  transform: rotate(180deg) scale(1.1);
}
.stem-creator-button {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  cursor: pointer;
}
content-area insertable {
  display: block;
}
.widget-container {
  position: relative;
}
.widget-container insertable {
  position: absolute;
  z-index: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  left: 0px;
}
.qed-toolbar {
  z-index: 891 !important;
  width: auto !important;
  border: none !important;
  background: rgba(0, 133, 123, 0.99) !important;
}
.qed-toolbar:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -6.4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 6.4px solid transparent;
  border-right: 6.4px solid transparent;
  border-top: 8px solid #00857b;
}
.qed-toolbar:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -6.4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 6.4px solid transparent;
  border-right: 6.4px solid transparent;
  border-top: 8px solid #00857b;
}
.qed-toolbar:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -6.4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 6.4px solid transparent;
  border-right: 6.4px solid transparent;
  border-top: 8px solid #00857b;
}
.qed-toolbar:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -6.4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 6.4px solid transparent;
  border-right: 6.4px solid transparent;
  border-top: 8px solid #00857b;
}
.qed-toolbar .qed-toolbar-actions {
  height: 40px;
  overflow-y: hidden;
}
.qed-toolbar .qed-toolbar-actions .qed-toolbar-button {
  background: none;
  height: auto !important;
  width: 50px !important;
  border-radius: 0;
  padding: 11px 15px;
  font-family: "calibre-legacy", sans-serif;
  color: #fff !important;
  text-shadow: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.2s, X;
  -moz-transition: all 0.2s, X;
  -o-transition: all 0.2s, X;
  transition: all 0.2s, X;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.qed-toolbar .qed-toolbar-actions .qed-toolbar-button span {
  pointer-events: none;
}
.qed-toolbar .qed-toolbar-actions .qed-toolbar-button:hover {
  background: rgba(0, 123, 114, 0.8);
}
.qed-toolbar .qed-toolbar-actions .qed-button-toggled,
.qed-toolbar .qed-toolbar-actions .qed-button-toggled:hover {
  background: #007168;
}
.qed-toolbar .qed-toolbar-link {
  padding: 10px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-outline: none;
  -moz-outline: none;
  box-shadow: none;
  min-width: 250px;
  background: rgba(0, 133, 123, 0.99);
  border: none;
  color: #fff;
  font-size: 100%;
  font-weight: 600;
}
content-area {
  cursor: text;
  outline: none;
  display: block;
  margin: -100px -200px;
  padding: 100px  200px;
}
content-area *[placeholder=true] {
  cursor: pointer;
}
content-area h1,
content-area h2,
content-area p,
content-area li {
  position: relative;
}
content-area h1 .default-value,
content-area h2 .default-value,
content-area p .default-value,
content-area li .default-value {
  z-index: 0;
  opacity: 0.4;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-style: italic;
  cursor: pointer;
  padding: 5px;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
content-area h1 .default-value:hover,
content-area h2 .default-value:hover,
content-area p .default-value:hover,
content-area li .default-value:hover {
  background: #fafafa;
}
content-area ol {
  list-style: decimal;
}
.qed-placeholder {
  width: 100%;
  font-style: italic;
  opacity: 0.4;
  cursor: pointer;
}
ol {
  list-style: decimal;
}
.qwilr-clipboard {
  position: fixed;
  top: 20000px;
  opacity: 0;
}
.modal-container.block-crashed-modal .modal.simple-modal {
  padding: 64px;
}
.block-crash__icon {
  margin-bottom: 40px;
}
.token-input__combobox-list {
  min-width: 200px;
  z-index: 891;
}
.token-widget__combobox-list {
  min-width: 200px;
}
.roi-formula-editor {
  position: relative;
}
.roi-formula-editor__help {
  position: absolute;
  right: -8px;
  top: -8px;
}
.roi-formula-editor__variable-menu div[role="menu"] {
  max-height: 400px;
  overflow-y: auto;
}
.roi-calculator-options .roi-calculator-options__inner {
  display: grid;
  gap: 16px;
}
.roi-calculator-options .roi-calculator-options__inner .roi-calculator-options__heading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 8px;
  color: #242c39;
}
.roi-calculator-options .roi-calculator-options__inner .roi-calculator-options__dual {
  display: grid;
  grid-auto-flow: column;
  gap: 16px;
}
.roi-calculator-options .roi-calculator-options__inner .roi-calculator-options__button {
  height: fit-content;
}
.roi-calculator-options .roi-calculator-options__inner .style-shortcut__section {
  margin-bottom: 0;
}
.roi-calculator__step {
  width: 240px;
}
.editor-debug-overlay {
  background: rgba(120, 170, 210, 0.7);
  position: fixed;
  z-index: 876;
  pointer-events: none;
}
.token-menu {
  width: 100%;
  height: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.token-menu--match-ewr-styling {
  height: 40px;
  width: 360px;
}
.token-menu .token-input__pill-holder {
  flex: 1;
}
.token-input__pill-holder {
  padding: 4px 8px;
}
.alt-text-panel__help {
  position: absolute;
  top: 16px;
  right: 16px;
  color: white;
}
.editor-v1 {
  /**
 * Migrated from the old embed widget; we can't rely on
 * internal spacing anymore due to the use of flex for
 * outer wrapper components.
 */
  /*
 * Defines styling for both the legacy editor toolbar and 'toolbars' that are menus for widgets
 *
 * @TODO (som, 2024-12-17): the legacy toolbar has been deleted, but there are still lots of 
 * references to the `editor-toolbar` class in various places. We should clean up unused styles in
 * this file, but need to be careful to not delete something that is in use.
 */
  /*

  @HACK(mbusby,2021-08-12): For some reason, the spacer's height is
  consistently 4px less than the textarea. We use this negative margin
  on all textareas to ensure that they are the correct height.
*/
  position: relative;
}
.editor-v1 .embed-widget {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.editor-v1 .embed-widget__container {
  margin: auto;
  position: relative;
  width: 100%;
  -webkit-transition: opacity 0.1s ease-out, X;
  -moz-transition: opacity 0.1s ease-out, X;
  -o-transition: opacity 0.1s ease-out, X;
  transition: opacity 0.1s ease-out, X;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.editor-v1 .embed-widget--view-only iframe {
  pointer-events: all;
}
.editor-v1 .embed-widget__frame {
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  -webkit-transition: -webkit-border-radius 0.15s ease-out, outline 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  -webkit-transition: border-radius 0.15s ease-out, outline 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  -moz-transition: border-radius 0.15s ease-out, outline 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  -o-transition: border-radius 0.15s ease-out, outline 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  transition: border-radius 0.15s ease-out, outline 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
  outline: 3px solid rgba(16, 153, 252, 0);
}
.editor-v1 .embed-widget__frame--circle {
  padding-bottom: 100%;
  margin-bottom: -100%;
  height: 0;
  border-radius: 50%;
}
.editor-v1 .embed-widget__frame:hover {
  outline: 3px solid rgba(16, 153, 252, 0.25);
}
.editor-v1 .embed-widget__combo-holder {
  width: 360px;
  padding-left: 8px;
}
.editor-v1 .google-maps-placeholder {
  width: 100%;
  height: 100%;
}
.editor-v1 .google-maps-placeholder__img {
  width: 100%;
  margin-bottom: -5px;
}
.editor-v1 .google-maps-placeholder__grouping {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 288px;
  position: absolute;
  margin-left: -144px;
  margin-top: -75px;
  left: 50%;
  top: 50%;
}
.editor-v1 .google-maps-placeholder__instructions {
  margin-top: 10px;
  line-height: 24px;
  text-align: center;
}
.editor-v1 .google-maps-placeholder__link {
  border-bottom: 3px solid rgba(0, 169, 157, 0.5) !important;
  padding-bottom: 1px;
}
.editor-v1 .google-maps-widget__spacing-shim {
  margin-top: 24px;
  margin-bottom: 24px;
}
.editor-v1 .image-widget__frame--placeholder {
  background: rgba(16, 153, 252, 0.1);
}
.editor-v1 .image-widget__placeholder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  height: 350px;
  color: #1099FC;
  text-align: center;
}
.editor-v1 .image-widget__placeholder svg {
  fill: #1099FC;
  margin-bottom: 16px;
}
.editor-v1 .image-widget {
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.editor-v1 .image-widget__container {
  margin: auto;
  position: relative;
  width: 100%;
  transition: opacity 0.1s ease-out;
}
.editor-v1 .image-widget__panel {
  position: absolute;
  top: 50px;
  left: 34px;
}
.editor-v1 .image-widget__uploading-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}
.editor-v1 .image-widget__uploading-container > * {
  z-index: 1;
}
.editor-v1 .image-widget__uploading-veil {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  background: #242c39;
  -webkit-transition: opacity 0.1s ease-out, X;
  -moz-transition: opacity 0.1s ease-out, X;
  -o-transition: opacity 0.1s ease-out, X;
  transition: opacity 0.1s ease-out, X;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.editor-v1 .image-widget__uploading-veil--failed {
  opacity: 0.5;
}
.editor-v1 .image-widget__retry {
  margin-bottom: 8px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.editor-v1 .image-widget__retry:hover {
  -ms-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.editor-v1 .image-widget .rainbow-loading-bar {
  position: absolute;
  top: 0;
}
.editor-v1 .image-widget__file-picker {
  display: none;
}
.editor-v1 .video-widget__placeholder-img {
  width: 100%;
  padding: 15% 8%;
  background: white;
}
.editor-v1 .side-by-side__col {
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
}
.editor-v1 .side-by-side__col-content--hidden {
  display: none;
}
.editor-v1 .side-by-side__swapper {
  width: 45px;
  height: 45px;
  border-radius: 24px;
  background: #242c39;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.editor-v1 .side-by-side__swapper-icon {
  fill: white;
}
.editor-v1 .side-by-side__drag-guidelines {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(16px * 2);
  z-index: 3;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .side-by-side__drag-guidelines--enter-active,
.editor-v1 .side-by-side__drag-guidelines--enter-done {
  opacity: 1;
}
.editor-v1 .side-by-side__drag-guidelines .drag-guidelines__line {
  height: 100%;
  width: 60px;
}
.editor-v1 .side-by-side__drag-guidelines .drag-guidelines__line .drag-guidelines__line-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0;
  height: 100%;
  width: 100%;
}
.editor-v1 .side-by-side__drag-guidelines .drag-guidelines__line .drag-guidelines__line-inner {
  border-radius: 4px;
  height: 100%;
  width: 100%;
  background: rgba(16, 153, 252, 0.25);
  transition: background 0.5s;
}
.editor-v1 .side-by-side__drag-guidelines .drag-guidelines__line .drag-guidelines__line-inner--active {
  background: rgba(16, 153, 252, 0.75);
}
.editor-v1 .side-by-side__col-divider {
  width: 0;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger {
  width: calc(2px + 16px * 2);
  height: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: ew-resize;
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger--visible {
  opacity: 1;
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger .col-divider__line {
  width: 2px;
  height: 100%;
  background: rgba(129, 162, 178, 0.25);
  transition: background 0.2s ease;
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger .col-divider__line--dragging {
  background: rgba(16, 153, 252, 0.25);
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger .col-divider__line--hidden {
  opacity: 0;
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger .col-divider__line:hover {
  background: rgba(16, 153, 252, 0.5);
}
.editor-v1 .side-by-side__col-divider .col-divider__dragger:hover .col-divider__line {
  background: rgba(16, 153, 252, 0.5);
}
.editor-v1 .side-by-side__col-divider:hover .col-divider__dragger {
  opacity: 1;
}
.editor-v1 .side-by-side__col-divider:hover .col-divider__dragger .col-divider__line {
  background: rgba(16, 153, 252, 0.5);
}
.editor-v1 .side-by-side__col-divider .col-divider__swapper-container {
  opacity: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: scale(0.8);
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.editor-v1 .side-by-side__col-divider .col-divider__swapper-container--force-show,
.editor-v1 .side-by-side__col-divider:hover .col-divider__swapper-container {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.editor-v1 .side-by-side__col-divider:hover .col-divider__swapper-container {
  display: initial;
}
.editor-v1 .side-by-side__image-placeholder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 16px;
  width: 100%;
  height: 400px;
  background: rgba(16, 153, 252, 0.1);
  transition: background 200ms;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-v1 .side-by-side__image-placeholder:hover,
.editor-v1 .side-by-side__image-placeholder--active {
  background: rgba(16, 153, 252, 0.2);
}
.editor-v1 .side-by-side__image-placeholder .image-placeholder__actions {
  position: absolute;
  top: 8px;
  right: 8px;
}
.editor-v1 .side-by-side__image-placeholder .image-placeholder__dismiss svg {
  fill: rgba(16, 153, 252, 0.5);
  transition: fill 200ms;
}
.editor-v1 .side-by-side__image-placeholder .image-placeholder__dismiss:hover svg {
  fill: #1099FC;
}
.editor-v1 .side-by-side__image-placeholder .image-placeholder__cta {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  color: #1099FC;
}
.editor-v1 .side-by-side__image-placeholder .image-placeholder__cta-icon {
  fill: #1099FC;
}
.editor-v1 .button-widget {
  position: relative;
  -webkit-transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: height 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .button-widget__button {
  -webkit-transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: padding 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .button-widget .text-input__input,
.editor-v1 .button-widget .button-widget__button-expander,
.editor-v1 .button-widget .button-widget__button-text {
  -webkit-transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: font-size 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .button-widget.button-widget__render {
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .button-widget .button-widget__toolbar--link-highlight {
  color: #1099FC;
}
.editor-v1 .button-widget__hover-bridge {
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  height: 10px;
}
.editor-v1 .button-widget__warnings {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  min-width: clamp(0px, 120px, 100%);
  width: 100%;
  margin: 10px auto 0;
  position: relative;
  display: flex;
  align-items: center;
}
.kl-opt-in-lowercase-label .editor-v1 .button-widget__warnings {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.editor-v1 .button-widget__warnings-max-length {
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
  position: absolute;
  right: 0;
}
.editor-v1 .button-widget__warnings-no-link {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), -o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-webkit-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-moz-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),-o-transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98),transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -webkit-transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: left 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), transform 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .button-widget__warnings-no-link:only-child {
  left: 50%;
  transform: translateX(-50%);
}
.editor-v1 .button-widget__warnings-no-link .button-widget__warnings-no-link-text {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0 4px;
}
.kl-opt-in-lowercase-label .editor-v1 .button-widget__warnings-no-link .button-widget__warnings-no-link-text {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.editor-v1 .button-widget__warnings--transition-enter {
  opacity: 0;
}
.editor-v1 .button-widget__warnings--transition-enter-active {
  opacity: 1;
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .button-widget__warnings--transition-exit {
  opacity: 1;
}
.editor-v1 .button-widget__warnings--transition-exit-active {
  opacity: 0;
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .content-loop-widget {
  background-color: rgba(16, 153, 252, 0.1);
  border-radius: 8px;
}
.editor-v1 .content-loop-widget__inner-wrapper {
  position: relative;
  padding: 16px;
}
.editor-v1 .content-loop-widget__body {
  position: relative;
  z-index: 1;
}
.editor-v1 .content-loop-widget__content {
  display: none;
}
.editor-v1 .content-loop-widget__content--visible {
  display: block;
}
.editor-v1 .content-loop-widget__content .h1-widget__spacing-shim:last-child,
.editor-v1 .content-loop-widget__content .h2-widget__spacing-shim:last-child,
.editor-v1 .content-loop-widget__content .h3-widget__spacing-shim:last-child,
.editor-v1 .content-loop-widget__content .h4-widget__spacing-shim:last-child,
.editor-v1 .content-loop-widget__content .p-widget__spacing-shim:last-child,
.editor-v1 .content-loop-widget__content .smallText-widget__spacing-shim:last-child,
.editor-v1 .content-loop-widget__content .captionText-widget__spacing-shim:last-child {
  padding-bottom: 0;
}
.editor-v1 .content-loop-widget__selected-token {
  all: unset;
}
.editor-v1 .content-loop__spacing-shim {
  margin: 0 -16px;
  margin-bottom: 16px;
}
.editor-v1 .editor-toolbar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #242c39;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 45px;
  border-radius: 4px;
  color: white;
  position: relative;
  transform: translateZ(0);
  z-index: 400;
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 15px;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.editor-v1 .editor-toolbar > span:not(.editor-main-toolbar__actions):not(.editor-toolbar__button) {
  display: block;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-v1 .kl-tooltip-target,
.editor-v1 .kl-tooltip-target__wrapper {
  height: 100%;
}
.editor-v1 .editor-toolbar__button {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  fill: white;
  width: 45px;
  background-color: transparent;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
  -webkit-transition: background-color, 0.15s ease-out;
  -moz-transition: background-color, 0.15s ease-out;
  -o-transition: background-color, 0.15s ease-out;
  transition: background-color, 0.15s ease-out;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.editor-v1 .editor-toolbar__button .icon {
  fill: white;
}
.editor-v1 .editor-toolbar__button.editor-toolbar__button--faded .icon {
  fill: rgba(255, 255, 255, 0.5);
}
.editor-v1 .editor-toolbar__button.editor-toolbar__button--disabled {
  fill: rgba(255, 255, 255, 0.5);
  cursor: unset;
}
.editor-v1 .editor-toolbar__button.editor-toolbar__button--disabled:hover {
  background-color: inherit;
}
.editor-v1 .editor-toolbar__button:hover,
.editor-v1 .editor-toolbar__button--active {
  background-color: rgba(0, 0, 0, 0.25);
}
.editor-v1 .editor-toolbar__button[data-active='true'] {
  font-size: 18px;
  background: #222222;
}
.editor-v1 .editor-toolbar__button[data-disabled='true'] {
  cursor: auto;
}
.editor-v1 .editor-toolbar__button[data-disabled='true']:hover {
  background-color: transparent;
}
.editor-v1 .editor-toolbar__button[data-disabled='true'] .kl-icon {
  fill: rgba(255, 255, 255, 0.5);
}
.editor-v1 .editor-toolbar__button--destructive:hover {
  color: #ff6161;
}
.editor-v1 .editor-toolbar__component {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  fill: white;
  width: 45px;
}
.editor-v1 .contextual-styles {
  float: right;
  margin-top: 2px;
  position: absolute;
  z-index: 400;
}
.editor-v1 .editor-main-toolbar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.1s ease-out, left 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out, left 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out, left 0.1s ease-out;
  transition: opacity 0.1s ease-out, left 0.1s ease-out;
}
.editor-v1 .editor-main-toolbar.editor-main-toolbar--positioning {
  position: fixed;
  opacity: 0;
  top: -10000px;
}
.editor-v1 .editor-main-toolbar .editor-main-toolbar__button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  width: 50px;
  height: 100%;
  cursor: pointer;
  fill: white;
}
.editor-v1 .editor-main-toolbar .editor-main-toolbar__button:hover {
  background: rgba(32, 39, 51, 0.8);
}
.editor-v1 .editor-main-toolbar .editor-main-toolbar__button[data-active='true'] {
  font-size: 18px;
  background: #222222;
}
.editor-v1 .editor-main-toolbar .editor-main-toolbar__actions {
  padding: 0;
  margin: 0;
  height: 100%;
}
.editor-v1 .editor-toolbar .link-input-box {
  padding: 0 0 0 10px;
  background-color: unset;
  border: none;
  width: 270px;
  color: white;
  font-size: 14px;
  line-height: 17px;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.editor-v1 .editor-toolbar .link-input-box::placeholder {
  font-style: initial;
  font-size: 14px;
  color: white;
  opacity: 0.5;
}
.editor-v1 .link-widget__container {
  padding-bottom: 10px;
  position: fixed;
  z-index: 15;
}
.editor-v1 .link-widget__container .contextual-link-style {
  position: absolute;
  right: -102.5px;
  top: 47px;
  z-index: 400;
  font-family: "calibre-legacy", sans-serif !important;
}
.editor-v1 .void-link-component {
  height: 100%;
}
.editor-v1 .widget-adder {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  pointer-events: none;
  position: absolute;
  transition: all 0.15s ease-out, top 0ms, left 0ms, visibility 0ms;
}
.editor-v1 .widget-adder--hidden {
  opacity: 0;
}
.editor-v1 .widget-adder__create-button {
  flex-shrink: 0;
  pointer-events: auto;
  z-index: 4;
}
.editor-v1 .widget-adder__create-button svg {
  color: #47535d;
}
.editor-v1 .widget-adder__placeholder {
  left: 31px;
  top: 0;
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0.33;
  z-index: 4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-v1 .widget-adder__placeholder p {
  padding-bottom: 0;
}
.editor-v1 .widget-adder__menu-container {
  left: 10px;
  position: relative;
}
.editor-v1 .widget-adder__menu-container-enter-active,
.editor-v1 .widget-adder__menu-container-exit-active {
  transition: opacity 150ms;
}
.editor-v1 .widget-adder__menu-container-enter {
  opacity: 0;
}
.editor-v1 .widget-adder__menu-container-enter-active {
  opacity: 1;
}
.editor-v1 .widget-adder__menu-container-exit {
  opacity: 1;
}
.editor-v1 .widget-adder__menu-container-exit-active {
  opacity: 0;
}
.editor-v1 .widget-adder__menu {
  pointer-events: auto;
  z-index: 501;
  border-radius: 3px;
  margin: auto;
  height: fit-content;
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translate(0%, 26px);
  background-color: #242c39;
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 15px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  overflow: hidden;
}
.editor-v1 .widget-adder__menu-option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 192px;
  height: 45px;
  font-weight: 600;
  fill: white;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  position: relative;
  transition: all 0.15s ease-out, top 0ms, left 0ms;
}
.editor-v1 .widget-adder__menu-option--is-selected {
  background-color: rgba(0, 0, 0, 0.5);
}
.editor-v1 .widget-adder__menu-option-icon {
  width: 42px;
}
.editor-v1 .widget-adder__menu-option-label {
  background-color: rgba(113, 107, 241, 0.6);
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.777778px;
  margin: 0 8px;
}
.editor-v1 .widget-adder__menu-option-label--beta {
  background-color: rgba(113, 107, 241, 0.6);
}
.editor-v1 .widget-adder__menu-option-label--new {
  background-color: rgba(16, 153, 252, 0.7);
}
.editor-v1 .widget-adder__menu-option-label--new,
.editor-v1 .widget-adder__menu-option-label--beta {
  margin-left: auto;
}
.editor-v1 .widget-adder__menu-option-beta-tooltip-target {
  height: unset;
}
.editor-v1 .widget-adder .kl-tooltip-target {
  min-height: 45px;
}
.editor-v1.widget-adder__menu-option-beta-tooltip {
  position: fixed;
}
.editor-v1.widget-adder__menu-option-beta-tooltip .widget-adder__menu-option-beta-tooltip-title {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}
.editor-v1.widget-adder__menu-option-beta-tooltip .widget-adder__menu-option-beta-tooltip-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  display: block;
  color: white;
  margin-bottom: 0;
}
.editor-v1.widget-adder__menu-option-description-tooltip {
  position: fixed;
}
.editor-v1.widget-adder__menu-option-description-tooltip img {
  border-radius: 4px;
}
.editor-v1 .table-widget {
  width: 100%;
  position: relative;
  caret-color: transparent;
}
.editor-v1 .table-widget__table {
  caret-color: auto;
  position: relative;
  z-index: 1;
}
.editor-v1 .table-widget__table::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 3px;
  pointer-events: none;
  -webkit-transition: background 0.15s ease-out, X;
  -moz-transition: background 0.15s ease-out, X;
  -o-transition: background 0.15s ease-out, X;
  transition: background 0.15s ease-out, X;
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  -o-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.editor-v1 .table-widget__table--no-select p,
.editor-v1 .table-widget__table--no-select h1,
.editor-v1 .table-widget__table--no-select h2,
.editor-v1 .table-widget__table--no-select h3,
.editor-v1 .table-widget__table--no-select h4,
.editor-v1 .table-widget__table--no-select h5,
.editor-v1 .table-widget__table--no-select h6,
.editor-v1 .table-widget__table--no-select li,
.editor-v1 .table-widget__table--no-select td,
.editor-v1 .table-widget__table--no-select th,
.editor-v1 .table-widget__table--no-select span,
.editor-v1 .table-widget__table--no-select blockquote,
.editor-v1 .table-widget__table--no-select content-area {
  user-select: none;
}
.editor-v1 .table-widget__cell {
  background: transparent;
  position: relative;
}
.editor-v1 .table-widget__cell::after {
  top: 0;
  left: 0;
  -webkit-transition: background-color 0.15s ease-out, X;
  -moz-transition: background-color 0.15s ease-out, X;
  -o-transition: background-color 0.15s ease-out, X;
  transition: background-color 0.15s ease-out, X;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: transparent;
}
.editor-v1 .table-widget__cell--selected::after {
  background-color: rgba(16, 153, 252, 0.4);
}
.editor-v1 .table-widget__cell--deletable::after {
  background-color: rgba(255, 97, 97, 0.4);
}
.editor-v1 .table-widget__column-resizer {
  position: absolute;
  top: 0;
  z-index: 2;
  background-color: #1099FC;
  height: 100%;
  width: 10px;
  opacity: 0;
  background-clip: padding-box;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  -webkit-transition: opacity 0.15s ease-out, X;
  -moz-transition: opacity 0.15s ease-out, X;
  -o-transition: opacity 0.15s ease-out, X;
  transition: opacity 0.15s ease-out, X;
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.editor-v1 .table-widget__column-resizer:hover {
  opacity: 0.5;
  cursor: col-resize;
}
.editor-v1 .table-widget__column-resizer--resizing {
  opacity: 1;
  cursor: col-resize;
}
.editor-v1 .table-widget__column-resizer--resizing:hover {
  opacity: 1;
}
.editor-v1 .table-widget__toolbar .editor-toolbar__button .icon {
  -webkit-transition: fill 0.15s ease-out, X;
  -moz-transition: fill 0.15s ease-out, X;
  -o-transition: fill 0.15s ease-out, X;
  transition: fill 0.15s ease-out, X;
  -webkit-transition: fill 0.15s ease-out;
  -moz-transition: fill 0.15s ease-out;
  -o-transition: fill 0.15s ease-out;
  transition: fill 0.15s ease-out;
  fill: rgba(255, 255, 255, 0.5);
}
.editor-v1 .table-widget__toolbar .table-widget__styler {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.editor-v1 .table-widget__deleter:hover svg {
  fill: #ff6161;
}
.editor-v1 .table-widget__selector {
  display: block;
  z-index: 0;
  position: absolute;
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  top: -32px;
  left: -32px;
  cursor: pointer;
  background: transparent;
}
.editor-v1 .table-widget__selector::before {
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  width: calc(100% - 42px);
  height: calc(100% - 42px);
  top: 22px;
  left: 22px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border-radius: 5px;
  border: 3px solid transparent;
}
.editor-v1 .table-widget__selector:not(.table-widget__selector--selected):hover::before {
  border-color: rgba(16, 153, 252, 0.25);
}
.editor-v1 .table-widget__selector--selected::before {
  border-color: rgba(16, 153, 252, 0.5);
}
.editor-v1 .table-widget--delete-hover .table-widget__table--all-selected::after {
  background-color: rgba(255, 97, 97, 0.4);
}
.editor-v1 .repeating-table-row {
  position: relative;
}
.editor-v1 .repeating-table-row td:not(.table-widget__cell--deletable):after {
  content: "";
  position: absolute;
  top: 2px;
  width: calc(100%);
  height: calc(100% - 2px - 2px);
  pointer-events: none;
  background: rgba(16, 153, 252, 0.1);
  border-top: 1px solid rgba(16, 153, 252, 0.2);
  border-bottom: 1px solid rgba(16, 153, 252, 0.2);
}
.editor-v1 .repeating-table-row td:not(.table-widget__cell--deletable):first-of-type:after {
  left: 2px;
  width: calc(100% - 2px);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-left: 1px solid rgba(16, 153, 252, 0.2);
}
.editor-v1 .repeating-table-row td:not(.table-widget__cell--deletable):last-of-type:after {
  width: calc(100% - 2px);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid rgba(16, 153, 252, 0.2);
}
.editor-v1 .repeating-table-row td {
  padding-top: 45px;
}
.editor-v1 .repeating-table-row__input-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 40px;
  width: 500px;
  padding: 4px 8px 0px 8px;
  z-index: 1;
  overflow: visible;
}
.editor-v1 .repeating-table-row__token-input {
  max-width: calc(100% - 170px - 8px);
  cursor: pointer;
  margin-top: auto;
}
.editor-v1 .repeating-table-row__placeholder {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  top: 47px;
  left: 6px;
}
.editor-v1 .repeating-table-row__placeholder:hover {
  cursor: text;
}
.editor-v1 .repeating-table-row__label {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-v1 .repeating-table-row--light .repeating-table-row__label {
  color: #47535d;
}
.editor-v1 .repeating-table-row--light .repeating-table-row__placeholder {
  color: #5d6d7a;
}
.editor-v1 .repeating-table-row--dark {
  color: white;
}
.editor-v1 .repeating-table-row--dark .repeating-table-row__label {
  color: white;
}
.editor-v1 .repeating-table-row--dark .repeating-table-row__placeholder {
  color: #e6e6e6;
}
.editor-v1 .media-variable-label {
  min-height: 36px;
  width: fit-content;
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 41.5px;
  background: linear-gradient(0deg, rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), white;
  color: #47535d;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.editor-v1 .media-variable-label--normal {
  padding: 4px 16px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  margin-bottom: 0;
}
.editor-v1 .media-variable-label--small {
  padding: 4px 8px;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 300px;
  overflow-wrap: break-word;
}
.editor-v1 .media-variable-label--small .media-variable-label__label {
  max-width: 240px;
}
.editor-v1 .media-variable-label--tiny {
  padding: 8px;
}
.editor-v1 .media-variable-label__label {
  user-select: none;
}
.editor-v1 .media-variable-label__icon {
  fill: #47535d;
}
.editor-v1 .media-variable-label:not(.media-variable-label--tiny) .media-variable-label__icon {
  margin-right: 8px;
}
.editor-v1 .token-widget__wrapper {
  position: relative;
  padding: 4px 0;
  border: 1px solid rgba(16, 153, 252, 0.5);
  border-radius: 100px;
  background: rgba(16, 153, 252, 0.05);
  white-space: nowrap;
}
.editor-v1 .token-widget__input-wrapper {
  display: inline-block;
  width: calc(6em +  max(24px, 1em)  +  0.33em );
  max-width: 500px;
}
.editor-v1 .token-widget__input-wrapper--in-agreement {
  width: calc(6.4em + max(24px, 1em) + 0.33em);
}
.editor-v1 .token-widget__input-icon {
  position: absolute;
  top: 50%;
  left: calc( max(24px, 1em)  / 2);
  transform: translate(-50%, -50%);
  width: max(18px, 0.6em);
  height: max(18px, 0.6em);
  color: rgba(16, 153, 252, 0.5);
}
.editor-v1 .token-widget__input {
  height: inherit;
  padding: 0 0.33em 0 max(24px, 1em);
  border: none;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.editor-v1 .token-widget__input::-webkit-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input:-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input::-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input:-ms-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input::-webkit-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input:-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input::-moz-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .token-widget__input:-ms-input-placeholder {
  color: rgba(129, 162, 178, 0.5);
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 400;
}
.editor-v1 .editor-placeholder {
  position: relative;
  display: block;
}
.editor-v1 .editor-placeholder__inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0.33;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-v1 .roi-textarea__container {
  display: grid;
  width: 100%;
}
.editor-v1 .roi-textarea__container .roi-textarea__spacer {
  grid-area: 1/1;
  padding: 0;
  width: 100%;
  height: max-content;
  visibility: hidden;
  overflow: hidden;
}
.editor-v1 .roi-textarea__container .roi-textarea {
  width: 100%;
  max-width: 100%;
  grid-area: 1/1;
  --hover-color: rgba(129, 162, 178, 0.25);
  --focus-color: rgba(129, 162, 178, 0.5);
}
.editor-v1 .roi-textarea__container .roi-textarea .text-input__textarea {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  resize: none;
  margin-bottom: -4px;
}
.editor-v1 .roi-textarea__container .roi-textarea--dark {
  --hover-color: rgba(255, 255, 255, 0.25);
  --focus-color: rgba(255, 255, 255, 0.5);
}
.editor-v1 .roi-textarea__container .roi-textarea--dark ::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.editor-v1 .roi-textarea__container .roi-textarea .text-input__input-container {
  height: 100%;
  position: relative;
}
.editor-v1 .roi-textarea__container .roi-textarea .text-input__input-container::before {
  --vertical-offset: -3px;
  --horizontal-offset: -6px;
  content: "";
  position: absolute;
  top: var(--vertical-offset);
  right: var(--horizontal-offset);
  bottom: var(--vertical-offset);
  left: var(--horizontal-offset);
  border-radius: 4px;
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  pointer-events: none;
}
.editor-v1 .roi-textarea__container .roi-textarea .text-input__input-container:hover::before {
  box-shadow: 0 0 0 1px var(--hover-color);
}
.editor-v1 .roi-textarea__container .roi-textarea.roi-textarea--focussed .text-input__input-container::before {
  box-shadow: 0 0 0 1px var(--focus-color);
}
.editor-v1 .roi-textarea__container--centered .roi-textarea__spacer {
  text-align: center;
}
.editor-v1 .roi-textarea__container--centered .text-input__textarea {
  text-align: center;
}
.editor-v1 .roi-result__textarea.roi-textarea__container .roi-textarea__spacer {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 20px;
  text-align: center;
  white-space: pre-wrap;
  margin-bottom: 0;
}
.editor-v1 .roi-result__textarea.roi-textarea__container .roi-textarea .text-input__textarea {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  font-size: 20px;
  text-align: center;
  white-space: pre-wrap;
  margin-bottom: 0;
  margin-bottom: -4px;
}
.editor-v1 .roi-title__textarea.roi-textarea__container .roi-textarea__spacer {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  font-weight: 400;
  padding: 0;
  color: #47535d;
  font-size: 28px;
  white-space: pre-wrap;
}
.editor-v1 .roi-title__textarea.roi-textarea__container .roi-textarea .text-input__textarea {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  font-weight: 400;
  padding: 0;
  color: #47535d;
  font-size: 28px;
  white-space: pre-wrap;
  margin-bottom: -4px;
}
.editor-v1 .roi-description__textarea.roi-textarea__container .roi-textarea__spacer {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  font-weight: 400;
  line-height: 1.3;
  color: #47535d;
  font-size: 16px;
  white-space: pre-wrap;
}
.editor-v1 .roi-description__textarea.roi-textarea__container .roi-textarea .text-input__textarea {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  font-weight: 400;
  line-height: 1.3;
  color: #47535d;
  font-size: 16px;
  white-space: pre-wrap;
  margin-bottom: -4px;
}
.editor-v1 .roi-presets-card {
  display: grid;
  gap: 8px;
  align-content: start;
}
.editor-v1 .roi-presets-card__thumbnail {
  display: grid;
  place-content: center;
  padding-top: 56.25%;
  height: 0;
  position: relative;
}
.editor-v1 .roi-presets-card__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
}
.editor-v1 .roi-presets-card__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(36, 44, 57, 0.6);
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  display: grid;
  place-content: center;
  border-radius: inherit;
}
.editor-v1 .roi-presets-card__overlay--is-current {
  opacity: 1;
}
.editor-v1 .roi-presets-card__label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  text-align: center;
}
.kl-opt-in-lowercase-label .editor-v1 .roi-presets-card__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.editor-v1 .roi-presets-container {
  display: flex;
  border-radius: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
  height: 100%;
  background-color: white;
}
.editor-v1 .roi-presets-container--narrow {
  padding-top: 0;
  padding-bottom: 0;
}
.editor-v1 .roi-presets-container__roi-presets {
  display: grid;
  padding: 40px;
  width: 100%;
}
.editor-v1 .roi-presets-container__roi-presets__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 16px;
  width: 100%;
}
.editor-v1 .roi-presets-container__roi-presets__title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  color: #47535d;
  text-align: center;
  margin-top: -24px;
  margin-bottom: 16px;
}
.editor-v1 .roi-tour-modal-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
.editor-v1 .roi-tour-modal-container .roi-tour-modal {
  width: 400px;
  height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}
.editor-v1 .roi-tour-modal-container .roi-tour-modal-icon {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 169, 157, 0.25);
}
.editor-v1 .roi-tour-modal-container .roi-tour-modal-heading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
}
.editor-v1 .roi-tour-modal-container .roi-tour-modal-body {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  text-align: center;
}
.editor-v1 .roi-tour-modal-container .roi-tour-modal-buttons {
  display: flex;
  flex-direction: row;
}
.editor-v1 .roi-tour-modal-container .roi-tour-modal-buttons .button {
  margin: 0 8px;
}
.editor-v1 .roi-calculator-widget {
  position: relative;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result .roi-calculator-result__label {
  font-size: 20px;
  text-align: center;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result .roi-calculator-result__inner {
  cursor: pointer;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result .roi-calculator-result__inner-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result .roi-calculator__clickable-result {
  cursor: pointer;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result .roi-calculator__option-button--offset {
  right: 0;
  transform: translate(calc(100% + 8px ), 0, 0);
}
.editor-v1 .roi-calculator-widget .roi-calculator__option-button--offset {
  position: absolute;
  transform: translateX(100%);
  right: -16px;
}
.editor-v1 .roi-calculator-widget .roi-calculator-result__options-button {
  position: relative;
}
.editor-v1 .roi-calculator-widget .roi-calculator-formula-error {
  position: absolute;
  top: -16px;
  right: -16px;
  background-color: #D71939;
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}
.editor-v1 .roi-calculator-widget .roi-calculator__background-image-button {
  position: absolute;
  z-index: 3;
  right: 24px;
  top: 24px;
}
.editor-v1 .roi-calculator-widget .roi-calculator-slider__container {
  position: relative;
}
.editor-v1 .roi-calculator-widget .add-variable__inner {
  display: flex;
  align-items: center;
}
.editor-v1 .roi-calculator-widget .add-variable__wrapper {
  width: 100%;
  padding-right: 40px;
}
.editor-v1 .roi-calculator-widget-container {
  position: relative;
}
.editor-v1 .roi-calculator-panel-contents__variable-input-list {
  display: grid;
  margin-top: 8px;
  padding: 24px 8px 24px 24px;
  justify-items: start;
}
.editor-v1 .roi-calculator-panel-contents__variable-input-list .roi-calculator-panel-contents__variable-input {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-items: start;
  grid-template-columns: 1fr auto;
  justify-self: stretch;
}
.editor-v1 .roi-calculator-panel-contents__variable-input-list .roi-calculator-panel-contents__variable-input .roi-calculator-options__button {
  margin-top: 20px;
}
.editor-v1 .roi-presets-wrapper {
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .roi-presets-wrapper .roi-presets-container__roi-presets {
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .editor-v1 .roi-presets-wrapper .roi-presets-container__roi-presets {
    transition: none;
  }
}
.editor-v1 .roi-presets-wrapper--entered {
  opacity: 1;
}
.editor-v1 .roi-presets-wrapper--exiting,
.editor-v1 .roi-presets-wrapper--exited {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 11;
  opacity: 0;
}
.editor-v1 .roi-presets-wrapper--exiting .roi-presets-container__roi-presets,
.editor-v1 .roi-presets-wrapper--exited .roi-presets-container__roi-presets {
  transform: scale3d(1.1, 1.1, 1);
}
.editor-v1 .accordion-widget {
  position: relative;
}
.editor-v1 .accordion-widget__spacing-shim {
  margin: 16px 0;
}
.editor-v1 .accordion-widget__content {
  position: relative;
}
.editor-v1 .accordion-widget-heading__controls {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98), X;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.editor-v1 .accordion-widget-heading__controls--enter {
  opacity: 0;
}
.editor-v1 .accordion-widget-heading__controls--enter-active {
  opacity: 1;
}
.editor-v1 .accordion-widget-heading__controls--exit {
  opacity: 1;
}
.editor-v1 .accordion-widget-heading__controls--exit-active {
  opacity: 0;
}
.editor-v1 .accordion-widget--hide-selection .accordion-widget__content ::selection {
  background: transparent;
}
.editor-v1 .new-editor {
  padding: 30px 200px;
  margin: -30px -200px;
}
.editor-v1 .disable-interaction {
  pointer-events: none;
}
.editor-v1 .conversion-area {
  position: fixed;
  opacity: 0;
  top: -10000px;
}
.editor-v1 .horizontal-rule {
  padding: 3px 0 3px 0;
  border-radius: 6px;
  border: 3px solid rgba(16, 153, 252, 0);
}
.editor-v1 .horizontal-rule hr {
  margin: 0;
}
.editor-v1 .comment {
  -webkit-transition: background-color 0.15s ease-out, X;
  -moz-transition: background-color 0.15s ease-out, X;
  -o-transition: background-color 0.15s ease-out, X;
  transition: background-color 0.15s ease-out, X;
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
  background-color: rgba(255, 206, 83, 0.25);
}
.editor-v1 .comment--is-active {
  background-color: rgba(255, 206, 83, 0.5);
}
.editor-v1 .comment--is-hidden {
  background-color: transparent;
}
.editor-v1 .comment-inner {
  position: relative;
}
.editor-v1 .comment-inner-marker {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 399;
}
.blueprint-build-flow {
  max-width: 600px;
  padding-bottom: 100px;
}
.blueprint-build-flow .step {
  border: 1px solid #ededed;
  padding: 40px;
  position: relative;
  margin-top: 80px;
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.blueprint-build-flow .step.finished {
  background: #ffffff;
  opacity: 0.8;
}
.blueprint-build-flow .step.finished:hover {
  opacity: 1;
  background: #fcfcfc;
}
.blueprint-build-flow .step .step-header {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.blueprint-build-flow .step .step-header .icon {
  display: block;
  margin-right: 20px;
  font-size: 40px;
  color: #d9d9d9;
}
.blueprint-build-flow .step .step-header .text-content .title {
  font-weight: 600;
  font-size: 17px;
  position: relative;
  color: #595959;
}
.blueprint-build-flow .step .step-header .text-content .title .step-number {
  font-weight: 700;
  color: #a6a6a6;
}
.blueprint-build-flow .step .step-header .text-content .subtitle {
  margin-top: 5px;
  font-size: 14px;
}
.blueprint-build-flow .step .connector-line {
  height: 80px;
  width: 1px;
  background: #ebebeb;
  position: absolute;
  top: -81px;
  left: 50%;
}
.blueprint-build-flow .step .step-finished-badge {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  background: #00857b;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 700;
  top: -10px;
  left: -10px;
  color: #fff;
  font-size: 13px;
  padding: 5px;
  -webkit-animation: fadeInLeft 0.2s ease, X;
  -moz-animation: fadeInLeft 0.2s ease, X;
  -o-animation: fadeInLeft 0.2s ease, X;
  animation: fadeInLeft 0.2s ease, X;
  -webkit-animation: fadeInLeft 0.2s ease;
  -moz-animation: fadeInLeft 0.2s ease;
  -o-animation: fadeInLeft 0.2s ease;
  animation: fadeInLeft 0.2s ease;
}
.blueprint-build-flow .step .action {
  margin-top: 15px;
  text-align: center;
}
.blueprint-build-flow .step .select-source {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.blueprint-build-flow .step .select-source .source {
  border: 1px solid #d9d9d9;
  padding: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 5px;
  width: 100%;
}
.blueprint-build-flow .step .select-source .source .icon {
  display: block;
  margin-right: 20px;
  font-size: 20px;
  color: #d9d9d9;
}
.blueprint-build-flow .step .select-source .source .description {
  align-self: flex-start;
}
.blueprint-build-flow .step .select-source .source .description .title {
  font-weight: 600;
  font-size: 17px;
  position: relative;
  color: #595959;
}
.blueprint-build-flow .step .select-source .source .description .title .step-number {
  font-weight: 700;
  color: #a6a6a6;
}
.blueprint-build-flow .step .select-source .source .description p {
  margin-top: 5px;
  font-size: 14px;
}
.blueprint-build-flow .step .select-source .selected {
  background: #f7f7f7;
}
.blueprint-build-flow .step .back-step-hover-tile {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  border: 2px solid rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blueprint-build-flow .step .back-step-hover-tile .label {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
  background: #333;
  padding: 25px 30px;
}
.blueprint-build-flow .step:hover .back-step-hover-tile {
  opacity: 1;
  cursor: pointer;
}
.blueprint-build-flow .preview-variables {
  margin-bottom: 35px;
}
.blueprint-build-flow .preview-table-container {
  overflow: scroll;
  max-height: 500px;
}
.blueprint-build-flow .preview-table-container table {
  min-width: 100%;
}
.blueprint-build-flow .preview-table-container th {
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 7px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.blueprint-build-flow .preview-table-container td:first-child {
  width: 30%;
}
.blueprint-build-flow .preview-table-container tr:nth-child(even) {
  background: #f6f6f6;
}
.blueprint-build-flow .preview-table-container td {
  padding: 7px;
  font-size: 13px;
  font-family: "calibre-legacy", sans-serif;
}
.blueprint-build-flow .import-data {
  padding-bottom: 0;
}
.blueprint-build-flow .import-data .csv-import {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.blueprint-build-flow .import-data .csv-import .styled-file-input {
  padding: 10px;
  display: block;
  width: 130px;
  text-align: center;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.blueprint-build-flow .import-data .csv-import .styled-file-input input {
  display: none;
}
.blueprint-build-flow .import-data .pipedrive-deal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 0;
}
.blueprint-build-flow .import-data .select-deals {
  margin: 10px;
}
.blueprint-build-flow .import-data .import-sources {
  border-top: 1px solid #f5f5f5;
}
.blueprint-build-flow .import-data .import-sources .import {
  padding: 30px 0;
}
.blueprint-build-flow .import-data .import-sources .import .description {
  padding-right: 25px;
}
.blueprint-build-flow .import-data .import-sources .import .description .title {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  color: #595959;
}
.blueprint-build-flow .import-data .import-sources .import .description p {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 6px 0;
  line-height: 1.3;
  color: #8c8c8c;
}
.blueprint-build-flow .build-projects .step-header {
  margin-bottom: 0;
}
.blueprint-build-flow .build-projects .number-of-docs {
  font-weight: 700;
}
.blueprint-build-flow .build-projects .loading-message {
  padding: 30px;
}
.blueprint-build-flow .build-projects .built-message {
  margin-bottom: 0;
}
.blueprint-build-flow .build-projects .built-message span {
  margin-right: 5px;
}
.blueprint-build-flow .explore-projects .explore-content,
.blueprint-build-flow .explore-projects .loading-message {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.blueprint-build-flow .explore-projects .exports .export {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  padding: 15px 0;
}
.blueprint-build-flow .explore-projects .exports .export .description {
  width: 100%;
}
.blueprint-build-flow .explore-projects .exports .export .description .title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.blueprint-build-flow .explore-projects .exports .export .description .title .icon {
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  color: #b3b3b3;
}
.blueprint-build-flow .explore-projects .exports .export .description .subtitle a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.blueprint-build-flow .explore-projects .exports .export .description .subtitle a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.blueprint-build-flow .explore-projects .exports .export .description .subtitle a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.blueprint-build-flow .explore-projects .exports .export .action {
  margin-left: 20px;
  min-width: 150px;
}
.blueprint-build-flow .explore-projects .exports .export .action button {
  width: 100%;
}
.blueprint-interface .header {
  padding: 30px 0 0;
}
.blueprint-interface .header .subtitle {
  margin: 0;
}
.modal-container.tag-modal .modal {
  padding: 0px;
  min-width: 0px;
}
.modal-container.tag-modal .modal > .close {
  display: none;
}
.modal-container.tag-modal .tag-setter {
  width: 350px;
  height: 450px;
  border: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-container.tag-modal .tag-setter .hover-state {
  background: rgba(117, 196, 253, 0.5);
  color: #1099FC;
}
.modal-container.tag-modal .tag-setter .close-setter {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  height: 30px;
  min-height: 30px;
}
.modal-container.tag-modal .tag-setter .close-setter .close-modal {
  margin-left: auto;
  background-size: 9px;
  font-size: 10px;
  letter-spacing: 0.1em;
  background-color: transparent;
  text-transform: uppercase;
  padding: 10px 10px 10px 30px;
  color: #999999;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 30px;
}
.modal-container.tag-modal .tag-setter .close-setter .close-modal:hover {
  background-color: #f7f7f7;
}
.modal-container.tag-modal .tag-setter .selected-tags {
  padding: 10px 10px 0;
  max-height: 150px;
  min-height: 100px;
  overflow-y: auto;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag {
  border: 1px solid #f2f2f2;
  border-radius: 1px;
  color: #999999;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  margin-top: 5px;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .icon,
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .tag-name,
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .remove-icon {
  padding: 10px 0;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .icon {
  padding: 0px 5px;
  font-size: 14px;
  color: #cccccc;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .tag-name {
  font-size: 13px;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .remove-icon {
  cursor: pointer;
  font-size: 13px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag .remove-icon:hover {
  color: #D71939;
}
.modal-container.tag-modal .tag-setter .selected-tags .selected-tags-list .selected-tag button {
  color: #999999;
  padding: 0px;
}
.modal-container.tag-modal .tag-setter .search-box {
  padding-left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
}
.modal-container.tag-modal .tag-setter .search-box .icon {
  font-size: 120%;
  color: #b3b3b3;
}
.modal-container.tag-modal .tag-setter .search-box input[type=text] {
  border: none;
  line-height: 60px;
}
.modal-container.tag-modal .tag-setter .search-box .placeholder-style {
  font-size: 65% !important;
  color: #bfbfbf;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .search-box ::-webkit-input-placeholder {
  font-size: 65% !important;
  color: #bfbfbf;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .search-box :-moz-placeholder {
  /* Firefox 18- */
  font-size: 65% !important;
  color: #bfbfbf;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .search-box ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 65% !important;
  color: #bfbfbf;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .search-box :-ms-input-placeholder {
  font-size: 65% !important;
  color: #bfbfbf;
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .tag-list {
  overflow-y: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  padding-top: 20px;
  border-top: 1px solid #f2f2f2;
  background: #ffffff;
}
.modal-container.tag-modal .tag-setter .tag-list .tag-button {
  text-align: left;
  background: none;
  color: black;
  border-radius: 0px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 5px;
  padding-left: 30px;
  color: #999999;
}
.modal-container.tag-modal .tag-setter .tag-list .tag-button:not(.empty-tags):hover {
  background: rgba(117, 196, 253, 0.5);
  color: #1099FC;
}
.modal-container.tag-modal .tag-setter .tag-list .new-tag-button {
  color: #1099FC;
  font-weight: 400;
}
.modal-container.tag-modal .tag-setter .tag-list .empty-tags {
  cursor: default;
  font-style: italic;
}
.pdf-export {
  width: 100vw;
}
.pdf-export .pdf-export-header {
  text-align: center;
  margin-bottom: 50px;
}
.pdf-export .pdf-export-header .pdf-icon {
  width: 80px;
  margin: 0 auto;
}
.pdf-export .pdf-export-header .title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  color: #416374;
}
.pdf-export .pdf-export-header p {
  margin: 5px 0;
  color: #94a7b1;
}
.pdf-export .pdf-link {
  width: 100%;
}
.pdf-export .options {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pdf-export .options .orientation {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  padding: 50px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pdf-export .options .orientation .option {
  text-align: center;
  width: 50%;
  padding: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pdf-export .options .orientation .option:first-child {
  border-right: 1px solid #f5f7f8;
}
.pdf-export .options .orientation .option .title {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-transform: uppercase;
  font-size: 11px;
  color: #416374;
  letter-spacing: 0.1em;
  margin-bottom: -20px;
}
.pdf-export .options .orientation .option .pdf-icon {
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0.7;
  width: 300px;
  max-width: 350px;
}
.pdf-export .options .orientation .option:hover {
  background: #fcfcfd;
}
.pdf-export .options .orientation .option:hover .pdf-icon {
  opacity: 1;
}
.pdf-export .options .orientation .option:hover .title {
  color: #113c51;
}
.draft-live-toggle label {
  font-weight: 700;
  color: #81a2b2;
  text-transform: uppercase;
  margin-top: 0;
}
.draft-live-toggle,
.draft-live-toggle q-toggle-button {
  width: 100%;
}
.draft-live-toggle .toggle-button__click-field {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.token-linking {
  padding: 65px 55px 55px 55px;
}
.token-linking__option {
  border: 1px solid rgba(129, 162, 178, 0.25);
  margin-bottom: 8px;
}
.token-linking__radio-buttons {
  padding-bottom: 8px;
}
.token-linking__radio-button {
  padding-left: 16px;
}
.token-linking__provider-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
}
.token-linking__provider-icon {
  margin-right: 8px;
  flex-shrink: 0;
}
.change-template-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.change-template-heading__content {
  padding-bottom: 0;
  margin-bottom: 24px;
  width: 100%;
}
.change-template-heading__icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #1099FC;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-template-heading__icon svg {
  width: 100%;
  height: 100%;
}
.change-template-heading__title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: 24px;
}
.change-template-heading__alert {
  background-color: #e6edf0;
  margin-bottom: 24px;
}
.change-template-heading .alert__heading {
  display: none;
}
.token-replacement {
  padding: 65px 55px 55px 55px;
}
.token-replacement__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.token-replacement__row {
  width: 560px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  padding-bottom: 16px;
  padding-top: 16px;
}
.token-replacement__row .dropdown {
  width: 8em;
}
.token-replacement__header {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  border: none;
  padding-bottom: 14px;
}
.kl-opt-in-lowercase-label .token-replacement__header {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.token-replacement__token-left-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 50%;
}
.token-replacement__token-right-row {
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  background-color: white;
}
.token-replacement .token-view {
  max-width: 240px;
}
.token-replacement .token-view__item--hover {
  box-shadow: none;
  cursor: default;
}
.token-replacement__existing-token svg {
  fill: rgba(129, 162, 178, 0.25);
  margin: 0 4px;
}
.token-replacement__existing-token .token-view__item {
  width: 100%;
}
.token-replacement__existing-token .token-view__item .displayName {
  word-break: break-all;
}
.token-replacement__existing-token--complete-selection svg {
  fill: #00857b;
}
.token-replacement__new-token-container {
  cursor: pointer;
  width: 280px;
  height: 48px;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.token-replacement__new-token-container:hover {
  border: 1px solid rgba(129, 162, 178, 0.5);
}
.token-replacement__new-token {
  width: 280px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
  padding-bottom: 9px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.token-replacement__new-token .token-view {
  margin-bottom: 0;
}
.token-replacement__new-token .token-view__item {
  width: 100%;
}
.token-replacement__new-token .token-view__item .displayName {
  word-break: break-all;
}
.token-replacement__new-token svg {
  margin-left: auto;
  fill: #81a2b2;
}
.token-replacement__search-container {
  background-color: white;
  width: 280px;
  height: 140px;
  position: absolute;
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-sizing: border-box;
  box-shadow: rgba(71, 83, 93, 0.1);
  border-radius: 4px;
}
.token-replacement__search-component {
  padding: 8px;
}
.token-replacement__search-result {
  height: 100%;
  overflow-y: auto;
  position: absolute;
  width: 100%;
}
.token-replacement__search-result .dropdown-item__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.token-replacement-modal .modal.center {
  display: block;
  max-width: none;
  max-height: 712px;
  overflow-y: auto;
}
.add-token-form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 8px;
  padding: 0 4px;
}
.add-token-form__input {
  width: 100%;
}
.token-type-dropdown {
  margin-right: 8px;
}
.token-type-dropdown__label {
  display: block;
  color: #47535d;
  min-height: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.kl-opt-in-lowercase-label .token-type-dropdown__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.token-type-dropdown__action-btn {
  padding: 0 8px;
}
.token-type-dropdown__option-menu {
  z-index: 800;
}
.add-token-list-property-form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}
.add-token-list-property-form__label-input {
  width: 140px;
  margin-right: 8px;
}
.token-list {
  overflow: auto;
}
.token-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 40px;
  padding: 0 4px;
}
.token-list-item:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.token-list-item:hover .token-list-item__action-btn,
.token-list-item__action-btn:focus,
.token-list-item__action-btn[aria-expanded=true] {
  opacity: 1;
}
.token-list-item__content {
  width: calc(100% - 70px);
}
.token-list-item__actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: right;
  width: 70px;
}
.token-list-item__action-btn {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.token-list-item__option-menu {
  z-index: 701;
}
.token-loading-spinner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.token-loading-spinner__icon {
  margin: auto;
}
.tokens-panel__header {
  padding-bottom: 16px;
}
.tokens-panel__title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
}
.tokens-panel__tab--disabled {
  position: relative;
}
.tokens-panel__tab-disabled-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.tokens-panel__properties-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.tokens-panel__properties-title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  margin-bottom: 0;
}
.tokens-panel__properties-list {
  padding-left: 16px;
  border-left: 1px solid rgba(129, 162, 178, 0.25);
}
.tokens-panel__integration-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 24px;
}
.tokens-panel__integration-name-and-refresh-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tokens-panel__integration-name {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-weight: 700;
  margin-right: 16px;
  color: #242c39;
}
.tokens-panel__refresh-button-tooltip {
  width: 210px;
}
.tokens-panel__integration-change-btn {
  color: #00857b;
}
.tokens-panel__back-btn {
  margin-right: 8px;
}
.tokens-panel__add-token-input {
  margin-bottom: 8px;
}
.tokens-panel__tokens-group {
  margin-bottom: 8px;
}
.tokens-panel__tokens-group-title {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #81a2b2;
}
.kl-opt-in-lowercase-label .tokens-panel__tokens-group-title {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.tokens-panel__tokens-list-empty {
  margin: 130px 0;
}
.tokens-panel__tokens-list-empty-label {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  text-align: center;
}
.tokens-panel__footer {
  width: 100%;
  padding: 24px;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  text-align: center;
  padding-bottom: 0;
}
.cta {
  width: 300px;
  margin: 24px auto;
  text-align: center;
}
.currency-selector__circle-flag {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(129, 162, 178, 0.25);
  object-fit: cover;
}
.currency-selector__popover .popover__panel-content {
  padding: 8px;
}
.currency-selector__menu {
  width: 200px;
}
.currency-selector__currency-card {
  height: 40px;
  width: 100%;
  padding: 0 8px;
  margin-bottom: 4px;
  border-radius: 4px;
  transition: 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  transition-property: background-color;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.currency-selector__currency-card--selected {
  background-color: rgba(129, 162, 178, 0.25);
}
.currency-selector__currency-card:hover:not(.currency-selector__currency-card--selected) {
  background-color: rgba(129, 162, 178, 0.1);
}
.currency-selector__currency-card:focus {
  z-index: 1;
}
.currency-selector__card-left {
  flex: 0 1 55%;
  display: flex;
  gap: 8px;
  align-items: center;
}
.currency-selector__card-right {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.currency-selector__card-flag {
  width: 32px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  object-fit: cover;
}
.manual-page-value-modal__quote-value {
  height: 52px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: rgba(129, 162, 178, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manual-page-value-modal__inputs-section {
  display: flex;
  gap: 8px;
}
.manual-page-value-modal__currency-value-input {
  flex: 1 1 auto;
}
.projection-navigation-actions .settings-wrap {
  -webkit-animation: fadeInDown 0.35s ease, X;
  -moz-animation: fadeInDown 0.35s ease, X;
  -o-animation: fadeInDown 0.35s ease, X;
  animation: fadeInDown 0.35s ease, X;
  -webkit-animation: fadeInDown 0.35s ease;
  -moz-animation: fadeInDown 0.35s ease;
  -o-animation: fadeInDown 0.35s ease;
  animation: fadeInDown 0.35s ease;
  display: block;
}
.projection-navigation-actions .settings-wrap.ng-hide-add {
  -webkit-animation: fadeOutUp 0.2s ease, X;
  -moz-animation: fadeOutUp 0.2s ease, X;
  -o-animation: fadeOutUp 0.2s ease, X;
  animation: fadeOutUp 0.2s ease, X;
  -webkit-animation: fadeOutUp 0.2s ease;
  -moz-animation: fadeOutUp 0.2s ease;
  -o-animation: fadeOutUp 0.2s ease;
  animation: fadeOutUp 0.2s ease;
  display: block !important;
}
.projection-navigation-actions .project-settings {
  text-align: center;
  position: relative;
  background: #fff;
  padding: 6vh 0;
  border-top: 1px solid #ededed;
}
.projection-navigation-actions .project-settings .cancel {
  position: relative;
}
.projection-navigation-actions .project-settings .cancel div {
  position: absolute;
  right: 0;
  top: -80px;
  font-size: 23px;
  cursor: pointer;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.projection-navigation-actions .project-settings .cancel div:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.projection-navigation-actions .project-settings .project-settings-header {
  margin: 20px auto;
  width: 660px;
}
.projection-navigation-actions .project-settings .project-settings-header .title {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
}
.projection-navigation-actions .project-settings .items {
  max-width: 800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.convert-to-template-panel {
  width: 400px;
  min-height: 460px;
  margin: 16px auto;
  left: auto;
  right: -40px;
}
block-border,
.block-border {
  position: relative;
  height: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 10;
  transform: translateZ(0);
  /*
    @NOTE(mbusby, 2020-2-9) This used to be used by CreateBlockButton.tsx at some point, but broke
    and it's such a jarring change that we have stopped using it.
    Leaving here in case we want to make use of it in the future to offset
    the top create block button.
  */
}
block-border .line,
.block-border .line,
block-border .create-block-button,
.block-border .create-block-button,
block-border .close-block-button,
.block-border .close-block-button {
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: absolute;
}
block-border .create-block-button,
.block-border .create-block-button,
block-border .close-block-button,
.block-border .close-block-button {
  left: 50%;
  top: 50%;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  font-size: 90%;
  color: #81a2b2;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
block-border .create-block-button svg path,
.block-border .create-block-button svg path,
block-border .close-block-button svg path,
.block-border .close-block-button svg path {
  fill: #81a2b2;
}
block-border .create-block-button,
.block-border .create-block-button {
  fill: #b3b3b3;
}
block-border .close-block-button,
.block-border .close-block-button {
  color: #FF6161;
}
block-border .line,
.block-border .line {
  width: 100%;
  height: 20px;
  border: 0;
  background: rgba(16, 153, 252, 0.25);
  cursor: pointer;
  left: 0;
  top: -10px;
  margin: 0;
  padding: 0;
  opacity: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}
block-border:hover .line:not(.close-block),
.block-border:hover .line:not(.close-block),
block-border:hover .create-block-button,
.block-border:hover .create-block-button {
  opacity: 1;
}
block-border:hover .create-block-button,
.block-border:hover .create-block-button {
  border: 1px solid #038cef;
  background: rgba(16, 153, 252, 0.95);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  color: #fff;
}
block-border:hover .create-block-button svg path,
.block-border:hover .create-block-button svg path {
  fill: white;
}
block-border.first-border,
.block-border.first-border {
  top: 30px;
}
block-border.first-border hr,
.block-border.first-border hr {
  top: -30px;
  height: 30px;
}
.empty-project {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  background: rgba(129, 162, 178, 0.05);
}
.empty-project__content {
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.empty-project__blank-slate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.empty-project__blank-slate-heading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
}
.empty-project__blank-slate-text {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
}
.empty-project__blank-slate-icon {
  margin-bottom: 24px;
}
.empty-project__blank-slate-icon .box {
  transform-origin: 50% 50%;
  transform: rotateZ(-8deg);
  animation: emptyprojectbox-rotate 4.4s cubic-bezier(0.4, 0, 0.4, 1) infinite;
}
.empty-project__blank-slate-icon .ball {
  transform-origin: 50% 50%;
  animation: emptyprojectball-move 4.4s cubic-bezier(0.6, 0, 0.4, 1) infinite;
}
@keyframes emptyprojectbox-rotate {
  0%,
  86.36%,
  100% {
    transform: rotateZ(-8deg);
  }
  36.36%,
  50% {
    transform: rotateZ(8deg);
  }
}
@keyframes emptyprojectball-move {
  0%,
  13.63%,
  100% {
    transform: translateX(0);
  }
  50%,
  63.63% {
    transform: translateX(56px);
  }
}
.block-menu {
  --block-menu-left-offset: 0px;
  transform: translateZ(0);
  z-index: 500;
  position: absolute;
  top: 20px;
  left: calc(20px + var(--block-menu-left-offset));
}
.block-menu--open {
  z-index: 501;
}
.block-menu .menu-container {
  display: flex;
  gap: 4px;
}
.block-menu .menu-container .top-item {
  margin-right: 4px;
  background: transparent;
  width: 42px;
  height: 42px;
}
.block-menu .menu-container .top-item img {
  pointer-events: none;
}
.block-menu .menu-container .top-item .top-button-ui {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 1px solid rgba(129, 162, 178, 0.3);
  background-color: white;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease, X;
  -moz-transition: background-color 0.2s ease, X;
  -o-transition: background-color 0.2s ease, X;
  transition: background-color 0.2s ease, X;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.block-menu .menu-container .top-item .top-button-ui--overflow {
  width: 100%;
  margin-left: 3px;
  background-color: initial;
}
.block-menu .menu-container .top-item .top-button-ui > * {
  width: 100%;
  height: 100%;
}
.block-menu .menu-container .top-item .top-button-ui:hover {
  background-color: #e6e6e6;
}
.block-menu .menu-container .top-item .top-button-ui .top-button-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.block-menu .menu-container .top-item .top-button-ui .top-button-inner .button-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
}
.block-menu .menu-container .top-item .top-button-ui .top-button-inner img {
  margin: auto;
}
.block-menu .round-button {
  -webkit-transition: all 0.175s ease, X;
  -moz-transition: all 0.175s ease, X;
  -o-transition: all 0.175s ease, X;
  transition: all 0.175s ease, X;
  -webkit-transition: all 0.175s ease;
  -moz-transition: all 0.175s ease;
  -o-transition: all 0.175s ease;
  transition: all 0.175s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.block-menu .round-button.selected {
  border-radius: 36px;
  background: rgba(129, 162, 178, 0.2);
}
.block-menu .round-button--overflow {
  overflow: visible;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: unset !important;
  padding-right: 3px;
}
.block-menu .menu-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
}
.block-menu .main-menu {
  width: 36px;
  -webkit-transition: width 0.175s ease, X;
  -moz-transition: width 0.175s ease, X;
  -o-transition: width 0.175s ease, X;
  transition: width 0.175s ease, X;
  -webkit-transition: width 0.175s ease;
  -moz-transition: width 0.175s ease;
  -o-transition: width 0.175s ease;
  transition: width 0.175s ease;
}
.block-menu .main-menu.closed {
  margin: 3px 0 3px 3px;
}
.block-menu .main-menu.expanded {
  width: 200px;
}
.block-menu .expando-button {
  min-width: 36px;
  cursor: pointer;
  border-radius: 36px;
  background-color: white;
  box-shadow: 0px -1px 0px 0px rgba(224, 232, 241, 0.5), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(18, 20, 35, 0.1);
}
.block-menu .expando-button .icon {
  width: 75%;
  height: 75%;
  line-height: 36px;
}
.block-menu .expando-button.expanded {
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-radius: 0;
  box-shadow: unset;
}
.block-menu .expando-button.expanded .icon {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  position: absolute;
  width: 28px;
  height: 28px;
}
.block-menu .expando-button.expanded .icon.back-icon {
  fill: #545F68;
}
.block-menu .expando-button.expanded .icon.back-icon.ng-enter {
  -webkit-animation: fadeIn 0.175s, X;
  -moz-animation: fadeIn 0.175s, X;
  -o-animation: fadeIn 0.175s, X;
  animation: fadeIn 0.175s, X;
  -webkit-animation: fadeIn 0.175s;
  -moz-animation: fadeIn 0.175s;
  -o-animation: fadeIn 0.175s;
  animation: fadeIn 0.175s;
}
.block-menu .expando-button.expanded .icon.back-icon.ng-leave {
  -webkit-animation: fadeOut 0.175s, X;
  -moz-animation: fadeOut 0.175s, X;
  -o-animation: fadeOut 0.175s, X;
  animation: fadeOut 0.175s, X;
  -webkit-animation: fadeOut 0.175s;
  -moz-animation: fadeOut 0.175s;
  -o-animation: fadeOut 0.175s;
  animation: fadeOut 0.175s;
}
.block-menu .expando-button.expanded:hover {
  background: #f7f7f7;
  color: #00857b;
}
.block-menu .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #fff;
  border-top: none;
}
.block-menu .actions.ng-enter {
  -webkit-animation: fadeInLeft 0.175s, X;
  -moz-animation: fadeInLeft 0.175s, X;
  -o-animation: fadeInLeft 0.175s, X;
  animation: fadeInLeft 0.175s, X;
  -webkit-animation: fadeInLeft 0.175s;
  -moz-animation: fadeInLeft 0.175s;
  -o-animation: fadeInLeft 0.175s;
  animation: fadeInLeft 0.175s;
}
.block-menu .actions.ng-leave {
  -webkit-animation: fadeOutLeft 0.175s, X;
  -moz-animation: fadeOutLeft 0.175s, X;
  -o-animation: fadeOutLeft 0.175s, X;
  animation: fadeOutLeft 0.175s, X;
  -webkit-animation: fadeOutLeft 0.175s;
  -moz-animation: fadeOutLeft 0.175s;
  -o-animation: fadeOutLeft 0.175s;
  animation: fadeOutLeft 0.175s;
}
.block-menu .actions .action {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.175s ease-in-out, X;
  -moz-transition: all 0.175s ease-in-out, X;
  -o-transition: all 0.175s ease-in-out, X;
  transition: all 0.175s ease-in-out, X;
  -webkit-transition: all 0.175s ease-in-out;
  -moz-transition: all 0.175s ease-in-out;
  -o-transition: all 0.175s ease-in-out;
  transition: all 0.175s ease-in-out;
}
.block-menu .actions .action:last-child {
  border-right: 1px solid #ededed;
}
.block-menu .actions .action.active {
  background: #f2f2f2;
}
.block-menu .actions .action.simple-action {
  padding: 12px 10px;
  background: #f9f9f6;
  border-right: 1px solid #ebebeb;
  min-width: 37px;
}
.block-menu .actions .action.simple-action.action-delete {
  font-size: 70%;
}
.block-menu .actions .action.complex-action {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3px 0;
}
.block-menu .actions .action.complex-action .icon {
  width: 35px;
}
.block-menu .actions .action:hover:not(.active) {
  background: #f7f7f7;
}
.block-menu .content {
  z-index: 510;
}
.block-menu .permissions-lock {
  border-radius: 24.5px;
  padding: 16px 14px;
  height: 36px;
  background-color: #242C39;
  margin-top: 2px;
  opacity: 0.75;
  width: max-content;
}
.block-menu .permissions-lock .icon {
  fill: white;
  margin-right: 5px;
}
.block-menu .permissions-lock span {
  padding-top: 4px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.17px;
}
.block-menu-option-tooltip.tooltip.top {
  padding: 0;
}
.block-menu-option-tooltip.tooltip.top .tooltip-inner {
  padding: 6px 13px;
}
.block-menu-option-tooltip.tooltip.top .tooltip-arrow {
  bottom: -6px;
}
.style-code-editor-container {
  margin-top: 19.5px;
}
.style-code-editor-container .style-creator {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.style-code-editor-container .style-creator .actions {
  margin: 15px 0;
}
.project-content-wrapper.with-floating-navigation[blocks-navigation-enabled="true"]:not([navigation-drawer-open="true"]):not([hide-navigation="true"]) {
  /*
    With the floating navbar button, we want the block menu to be offset by the width of the
    floating navbar button.
  */
}
.project-content-wrapper.with-floating-navigation[blocks-navigation-enabled="true"]:not([navigation-drawer-open="true"]):not([hide-navigation="true"]) .block-menu.block-menu--first {
  --block-menu-left-offset: 48px;
}
.delete-only-menu {
  z-index: 500;
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: initial;
}
.delete-only-menu .delete-superpower {
  height: 36px;
  width: 36px;
  border: 1px solid rgba(129, 162, 178, 0.32);
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: white;
  -webkit-transition: background-color 0.2s ease, X;
  -moz-transition: background-color 0.2s ease, X;
  -o-transition: background-color 0.2s ease, X;
  transition: background-color 0.2s ease, X;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  margin-right: 10px;
  font-size: 20px;
  color: #D71939;
  cursor: pointer;
}
.delete-only-menu .delete-superpower:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.delete-only-menu .not-editable-message {
  -webkit-border-radius: 24.5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 24.5px;
  -moz-background-clip: padding;
  border-radius: 24.5px;
  background-clip: padding-box;
  background: rgba(36, 44, 57, 0.75);
  color: white;
  fill: white;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 36px;
  padding: 0 19px 0 14px;
  box-shadow: 0 0 0 0 rgba(36, 44, 57, 0.25);
  -webkit-transition: all 0.25s ease-in-out, X;
  -moz-transition: all 0.25s ease-in-out, X;
  -o-transition: all 0.25s ease-in-out, X;
  transition: all 0.25s ease-in-out, X;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.delete-only-menu .not-editable-message.with-border {
  box-shadow: 0 0 0 4px rgba(36, 44, 57, 0.25);
}
.delete-only-menu .not-editable-message .small {
  margin-right: 10px;
}
.delete-only-menu .not-editable-message .upgrade {
  cursor: pointer;
  color: #00857b;
  border-bottom: 1px solid #00857b;
}
.style-editor {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.style-editor .project-content-wrapper.with-styleeditor .block-list {
  margin-left: 310px;
  -webkit-transition: margin 0.35s ease, X;
  -moz-transition: margin 0.35s ease, X;
  -o-transition: margin 0.35s ease, X;
  transition: margin 0.35s ease, X;
  -webkit-transition: margin 0.35s ease;
  -moz-transition: margin 0.35s ease;
  -o-transition: margin 0.35s ease;
  transition: margin 0.35s ease;
}
.style-editor .style-editor-controls {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  min-width: 310px;
  width: 310px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.style-editor .style-editor-controls .controls-main {
  overflow-y: auto;
}
.style-editor .style-editor-controls .controls-header {
  background: #f8f9fa;
  padding: 42px 38px;
  border-bottom: 1px solid #ECEFF1;
}
.style-editor .style-editor-controls .controls-header .title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #35596b;
}
.style-editor .style-editor-controls .controls-header .title .icon {
  height: 26px;
  margin-right: 16px;
}
.style-editor .style-editor-controls .controls-toggler {
  padding: 27px 45px 27px 40px;
  color: #053d51;
  font-size: 13px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.style-editor .style-editor-controls .controls-toggler .title-with-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.style-editor .style-editor-controls .controls-toggler .title-icon {
  fill: #81A2B2;
  margin-right: 10px;
}
.style-editor .style-editor-controls .controls-section .controls-toggler {
  border-bottom: 1px solid #F5F5F5;
}
.style-editor .style-editor-controls .controls-section-color .controls-label {
  font-size: 10px;
}
.style-editor .style-editor-controls .controls-section-inner {
  padding: 30px 46px 10px 39px;
  border-bottom: 1px solid #F5F5F5;
}
.style-editor .style-editor-controls .controls-section-inner .q-togglebutton {
  margin-top: -18px;
  margin-bottom: 20px;
}
.style-editor .style-editor-controls .controls-section-inner .q-togglebutton label {
  font-weight: 400;
  font-size: 14px;
}
.style-editor .style-editor-controls .controls-section-inner .controls-background-color {
  padding-bottom: 32px;
  margin-bottom: 27px;
}
.style-editor .style-editor-controls .controls-section-inner .controls-background-color:not(.with-card) {
  border-bottom: 1px solid #F5F5F5;
}
.style-editor .style-editor-controls .controls-section-inner .controls-background-color.with-card {
  padding-bottom: 0;
}
.style-editor .style-editor-controls .controls-section-inner .controls-label {
  margin-bottom: 10px;
  color: #557785;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget {
  width: 100%;
  height: 95px;
  border: 1px solid #DBE2E5;
  margin-bottom: 25px;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .background-display {
  margin-bottom: -95px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .background-display .icon svg {
  margin: 0 auto;
  fill: #A0B1B9;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .background-display .third {
  padding-top: 16px;
  color: #A0B1B9;
  width: 100%;
  opacity: 0.74;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .background-display .third.middle {
  border-left: 1px solid #F4F4F4;
  border-right: 1px solid #F4F4F4;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider {
  margin: 72px 15px 13px;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget {
  width: 100%;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input {
  height: 4px;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  background: #00BEFA;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input::-moz-range-thumb {
  -moz-appearance: none;
  height: 16px;
  background: #00BEFA;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input::-ms-thumb {
  height: 16px;
  background: #00BEFA;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  background: #00BEFA;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input::-moz-range-thumb {
  -moz-appearance: none;
  height: 16px;
  background: #00BEFA;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget input::-ms-thumb {
  height: 16px;
  background: #00BEFA;
}
.style-editor .style-editor-controls .controls-section-inner .font-style-slider-widget .font-style-slider .slider-widget .filler {
  background: #B7E2F5;
  height: 4px;
}
.style-editor .style-editor-controls .controls-section-inner .style-editor-color-picker {
  width: 223px;
  height: 38px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.style-editor .style-editor-controls .controls-section-inner .style-editor-color-picker .style-editor-color-picker-group {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.style-editor .style-editor-controls .controls-section-inner .style-editor-color-picker .style-editor-color-picker-group .style-editor-color-picker-item {
  width: 100%;
  cursor: pointer;
  font-size: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.style-editor .style-editor-controls .controls-section-inner .style-editor-color-picker .style-editor-color-picker-group .style-editor-color-picker-item .icon {
  width: 17.59px;
  fill: #fff;
}
.style-editor .style-editor-controls .controls-section-inner .style-editor-color-picker .style-editor-color-picker-group .style-editor-color-picker-item .icon.light {
  fill: #4a4a4a;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker .background-item {
  height: 50px;
  width: 223px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker .background-item .background-square {
  width: 35px;
  height: 35px;
  margin: 0 15px 0 7px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker .background-item .background-square .image-placeholder svg {
  opacity: 0.2;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker .background-item .background-text {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #557785;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker .background-item.background-selected {
  width: 100%;
  border: 1px solid rgba(129, 162, 178, 0.4);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: 16px;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker .menu-dropdown-container {
  border: 1px solid rgba(129, 162, 178, 0.4);
  border-top: none;
}
.style-editor .style-editor-controls .controls-section-inner .background-picker.background-card .menu-dropdown-position {
  z-index: 0;
}
.style-editor .style-editor-controls .controls-section-inner .alignment-picker .separator {
  border-bottom: 1px solid #F5F5F5;
  margin: 20px 0;
}
.style-editor .style-editor-controls .controls-section-inner .alignment-picker .alignment-section {
  margin: 22px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.style-editor .style-editor-controls .controls-section-inner .alignment-picker .alignment-section .alignment-title {
  color: #557785;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.style-editor .style-editor-controls .controls-section-inner .alignment-picker .alignment-section .alignment-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.style-editor .style-editor-controls .controls-section-inner .alignment-picker .alignment-section .alignment-buttons .alignment-button {
  cursor: pointer;
  width: 36px;
  height: 36px;
  padding: 11px;
  fill: #81A2B2;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.style-editor .style-editor-controls .controls-section-inner .alignment-picker .alignment-section .alignment-buttons .alignment-button.selected {
  background-color: #E6ECF0;
}
.style-editor .style-editor-controls .controls-section-inner .column-width-picker * {
  -webkit-transition: color 0.1s ease, background 0.1s ease;
  -moz-transition: color 0.1s ease, background 0.1s ease;
  -o-transition: color 0.1s ease, background 0.1s ease;
  transition: color 0.1s ease, background 0.1s ease;
}
.style-editor .style-editor-controls .controls-section-inner .column-width-picker .column-width-option {
  width: 100%;
  color: #B9C5CB;
  border: 1px solid #DBE2E5;
  border-right: none;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  padding: 13px 0;
  fill: #A0B1B9;
  cursor: pointer;
}
.style-editor .style-editor-controls .controls-section-inner .column-width-picker .column-width-option:last-child {
  border-right: 1px solid #DBE2E5;
}
.style-editor .style-editor-controls .controls-section-inner .column-width-picker .column-width-option.selected {
  background: rgba(62, 185, 255, 0.1);
  border-color: #3EB9FF;
  color: #3EB9FF;
  fill: #3EB9FF;
}
.style-editor .style-editor-controls .controls-section-inner .column-width-picker .column-width-option.selected + .column-width-option {
  border-left-color: #3EB9FF;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor .warning {
  background-color: #FFB961;
  color: white;
  padding: 13px 12px;
  margin-bottom: 15px;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor .warning p {
  font-size: 13px;
  line-height: 16px;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor .warning label {
  margin-bottom: 7px;
  color: inherit;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor .code-section label {
  margin-bottom: 16px;
  color: #557785;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor .code-section .code-box {
  margin-bottom: 25px;
}
.style-editor .style-editor-controls .controls-section-inner .advanced-editor .CodeMirror {
  height: 70px;
  border: 1px solid rgba(129, 162, 178, 0.4);
  padding: 13px 14px;
  font-size: 12px;
  line-height: 1.2;
}
.style-editor .style-editor-controls .controls-section-inner.ng-enter {
  -webkit-animation: fadeIn 0.4s, X;
  -moz-animation: fadeIn 0.4s, X;
  -o-animation: fadeIn 0.4s, X;
  animation: fadeIn 0.4s, X;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  animation: fadeIn 0.4s;
}
.style-editor .style-editor-controls .controls-section-inner.ng-leave {
  -webkit-animation: fadeOut 0.4s, X;
  -moz-animation: fadeOut 0.4s, X;
  -o-animation: fadeOut 0.4s, X;
  animation: fadeOut 0.4s, X;
  -webkit-animation: fadeOut 0.4s;
  -moz-animation: fadeOut 0.4s;
  -o-animation: fadeOut 0.4s;
  animation: fadeOut 0.4s;
}
.style-editor .style-editor-controls .controls-footer {
  border-top: 1px solid #DBE2E5;
  padding: 18px 46px 32px 39px;
  background: #fff;
}
.style-editor .style-editor-controls .controls-footer .style-name-label {
  color: #808080;
  font-size: 12px;
  line-height: 15px;
}
.style-editor .style-editor-controls .controls-footer .style-name {
  padding: 18px 20px;
  margin-bottom: 15px;
}
.style-editor .style-editor-controls .controls-footer .control-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.style-editor .style-editor-controls .controls-footer .control-button {
  width: 105px;
  min-width: 105px;
  height: 46px;
  font-weight: 600;
}
.style-editor .style-editor-controls .controls-footer .cancel-button {
  margin-left: 0;
  color: #587785;
  letter-spacing: 2px;
  font-size: 11.5px;
  line-height: 11.5px;
  background-color: #F3F5F6;
  border: 1px solid #E7ECEE;
}
.style-editor .style-editor-controls .controls-footer .save-button {
  letter-spacing: 1px;
  font-size: 13px;
  line-height: 13px;
  background: #00857b;
}
.style-editor .style-editor-controls .toggle-arrows {
  width: 5.56px;
  margin-right: 3px;
  fill: #053d51;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.style-editor .style-editor-controls .toggle-arrows.toggled {
  transform: rotate(90deg);
}
.style-editor .container-main {
  background-color: rgba(29, 29, 29, 0.1);
  position: relative;
}
.style-editor h1,
.style-editor h2,
.style-editor p {
  -webkit-transition: color 0.25s ease, X;
  -moz-transition: color 0.25s ease, X;
  -o-transition: color 0.25s ease, X;
  transition: color 0.25s ease, X;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.style-editor .style-editor-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.style-editor .style-editor-content .project-block.splash-module {
  text-align: center;
}
.style-editor .style-editor-content .image-placeholder {
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.block-control-delete-popover {
  z-index: 500;
}
.block-control-delete-popover .popover__panel-content {
  padding: 16px;
}
.block-control-delete-popover__inner {
  display: grid;
  gap: 8px;
}
.block-control-delete-popover__heading {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.kl-opt-in-lowercase-label .block-control-delete-popover__heading {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.block-control-delete-popover__description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 4px;
}
.block-control-delete-popover__buttons {
  display: flex;
  gap: 8px;
}
.block-menu .foldable-settings {
  margin-top: 15px;
}
.block-menu .foldable-label-setting {
  margin-top: 10px;
}
.block-menu .settings .item .item-content-container .navigation-menu-settings input.mini {
  text-align: left;
  padding-left: 15px;
}
.block-menu .settings .item .item-content-container .navigation-menu-settings .project-nav-hint.explainer {
  padding: 15px;
  background: #fbfcfc;
  border: 1px solid #eceff1;
  text-align: center;
  line-height: 1.5;
  font-size: 11px;
  font-family: "calibre-legacy", sans-serif;
}
.block-menu .settings .item .item-content-container .navigation-menu-settings .navigation-menu-item {
  margin: 15px 0;
}
.block-menu .settings {
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  height: 100%;
  width: 200px;
  overflow-x: hidden;
  background: #fff;
}
.block-menu .settings .item {
  border-bottom: 1px solid #ededed;
  -webkit-transition: max-height 0.175s ease, X;
  -moz-transition: max-height 0.175s ease, X;
  -o-transition: max-height 0.175s ease, X;
  transition: max-height 0.175s ease, X;
  -webkit-transition: max-height 0.175s ease;
  -moz-transition: max-height 0.175s ease;
  -o-transition: max-height 0.175s ease;
  transition: max-height 0.175s ease;
  max-height: 50px;
}
.block-menu .settings .item--expanded {
  max-height: 1000px;
}
.block-menu .settings .item .header {
  padding: 15px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.block-menu .settings .item .item-content-container {
  padding: 0 15px 15px;
}
.block-menu .settings .item .item-content-container.ng-enter {
  -webkit-animation: fadeInDown 0.175s ease, X;
  -moz-animation: fadeInDown 0.175s ease, X;
  -o-animation: fadeInDown 0.175s ease, X;
  animation: fadeInDown 0.175s ease, X;
  -webkit-animation: fadeInDown 0.175s ease;
  -moz-animation: fadeInDown 0.175s ease;
  -o-animation: fadeInDown 0.175s ease;
  animation: fadeInDown 0.175s ease;
}
.block-menu .settings .item .item-content-container.ng-leave {
  -webkit-animation: fadeOutUp 0.175s ease, X;
  -moz-animation: fadeOutUp 0.175s ease, X;
  -o-animation: fadeOutUp 0.175s ease, X;
  animation: fadeOutUp 0.175s ease, X;
  -webkit-animation: fadeOutUp 0.175s ease;
  -moz-animation: fadeOutUp 0.175s ease;
  -o-animation: fadeOutUp 0.175s ease;
  animation: fadeOutUp 0.175s ease;
}
.block-menu .settings .item .item-content-container .input-heading {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 70%;
  margin: 10px 0 5px;
}
.block-menu .settings .item .item-content-container button {
  background-color: #fcfcfc;
  color: #4d4d4d;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  border: 1px solid #e6e6e6;
  font-size: 80%;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, X;
  -moz-transition: background-color 0.2s ease, X;
  -o-transition: background-color 0.2s ease, X;
  transition: background-color 0.2s ease, X;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.block-menu .settings .item .item-content-container button:hover {
  background-color: #f9f9f9;
}
.block-menu .settings .toggle-arrows {
  width: 5px;
  fill: #4d4d4d;
}
.block-menu .settings .toggle-arrows.toggled {
  transform: rotate(90deg);
}
.block-menu .save-block {
  background: #fff;
  border: 1px solid #f2f2f2;
  border-left: none;
  border-top: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  padding: 20px;
}
.block-menu .save-block .save-block-error-msg {
  left: 34%;
  bottom: -174px;
  color: white;
  background: #47535d;
}
.block-menu .save-block .save-block-error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #47535d;
}
.block-menu .save-block .save-block-error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #47535d;
}
.block-menu .save-block .save-block-error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #47535d;
}
.block-menu .save-block .save-block-error-msg:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  left: 50%;
  margin-left: -8px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #47535d;
}
.block-menu .save-block input {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.block-menu .save-block input .style {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input .style {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input .style {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .save-block input .style {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input:-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input::-moz-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block input:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 12px;
  font-style: italic;
}
.block-menu .save-block .lock-editing.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.block-menu .save-block .save-button {
  border-radius: 2px;
  background-color: #00857b;
  font-size: 13px;
}
.block-menu .save-block .lock-editing {
  padding: 15px 5px 10px 5px;
}
.block-menu .delete-block .delete-button {
  background: #D71939;
}
.block-menu .style-creator {
  top: 0;
  height: 100%;
  background: #fff;
  width: 300px;
  overflow-y: scroll;
  box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
  min-height: 400px;
}
.block-menu .style-creator header {
  background: #fafafa;
  text-align: center;
  padding: 7px;
}
.block-menu .style-creator header h5 {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
}
.block-menu .style-creator .name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f2f2f2;
  line-height: 40px;
  height: 40px;
}
.block-menu .style-creator .name .icon {
  width: 60px;
  font-size: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #b3b3b3;
}
.block-menu .style-creator .name input {
  height: 38px;
  line-height: 35px;
  font-size: 12px;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  border: none;
  border-left: 1px solid #f2f2f2;
}
.block-menu .style-creator .code .top-level {
  padding: 10px;
  border: 1px solid #f2f2f2;
  border-top: none;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.block-menu .style-creator .code .top-level .section-name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #4d4d4d;
}
.block-menu .style-creator .code .top-level:hover {
  background: #fafafa;
}
.block-menu .style-creator .code .top-level.open {
  background: #f5f5f5;
}
.block-menu .style-creator .code .editor .CodeMirror {
  border: 1px solid #f2f2f2;
  border-top: none;
  height: 140px;
  padding: 10px;
  font-size: 12px;
  line-height: 1.2;
}
.block-menu .style-creator .actions {
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.block-menu .style-creator .actions button {
  min-width: 38%;
}
.block-menu .style-selector-alt .styles {
  background: #fefefe;
  border-right: 1px solid #f2f2f2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}
.block-menu .style-selector-alt .styles .style {
  font-family: "calibre-legacy", sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.block-menu .style-selector-alt .styles .style.active .name {
  background: #f7f7f7;
}
.block-menu .style-selector-alt .styles .style:hover .name {
  color: #006c63;
}
.block-menu .style-selector-alt .styles .style .swatch {
  min-width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-right: 1px solid #f2f2f2;
}
.block-menu .style-selector-alt .styles .style .swatch .content {
  height: 16px;
  width: 22px;
}
.block-menu .style-selector-alt .styles .style .swatch .content h1,
.block-menu .style-selector-alt .styles .style .swatch .content h2,
.block-menu .style-selector-alt .styles .style .swatch .content p {
  margin: 0;
  padding: 0;
  line-height: 0;
  width: 100%;
  font-size: 15px;
  display: block;
}
.block-menu .style-selector-alt .styles .style .swatch .content h1 {
  min-height: 5px;
}
.block-menu .style-selector-alt .styles .style .swatch .content h2 {
  margin-top: 3px;
  min-height: 3px;
}
.block-menu .style-selector-alt .styles .style .swatch .content p {
  margin-top: 3px;
  min-height: 2px;
  display: inline-block;
  vertical-align: top;
}
.block-menu .style-selector-alt .styles .style .swatch .content p:last-child {
  width: 45%;
}
.block-menu .style-selector-alt .styles .style .name {
  border-bottom: 1px solid #f2f2f2;
  font-size: 11px;
  line-height: 1.5;
  margin-right: auto;
  width: 90%;
  padding: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.block-menu .style-selector-alt .styles .style .style-actions {
  border: none;
  padding-right: 10px;
  border-left: 1px solid #ededed;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.block-menu .style-selector-alt .styles .style .style-actions .action {
  border: none;
  font-size: 14px;
  color: #808080;
  margin-left: 10px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.block-menu .style-selector-alt .styles .style .style-actions .action:hover {
  color: #1099FC;
}
.block-menu .style-selector-alt .styles .add-new {
  width: 100%;
  padding: 20px 10px;
  background: #f2f2f2;
  font-size: 80%;
  text-transform: uppercase;
  cursor: pointer;
  color: #666666;
}
.block-menu .style-selector-alt .styles .add-new .icon {
  margin-right: 5px;
}
.block-menu .style-selector-alt .styles .add-new .text {
  font-weight: 400;
}
.block-menu .style-selector-alt .styles .contextual-help {
  padding: 20px 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
}
.block-menu .block-menu-panel {
  background: #fff;
  border: 1px solid #f2f2f2;
  border-left: none;
  border-top: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  padding: 15px;
}
.block-menu .title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  color: #4d4d4d;
}
.block-menu .explainer {
  line-height: 15px;
  font-size: 12px;
  color: rgba(36, 44, 57, 0.75);
}
.block-menu .binary-actions {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
}
.block-menu .binary-actions button {
  width: 100%;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.block-menu .binary-actions button:first-child {
  margin-right: 10px;
}
.block-menu .current-tab-wrapper.ng-enter {
  -webkit-animation: fadeInDown 0.175s ease, X;
  -moz-animation: fadeInDown 0.175s ease, X;
  -o-animation: fadeInDown 0.175s ease, X;
  animation: fadeInDown 0.175s ease, X;
  -webkit-animation: fadeInDown 0.175s ease;
  -moz-animation: fadeInDown 0.175s ease;
  -o-animation: fadeInDown 0.175s ease;
  animation: fadeInDown 0.175s ease;
}
.block-menu .current-tab-wrapper.ng-leave {
  -webkit-animation: fadeOutUp 0.175s ease, X;
  -moz-animation: fadeOutUp 0.175s ease, X;
  -o-animation: fadeOutUp 0.175s ease, X;
  animation: fadeOutUp 0.175s ease, X;
  -webkit-animation: fadeOutUp 0.175s ease;
  -moz-animation: fadeOutUp 0.175s ease;
  -o-animation: fadeOutUp 0.175s ease;
  animation: fadeOutUp 0.175s ease;
}
.block-menu .current-tab-wrapper input[type="text"] {
  padding-left: 10px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  border-color: #ebebeb;
}
.block-menu .current-tab-wrapper input[type="text"] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.block-menu .current-tab-wrapper input[type="text"] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.block-menu .current-tab-wrapper input[type="text"]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu {
  width: 200px;
  background-color: white;
  text-align: left;
}
.tooltip-block-menu .heading {
  color: #464646;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  margin-bottom: 10px;
}
.tooltip-block-menu .explainer {
  margin: 5px 0 10px;
  color: #A0A0A0;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}
.tooltip-block-menu .q-togglebutton label {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
  -webkit-transition: color 0.15s ease-out, X;
  -moz-transition: color 0.15s ease-out, X;
  -o-transition: color 0.15s ease-out, X;
  transition: color 0.15s ease-out, X;
  -webkit-transition: color 0.15s ease-out;
  -moz-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}
.tooltip-block-menu .q-togglebutton label--light {
  color: #81a2b2;
}
.tooltip-block-menu .q-togglebutton label--lighter {
  color: rgba(129, 162, 178, 0.5);
}
.tooltip-block-menu .q-togglebutton label--soft {
  color: rgba(36, 44, 57, 0.5);
}
.tooltip-block-menu .q-togglebutton label--slate {
  color: #47535d;
}
.tooltip-block-menu .q-togglebutton label--delete {
  color: #D71939;
}
.tooltip-block-menu .q-togglebutton label--is-disabled,
.tooltip-block-menu .q-togglebutton label--slate-light {
  color: rgba(71, 83, 93, 0.5);
}
.tooltip-block-menu .q-togglebutton label--slate-light:hover {
  color: rgba(71, 83, 93, 0.75);
}
.tooltip-block-menu .q-togglebutton label--white {
  color: #fff;
}
.tooltip-block-menu .q-togglebutton label--bold {
  font-weight: 700;
  color: #242c39;
}
.tooltip-block-menu .q-togglebutton label--bold-long {
  font-weight: 700;
  color: #81a2b2;
}
.tooltip-block-menu .q-togglebutton label--large {
  font-size: 14px;
  line-height: 17px;
}
.tooltip-block-menu .q-togglebutton label--emerald {
  color: #00857b;
}
.tooltip-block-menu .q-togglebutton {
  margin-bottom: 5px;
}
.tooltip-block-menu .input {
  padding: 8px 9px;
  margin-top: 5px;
  height: 30px;
  width: 170px;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.tooltip-block-menu .input .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu .input .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu .input:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text] {
  padding: 8px 9px;
  margin-top: 5px;
  height: 30px;
  width: 170px;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
}
.tooltip-block-menu input[type=text] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu input[type=text] .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu input[type=text]:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea {
  padding: 8px 9px;
  margin-top: 5px;
  height: 30px;
  width: 170px;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  resize: none;
  height: 60px;
  min-height: 0;
}
.tooltip-block-menu textarea .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.tooltip-block-menu textarea .style {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea:-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea::-moz-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea::-webkit-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
.tooltip-block-menu textarea:-ms-input-placeholder {
  color: #A0A0A0;
  font-size: 12px;
  font-style: italic;
}
/*
  See: /CommonFrontend/NavigationMenu/NavigationMenu.less
  For details of the boundaries between Common/Client/Public styles.
*/
/*
  To preserve our WYSWYG promise to users, the look and feel of the
  Navigation Widgets need to be the same across Client/Public as far as
  possible. Hence: we abstract the styling of common aspects here to ensure
  a stylistic match.

  It can be a little tricky to remember where styles should go, so here is a
  breakdown of the boundaries between Client/Public/Common in regards to styles.

  Common: Styles should go here when they pertain to the navigation widgets
  regardless of what context they are in.

  Client: The only styles that should live here are for UI that appear only
  in the client app. For example editing widgets that live inside the in-editor
  navigation widget.

  Public: The only styles that should live here are specific tweaks for UI
  in the public page context that differs from the client context.

  One thing to keep in mind is that z-indexes are defined separately per-app;
  so don't forget you need to define z-index properties for the various pieces
  of navigation widget UI for each app context.
*/
.sidebar-menu-container {
  min-width: 300px;
  width: 300px;
  position: fixed;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  top: 0;
  left: 0;
}
.sidebar-menu-container .navigation-menu-foldout {
  min-width: 300px;
  width: 300px;
  padding-top: 30px;
}
.sidebar-menu-container .navigation-menu-foldout.left-hand-side.closed {
  -webkit-transform: translateX(-240px);
  -moz-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
  opacity: 1;
}
.sidebar-menu-container .menu-footer {
  background: #f8f8f8;
  height: 120px;
  padding: 30px 0 0 30px;
  opacity: 1;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
}
.sidebar-menu-container .menu-footer .business-meta .wrapper .account-name {
  font-size: 12px;
}
.sidebar-menu-container .menu-footer .contact {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e7ecee;
}
.sidebar-menu-container .menu-footer .contact .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.sidebar-menu-container .menu-footer .contact .wrapper img {
  width: 22px;
}
.sidebar-menu-container .menu-footer .contact .wrapper .email {
  margin-left: 5px;
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar-menu-container .sidebar-control {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.55s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 1000;
  width: 300px;
  position: fixed;
  top: 0px;
}
.sidebar-menu-container .sidebar-control.withCollaboratorNav {
  top: calc(48px + 1px);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon {
  width: 20px;
  cursor: pointer;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon:hover .line {
  background: #94a7b1;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .line {
  height: 2px;
  width: 100%;
  background: #c4ced4;
  margin: 5px 0;
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .line:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .line:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -moz-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -o-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -ms-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  transform: rotate(-45deg) translateY(-10px) translateX(10px);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon .middle-line {
  opacity: 0;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed .line:nth-child(1) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed .line:nth-child(3) {
  -webkit-transform: rotate(0deg) translateY(0px) translateX(0);
  -moz-transform: rotate(0deg) translateY(0px) translateX(0);
  -o-transform: rotate(0deg) translateY(0px) translateX(0);
  -ms-transform: rotate(0deg) translateY(0px) translateX(0);
  transform: rotate(0deg) translateY(0px) translateX(0);
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon.closed .middle-line {
  opacity: 1;
}
.sidebar-menu-container .sidebar-control .navigation-menu-icon {
  margin-left: auto;
  margin-right: 15px;
  margin-top: 12px;
}
.sidebar-menu-container.closed .menu-footer {
  opacity: 0;
}
.sidebar-menu-container.closed .sidebar-control {
  -webkit-transform: translateX(-244px);
  -moz-transform: translateX(-244px);
  -o-transform: translateX(-244px);
  -ms-transform: translateX(-244px);
  transform: translateX(-244px);
}
@media all and (max-width: 650px) {
  .sidebar-menu-container:not(.closed) {
    min-width: 100%;
    width: 100%;
  }
  .sidebar-menu-container:not(.closed) .navigation-menu-foldout,
  .sidebar-menu-container:not(.closed) .sidebar-control {
    min-width: 100%;
    width: 100%;
  }
}
.header-menu-container .header-menu-widget {
  background: #fcfdfd;
  height: 60px;
}
.header-menu-container .header-menu-widget.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}
.header-menu-container .header-menu-widget.fixed.withCollaboratorNav {
  top: calc(48px + 1px);
}
.header-menu-container .header-menu-widget__masthead {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #f3f5f6;
}
@media all and (max-width: 650px) {
  .header-menu-container .header-menu-widget__masthead {
    padding-left: 15px;
  }
}
.header-menu-container .header-menu-widget__masthead .control {
  border-left: 1px solid #f3f5f6;
  padding: 17px 20px;
  cursor: pointer;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon {
  width: 20px;
  cursor: pointer;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon:hover .line {
  background: #94a7b1;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .line {
  height: 2px;
  width: 100%;
  background: #c4ced4;
  margin: 5px 0;
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.25s cubic-bezier(0.58, 0.3, 0.01, 1);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .line:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .line:nth-child(3) {
  -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -moz-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -o-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  -ms-transform: rotate(-45deg) translateY(-10px) translateX(10px);
  transform: rotate(-45deg) translateY(-10px) translateX(10px);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon .middle-line {
  opacity: 0;
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed .line:nth-child(1) {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed .line:nth-child(3) {
  -webkit-transform: rotate(0deg) translateY(0px) translateX(0);
  -moz-transform: rotate(0deg) translateY(0px) translateX(0);
  -o-transform: rotate(0deg) translateY(0px) translateX(0);
  -ms-transform: rotate(0deg) translateY(0px) translateX(0);
  transform: rotate(0deg) translateY(0px) translateX(0);
}
.header-menu-container .header-menu-widget .control .navigation-menu-icon.closed .middle-line {
  opacity: 1;
}
.header-menu-container .foldout-main {
  padding: 35px 13% 0;
  height: calc(100% -  120px);
}
.header-menu-container .navigation-menu-foldout {
  width: 600px;
  max-width: 100%;
  top: 0;
  height: 100%;
}
.header-menu-container .navigation-menu-foldout .menu-footer {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  max-height: 15%;
  min-height: 120px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f3f5f6;
}
.header-menu-container .navigation-menu-foldout .menu-footer .menu-footer-item {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  min-width: 210px;
}
.header-menu-container .navigation-menu-foldout .menu-footer .business-meta,
.header-menu-container .navigation-menu-foldout .menu-footer .contact {
  heigth: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.header-menu-container .navigation-menu-foldout .menu-footer .business-meta {
  width: 50%;
  border-right: 1px solid #f5f7f8;
  background: #fdfdfd;
  padding: 0 20px;
}
.header-menu-container .navigation-menu-foldout .menu-footer .contact {
  width: 50%;
  background: #fbfbfb;
}
.header-menu-container .navigation-menu-foldout .menu-footer .contact .wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media all and (max-width: 650px) {
  .header-menu-container:not(.closed) {
    min-width: 100%;
    width: 100%;
  }
  .header-menu-container:not(.closed) .navigation-menu-foldout,
  .header-menu-container:not(.closed) .sidebar-control {
    min-width: 100%;
    width: 100%;
  }
}
.no-flexbox .header-menu-container .header-menu-widget .project-name,
.no-flexbox .header-menu-container .header-menu-widget .control {
  position: absolute;
}
.no-flexbox .header-menu-container .header-menu-widget .project-name {
  left: 20px;
  top: 20px;
  width: 80%;
}
.no-flexbox .header-menu-container .header-menu-widget .control {
  right: 20px;
  top: 15px;
}
.navigation-menu-foldout {
  background: #fff;
  position: fixed;
  height: 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1), X;
  -webkit-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -moz-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -o-transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  transition: all 0.4s cubic-bezier(0.58, 0.3, 0.01, 1);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.navigation-menu-foldout .qwilr-project-meta {
  padding-bottom: 15px;
  border-bottom: 4px solid #f3f5f6;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation-menu-foldout .qwilr-project-meta .icon {
  width: 20px;
  margin-right: 10px;
}
.navigation-menu-foldout .qwilr-project-meta .text .label {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
  color: #c8cace;
  margin-bottom: 5px;
  letter-spacing: 0.3em;
}
.navigation-menu-foldout .qwilr-project-meta .text .project-name {
  font-size: 11px;
  letter-spacing: 0.01em;
  color: #92969c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.navigation-menu-foldout.left-hand-side {
  left: 0;
  border-right: 1px solid #f1f3f5;
}
.navigation-menu-foldout.left-hand-side.closed {
  -webkit-transform: translateX(-700px);
  -moz-transform: translateX(-700px);
  -o-transform: translateX(-700px);
  -ms-transform: translateX(-700px);
  transform: translateX(-700px);
}
.navigation-menu-foldout.right-hand-side {
  right: 0;
  border-left: 1px solid #f1f3f5;
}
.navigation-menu-foldout.right-hand-side.closed {
  -webkit-transform: translateX(700px);
  -moz-transform: translateX(700px);
  -o-transform: translateX(700px);
  -ms-transform: translateX(700px);
  transform: translateX(700px);
}
.navigation-menu-foldout .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.navigation-menu-foldout.closed {
  opacity: 0;
}
.navigation-menu-foldout.closed .block-links,
.navigation-menu-foldout.closed .foldout-main {
  visibility: hidden;
}
.navigation-menu-foldout.closed .block-links .block-link-wrapper,
.navigation-menu-foldout.closed .foldout-main .block-link-wrapper {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.navigation-menu-foldout .block-links {
  max-height: calc(100% -  120px * 1.5);
  padding: 0 15px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.navigation-menu-foldout .block-links .block-link-wrapper {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
}
.navigation-menu-foldout .block-links .block-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  font-size: 14px;
  font-weight: 400;
  color: #587785;
  margin: 20px 0;
  cursor: pointer;
}
.navigation-menu-foldout .block-links .block-link .name {
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  margin-left: 10px;
  position: relative;
  display: inline-block;
  line-height: 1.5;
  color: #242C39;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
}
.navigation-menu-foldout .block-links .block-link .name .hover-underline {
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99), X;
  -webkit-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -moz-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  -o-transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  transition: all 0.2s cubic-bezier(0.58, 0.3, 0.21, 0.99);
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #b8c5cb;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.navigation-menu-foldout .block-links .block-link .name:hover {
  color: #113c51;
  border-color: #e7ecee;
}
.navigation-menu-foldout .block-links .block-link .name:hover .hover-underline {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.navigation-menu-foldout .menu-footer .business-meta .account-name {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-size: 9px;
  color: #587785;
  margin-bottom: 4px;
}
.navigation-menu-foldout .menu-footer .business-meta .user-name {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  color: #a7abb0;
  font-size: 11px;
}
.navigation-menu-foldout .menu-footer .contact img {
  width: 40px;
}
.navigation-menu-foldout .menu-footer .contact .email {
  display: block;
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  color: #1099FC;
  font-weight: 600;
  border-bottom: 2px solid rgba(16, 153, 252, 0.2);
  padding-bottom: 4px;
}
.page-navigation-configurator {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-navigation-configurator .actions-panel {
  min-width: 330px;
  max-width: 330px;
  max-height: 100vh;
  overflow-y: scroll;
}
.page-navigation-configurator .actions-panel .navigation-configuration-header {
  background: #f8f9fa;
  padding: 30px 25px;
}
.page-navigation-configurator .actions-panel .navigation-configuration-header .title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #35596b;
}
.page-navigation-configurator .actions-panel .navigation-configuration-header p {
  margin: 0;
  margin-top: 5px;
  font-size: 14px;
}
.page-navigation-configurator .actions-panel .menu-type-selector {
  padding: 30px;
}
.page-navigation-configurator .actions-panel .menu-type-selector .type-selector-header {
  margin-bottom: 25px;
}
.page-navigation-configurator .actions-panel .menu-type-selector .type-selector-header .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #416374;
}
.page-navigation-configurator .actions-panel .menu-type-selector .type-selector-header p {
  color: #889ea8;
  font-size: 13px;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #eef1f3;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option {
  cursor: pointer;
  padding: 35px 13px 15px;
  width: 50%;
  text-align: center;
  position: relative;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option.sidebar {
  border-right: 1px solid #eef1f3;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option.selected {
  background: #fcfdfd;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option.selected img {
  opacity: 1;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option.selected .label {
  color: #587785;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option .check {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -6px;
  color: #889ea8;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option img {
  max-width: 100px;
  opacity: 0.8;
}
.page-navigation-configurator .actions-panel .menu-type-selector .menu-type-options .option .label {
  margin-top: 5px;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #889ea8;
}
.page-navigation-configurator .actions-panel .setup-inputs {
  border: 1px solid #f3f5f6;
  border-left: none;
  border-right: none;
  background: #fcfdfd;
  margin-bottom: 25px;
}
.page-navigation-configurator .actions-panel .setup-inputs .item {
  padding: 20px 30px;
  border-bottom: 1px solid #f3f5f6;
}
.page-navigation-configurator .actions-panel .setup-inputs .item .option-title {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #708a97;
  margin-bottom: 8px;
}
.page-navigation-configurator .actions-panel .setup-inputs .item:last-child {
  border-bottom: none;
}
.page-navigation-configurator .actions-panel .help-hint {
  padding: 0 20px;
  line-height: 1.5;
  margin-top: 10px;
}
.page-navigation-configurator .actions-panel .enable-navigation {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.page-navigation-configurator .actions-panel .enable-navigation .content {
  padding: 20px;
  margin-top: -10vh;
  text-align: center;
}
.page-navigation-configurator .actions-panel .enable-navigation .content .title {
  font-size: 20px;
  color: #416374;
  font-weight: 400;
}
.page-navigation-configurator .actions-panel .enable-navigation .content .action-container {
  margin: 20px auto 0;
}
.page-navigation-configurator .actions-panel .disable-navigation {
  text-align: center;
}
.page-navigation-configurator .actions-panel .disable-navigation p {
  line-height: 1.5;
  font-size: 14px;
  font-style: italic;
  font-family: "calibre-legacy", sans-serif;
  color: #889ea8;
}
.page-navigation-configurator .actions-panel .disable-navigation button {
  display: block;
  margin-top: 10px;
  display: inline-block;
  padding: 13px;
  background-color: #fafafa;
  border: 1px solid #ededed;
  color: #808080;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 12px;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-align: center;
}
.page-navigation-configurator .actions-panel .disable-navigation button:hover {
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}
.page-navigation-configurator .browser-mockup-container {
  width: 100%;
  overflow: hidden;
}
.page-navigation-configurator .browser-mockup-container .mockup {
  width: 100%;
  z-index: 999;
  max-width: 800px;
  margin: 0 auto;
}
.page-navigation-configurator .browser-mockup-container .mockup.header-selected {
  -webkit-transform: translateY(7.5%);
  -moz-transform: translateY(7.5%);
  -o-transform: translateY(7.5%);
  -ms-transform: translateY(7.5%);
  transform: translateY(7.5%);
}
.page-navigation-configurator .browser-mockup-container .mockup.sidebar-selected {
  -webkit-transform: translateY(9%);
  -moz-transform: translateY(9%);
  -o-transform: translateY(9%);
  -ms-transform: translateY(9%);
  transform: translateY(9%);
}
/*
  Styling specific to the client app context of the navigation menu foldout.
 */
.navigation-menu-foldout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.navigation-menu-foldout .foldout-main {
  padding: 35px 8% 0;
}
.navigation-menu-foldout .block-links {
  padding: 0;
}
.navigation-menu-foldout .block-link .edit-button {
  -webkit-transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67), X;
  -moz-transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67), X;
  -o-transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67), X;
  transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67), X;
  -webkit-transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67);
  -moz-transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67);
  -o-transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67);
  transition: all 0.25s cubic-bezier(0.19, 0.79, 0.75, 0.67);
  color: #cfd8dc;
  font-size: 12px;
  padding: 4px;
  cursor: pointer;
}
.navigation-menu-foldout .block-link .edit-button:hover {
  background: #e7ecee;
  color: #35596b;
}
.navigation-menu-foldout .block-link.hidden-block {
  cursor: default;
}
.navigation-menu-foldout .block-link.hidden-block .name {
  color: #b8c5cb;
  text-decoration: line-through;
}
.navigation-menu-foldout .block-link.hidden-block .name .hover-underline {
  display: none;
}
.navigation-menu-foldout .block-link.hidden-block .name:hover {
  color: #b8c5cb;
  border: none;
  cursor: default;
}
.navigation-menu-foldout .edit {
  border: 1px solid #f3f5f6;
  background: #fdfdfd;
  padding: 20px 25px;
}
.navigation-menu-foldout .edit.ng-enter {
  -webkit-animation: fadeInLeft 0.25s ease, X;
  -moz-animation: fadeInLeft 0.25s ease, X;
  -o-animation: fadeInLeft 0.25s ease, X;
  animation: fadeInLeft 0.25s ease, X;
  -webkit-animation: fadeInLeft 0.25s ease;
  -moz-animation: fadeInLeft 0.25s ease;
  -o-animation: fadeInLeft 0.25s ease;
  animation: fadeInLeft 0.25s ease;
}
.navigation-menu-foldout .edit .input-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation-menu-foldout .edit .input-label {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 5px 0;
  color: #889ea8;
}
.navigation-menu-foldout .edit input[type=text].mini {
  border-radius: 0;
  padding-left: 10px;
  font-size: 11px;
}
.navigation-menu-foldout .edit input[type=text].mini::-webkit-input-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini:-moz-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini::-moz-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini:-ms-input-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini::-webkit-input-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini:-moz-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini::-moz-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit input[type=text].mini:-ms-input-placeholder {
  color: #a0b1b9;
  font-size: 11px;
  font-weight: 600;
}
.navigation-menu-foldout .edit button {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 5px;
}
.navigation-menu-foldout .edit .block-settings-hint {
  margin-top: 15px;
  font-size: 9px;
  letter-spacing: 0.025em;
  line-height: 1.5;
  color: #889ea8;
}
.navigation-menu-foldout .edit .block-settings-hint span {
  padding-bottom: 0;
}
.navigation-menu-foldout .edit .block-options {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f3f5f6;
}
.navigation-menu-foldout .edit .block-options .option-item {
  padding: 15px 0;
}
.navigation-menu-foldout .edit .block-options .option-item .input-heading {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #708a97;
  margin-bottom: 10px;
}
.navigation-menu-foldout .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
.navigation-menu-foldout .actions .nav-action-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 7px;
  cursor: pointer;
  padding: 8px;
  height: 30px;
  background: #fbfcfc;
  border-color: #eef1f3;
  color: #889ea8;
}
.navigation-menu-foldout .actions .nav-action-button .icon {
  font-size: 13px;
}
.navigation-menu-foldout .actions .nav-action-button .text {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 8px;
  margin-left: 5px;
}
.navigation-menu-foldout .configure-hint {
  margin-top: auto;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.navigation-menu-foldout.empty-state .configure-hint {
  margin: auto auto;
}
.project-content-wrapper.with-sidebar.with-refreshed-navigation .block-list {
  margin-left: 0;
}
.project-content-wrapper.with-sidebar .block-list {
  margin-left: 300px;
  -webkit-transition: margin 0.35s ease, X;
  -moz-transition: margin 0.35s ease, X;
  -o-transition: margin 0.35s ease, X;
  transition: margin 0.35s ease, X;
  -webkit-transition: margin 0.35s ease;
  -moz-transition: margin 0.35s ease;
  -o-transition: margin 0.35s ease;
  transition: margin 0.35s ease;
}
.project-content-wrapper.with-sidebar .carousel-angular-container.floating {
  width: calc(100% -  300px );
}
.project-content-wrapper.with-sidebar.sidebar-closed.with-refreshed-navigation .block-list {
  margin-left: 0;
}
.project-content-wrapper.with-sidebar.sidebar-closed .block-list {
  margin-left: 60px;
}
.project-content-wrapper.with-sidebar.sidebar-closed .carousel-angular-container.floating {
  width: calc(100% -  60px );
}
.page-status-value {
  text-transform: none;
  letter-spacing: unset;
}
.page-status-value--accepted {
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.page-status-value__tooltip-heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-status-value__value-text {
  line-height: 1.4;
}
.project-navigation-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-right: 16px;
}
.project-navigation-actions .project-type-container__template {
  margin-right: 16px;
  border-radius: 4px;
  background: linear-gradient(to right, #0cdcc9, #419ee6, #7467ff) border-box;
  border: 1px solid;
  border-color: #ffffff00;
}
.project-navigation-actions .project-type-container__text {
  font-weight: 500;
  color: #3E456D;
  padding: 3px 15px 4px 15px;
  background-color: #EBF0F7;
  border-radius: 3px;
  font-size: 18px;
}
.project-navigation-actions .project-name-container {
  width: 75%;
}
.project-navigation-actions .project-name-container--default {
  margin-right: auto;
  max-width: 450px;
}
.project-navigation-actions .hero-actions-container {
  position: relative;
}
.project-navigation-actions .hero-actions-container.disabled {
  cursor: default;
}
.project-navigation-actions .hero-actions-container.navigation-actions {
  padding: 0;
}
.project-navigation-actions .hero-actions-container .navigation-actions__button-container + .navigation-actions__button-container {
  margin-left: 4px;
}
.project-navigation-actions .hero-actions-container .navigation-actions__button-container .navigation-action {
  height: 100%;
  width: 100%;
}
.project-navigation-actions .template-tagger-action-container {
  position: relative;
}
.project-navigation-actions .view-only-label {
  color: #81a2b2;
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}
.project-navigation-actions .view-only-label-margin {
  margin-right: 16px;
}
.project-navigation-actions .external-share {
  border-left: 1px solid #F3F5F6;
  margin-left: 15px;
}
.project-navigation-actions .external-share .draft-live-toggle-container {
  height: 60px;
  margin: 0 15px;
}
.project-navigation-actions .external-share .draft-live-toggle-container .draft-live-toggle {
  margin-right: 0;
}
.project-navigation-actions .external-share .share-container {
  margin-right: 15px;
}
.project-navigation-actions .external-share .share-container .button--share {
  height: 36px;
}
.project-navigation-actions .active-users-container {
  margin-right: 24px;
}
.project-navigation-actions .collaborate-button {
  margin: 0 4px;
}
.project-navigation-actions .button--share {
  margin-right: 8px;
}
.project-message-container {
  border-right: 1px solid #f8f9fa;
}
.project-message-container .nav-message-wrapper {
  position: relative;
  left: inherit;
}
.more-actions-dropdown {
  margin-top: 7px;
  z-index: 700;
  max-width: fit-content;
}
.more-actions-dropdown__tooltip--hidden {
  opacity: 0;
}
.tokens-popover-container,
.convert-to-template-popover-container {
  position: relative;
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), -o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-webkit-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-moz-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),-o-transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98),transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  transition: opacity 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98), transform 200ms cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -ms-transform: translate3d(0, -8px, 0);
  -webkit-transform: translate3d(0, -8px, 0);
  -moz-transform: translate3d(0, -8px, 0);
  -o-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  opacity: 0;
}
.tokens-popover-container--entering,
.convert-to-template-popover-container--entering,
.tokens-popover-container--entered,
.convert-to-template-popover-container--entered {
  opacity: 1;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.collaborate-button-container {
  position: relative;
}
.collaborate-button-container .collaborate-button {
  color: #47535d;
}
.collaborate-button-container--disabled .collaborate-button {
  color: rgba(71, 83, 93, 0.25);
}
.button--create-page {
  margin-right: 8px;
}
.button--page-settings {
  margin-left: 8px;
  margin-right: 4px;
}
.button--page-settings svg {
  margin-right: 4px;
}
.navigation-actions {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.navigation-actions .navigation-action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60px;
  width: 32px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  margin-right: 5px;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navigation-actions .navigation-action.disabled {
  opacity: 0.2;
}
.navigation-actions .navigation-action.disabled,
.navigation-actions .navigation-action.disabled a {
  cursor: default;
}
.active-users {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: fit-content;
}
.active-user {
  width: 24px;
}
.active-user .avatar {
  border: 2px solid white;
}
@keyframes enter-active {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes leave-active {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.active-users__scale-enter-active {
  -webkit-animation: enter-active, X;
  -moz-animation: enter-active, X;
  -o-animation: enter-active, X;
  animation: enter-active, X;
  -webkit-animation: enter-active;
  -moz-animation: enter-active;
  -o-animation: enter-active;
  animation: enter-active;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
}
.active-users__scale-leave-active {
  -webkit-animation: leave-active, X;
  -moz-animation: leave-active, X;
  -o-animation: leave-active, X;
  animation: leave-active, X;
  -webkit-animation: leave-active;
  -moz-animation: leave-active;
  -o-animation: leave-active;
  animation: leave-active;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
}
.add-comment {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 16px;
}
.add-comment__user-icon {
  margin: 4px 8px 4px 0;
  -webkit-transition: opacity 200ms ease, X;
  -moz-transition: opacity 200ms ease, X;
  -o-transition: opacity 200ms ease, X;
  transition: opacity 200ms ease, X;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.add-comment__user-icon--faded {
  opacity: 0.7;
}
.add-comment__input-grouping {
  width: calc(100% - 40px);
  margin-top: 4px;
  position: relative;
}
.add-comment__buttons .button--icon-only {
  margin: 0 4px;
}
.add-comment__input-buttons {
  position: absolute;
  bottom: 0;
  right: 16px;
}
.add-comment__submission-buttons {
  margin-top: 16px;
  margin-right: auto;
}
.add-comment__submission-buttons > :last-child {
  margin-left: 8px;
}
.add-comment__input-container {
  width: 100%;
  min-height: 32px;
}
.add-comment__input-button__slide-in-enter {
  opacity: 0.01;
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.add-comment__input-button__slide-in-enter-active {
  opacity: 1;
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease-out;
  -moz-transition: opacity 200ms ease, -moz-transform 200ms ease-out;
  -o-transition: opacity 200ms ease, -o-transform 200ms ease-out;
  transition: opacity 200ms ease,-webkit-transform 200ms ease-out,-moz-transform 200ms ease-out,-o-transform 200ms ease-out,transform 200ms ease-out;
  -webkit-transition: opacity 200ms ease, transform 200ms ease-out;
  -moz-transition: opacity 200ms ease, transform 200ms ease-out;
  -o-transition: opacity 200ms ease, transform 200ms ease-out;
  transition: opacity 200ms ease, transform 200ms ease-out;
}
.add-comment__input-button__slide-in-enter-active:nth-child(1) {
  /* Safari */
  -webkit-transition-delay: 100ms;
  /* Safari */
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}
.add-comment__input-button__slide-in-enter-active:nth-child(2) {
  /* Safari */
  -webkit-transition-delay: 50ms;
  /* Safari */
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}
.add-comment__input-button__slide-in-leave {
  opacity: 1;
}
.add-comment__input-button__slide-in-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 200ms ease, X;
  -moz-transition: opacity 200ms ease, X;
  -o-transition: opacity 200ms ease, X;
  transition: opacity 200ms ease, X;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.add-comment__submission-buttons__transitions-enter {
  opacity: 0.01;
  max-height: 0;
}
.add-comment__submission-buttons__transitions-enter-active {
  opacity: 1;
  max-height: 100vh;
  -webkit-transition: max-height 300ms ease-in, opacity 300ms ease-in;
  -moz-transition: max-height 300ms ease-in, opacity 300ms ease-in;
  -o-transition: max-height 300ms ease-in, opacity 300ms ease-in;
  transition: max-height 300ms ease-in, opacity 300ms ease-in;
}
.add-comment__submission-buttons__transitions-leave {
  opacity: 1;
  overflow: hidden;
  height: 36px;
}
.add-comment__submission-buttons__transitions-leave-active {
  opacity: 0.01;
  height: 0;
  margin-top: 0;
  -webkit-transition: height 300ms ease-out, opacity 300ms ease-out, margin 300ms ease-out;
  -moz-transition: height 300ms ease-out, opacity 300ms ease-out, margin 300ms ease-out;
  -o-transition: height 300ms ease-out, opacity 300ms ease-out, margin 300ms ease-out;
  transition: height 300ms ease-out, opacity 300ms ease-out, margin 300ms ease-out;
}
.add-comment__mention-message {
  background: rgba(129, 162, 178, 0.1);
  font-size: 14px;
  line-height: 20px;
  color: rgba(71, 83, 93, 0.7);
  padding: 16px 16px 16px 56px;
}
.invite-permissions-card__invite-name .invite-text {
  color: #00857b;
}
.add-comment-input {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 24px;
  outline: none;
}
.add-comment-input__highlighter,
.add-comment-input__input {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  width: 100%;
  min-height: 32px;
  padding: 4px 0 0;
  margin: 0;
  border: none;
  font-size: 16px;
  line-height: 1.5;
  color: #47535d;
  text-align: left;
}
.add-comment-input__highlighter rgba(71, 83, 93, 0.5)::-webkit-input-placeholder,
.add-comment-input__input rgba(71, 83, 93, 0.5)::-webkit-input-placeholder {
  color: 1em;
}
.add-comment-input__highlighter rgba(71, 83, 93, 0.5):-moz-placeholder,
.add-comment-input__input rgba(71, 83, 93, 0.5):-moz-placeholder {
  color: 1em;
}
.add-comment-input__highlighter rgba(71, 83, 93, 0.5)::-moz-placeholder,
.add-comment-input__input rgba(71, 83, 93, 0.5)::-moz-placeholder {
  color: 1em;
}
.add-comment-input__highlighter rgba(71, 83, 93, 0.5):-ms-input-placeholder,
.add-comment-input__input rgba(71, 83, 93, 0.5):-ms-input-placeholder {
  color: 1em;
}
.add-comment-input__highlighter .style,
.add-comment-input__input .style {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter:-moz-placeholder,
.add-comment-input__input:-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter::-moz-placeholder,
.add-comment-input__input::-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter::-webkit-input-placeholder,
.add-comment-input__input::-webkit-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter:-ms-input-placeholder,
.add-comment-input__input:-ms-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter .style,
.add-comment-input__input .style {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter:-moz-placeholder,
.add-comment-input__input:-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter::-moz-placeholder,
.add-comment-input__input::-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter::-webkit-input-placeholder,
.add-comment-input__input::-webkit-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter:-ms-input-placeholder,
.add-comment-input__input:-ms-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter .style,
.add-comment-input__input .style {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter:-moz-placeholder,
.add-comment-input__input:-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter::-moz-placeholder,
.add-comment-input__input::-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter::-webkit-input-placeholder,
.add-comment-input__input::-webkit-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter:-ms-input-placeholder,
.add-comment-input__input:-ms-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
}
.add-comment-input__highlighter .style,
.add-comment-input__input .style {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter:-moz-placeholder,
.add-comment-input__input:-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter::-moz-placeholder,
.add-comment-input__input::-moz-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter::-webkit-input-placeholder,
.add-comment-input__input::-webkit-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__highlighter:-ms-input-placeholder,
.add-comment-input__input:-ms-input-placeholder {
  color: rgba(71, 83, 93, 0.5);
  font-size: 1em;
  font-style: normal;
}
.add-comment-input__suggestions__list {
  min-width: 250px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 2px;
  overflow-y: auto;
  max-height: 310px;
}
.add-comment-mention {
  color: #81a2b2;
}
ul.add-comment-input__suggestions__list li.add-comment-input__suggestions__item {
  list-style: none;
  margin: 0;
}
ul.add-comment-input__suggestions__list li.add-comment-input__suggestions__item--focused {
  background-color: rgba(129, 162, 178, 0.1);
}
ul.add-comment-input__suggestions__list li.add-comment-input__suggestions__item .suggestion-wrapper {
  padding: 10px;
}
ul.add-comment-input__suggestions__list li.add-comment-input__suggestions__item .suggestion-wrapper--empty {
  user-select: none;
  cursor: default;
  background-color: white;
}
.add-comment-input__suggestions__item__name {
  text-transform: uppercase;
  color: #47535d;
  font-size: 12px;
  font-weight: 600;
}
.add-comment-input__suggestions__item__email {
  color: #47535d;
  font-size: 12px;
  opacity: 0.75;
}
.add-comment-input__suggestions__item__invite {
  color: #00857b;
}
.add-comment-input__suggestions-user-icon {
  position: relative;
}
.add-comment-input__suggestions-add-user {
  border: 2px solid white;
  border-radius: 100%;
  position: absolute;
  fill: #00857b;
  top: -2px;
  right: -2px;
  background: white;
}
.add-comment-input__suggestions {
  width: 280px;
}
.comment-component {
  text-align: left;
}
.comment-component__icon {
  flex-shrink: 0;
}
.comment-component__details {
  margin-left: 8px;
  width: 100%;
}
.comment-component__name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #242c39;
  width: 100%;
}
.comment-component__date {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: rgba(129, 162, 178, 0.5);
  width: 100%;
}
.comment-component__message {
  margin: 4px 0 0 40px;
}
.comment-component__options-button {
  position: relative;
}
.comment-component .button--icon-only {
  fill: #81a2b2;
}
.comment-component__resolve {
  margin-left: 8px;
}
.comment-component__button + .comment-component__button {
  margin-left: 4px;
}
.comment-component__on-hover-button {
  opacity: 0;
}
.comment-component:hover .comment-component__on-hover-button {
  opacity: 1;
}
.comment-component__option-menu {
  z-index: 401;
}
.comment-delete-overlay {
  position: absolute;
  top: 0;
  background-color: rgba(71, 83, 93, 0.95);
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
}
.comment-delete-overlay--with-border-radius {
  border-radius: 8px;
}
.comment-delete-overlay .comment-delete-overlay__message {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  color: white;
}
.comment-group {
  width: 24px;
  height: 24px;
}
.comment-group__comment-container {
  position: absolute;
  width: 360px;
  margin-left: 16px;
  z-index: 400;
}
.comment-group__transition-enter-active {
  -webkit-animation: group-enter, X;
  -moz-animation: group-enter, X;
  -o-animation: group-enter, X;
  animation: group-enter, X;
  -webkit-animation: group-enter;
  -moz-animation: group-enter;
  -o-animation: group-enter;
  animation: group-enter;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.comment-group__transition-leave-active {
  -webkit-animation: group-leave, X;
  -moz-animation: group-leave, X;
  -o-animation: group-leave, X;
  animation: group-leave, X;
  -webkit-animation: group-leave;
  -moz-animation: group-leave;
  -o-animation: group-leave;
  animation: group-leave;
  -webkit-animation-duration: 150ms;
  -moz-animation-duration: 150ms;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-fill-mode: both;
}
@keyframes group-enter {
  from {
    opacity: 0;
    transform: scale(0.94);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes group-leave {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.94);
  }
}
.comment-marker {
  box-shadow: 0 0 16px rgba(129, 162, 178, 0.25);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border: 0 solid white;
}
.comment-marker__tick {
  margin: auto;
}
.comment-marker--unresolved {
  background-color: #ffce53;
}
.comment-marker--resolved {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 133, 123, 0.5);
  color: white;
}
.comment-marker--unresolved:hover,
.comment-marker--selected.comment-marker--unresolved {
  border: 2px solid white;
  box-shadow: 0 0 16px rgba(129, 162, 178, 0.25), 0 0 0 7px rgba(255, 206, 83, 0.4);
}
.comment-marker--resolved:hover,
.comment-marker--selected.comment-marker--resolved {
  border: 2px solid white;
  box-shadow: 0 0 16px rgba(129, 162, 178, 0.25), 0 0 0 7px rgba(0, 133, 123, 0.5);
  background-color: #00857b;
}
.comment-marker--unresolved.comment-marker--unread {
  box-shadow: 0 0 16px rgba(129, 162, 178, 0.25), 0 0 0 7px rgba(255, 206, 83, 0.4);
}
.comment-marker-container {
  height: 24px;
  width: 24px;
}
.comment-thread__comment-container .comment-thread__comment-border {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  margin: 0;
  margin-left: calc(16px + 40px);
}
.comment-thread__comment-container:last-child .comment-thread__comment-border {
  margin-left: 0;
}
.comment-thread__comment-transition-appear-active {
  -webkit-animation: comment-appear, X;
  -moz-animation: comment-appear, X;
  -o-animation: comment-appear, X;
  animation: comment-appear, X;
  -webkit-animation: comment-appear;
  -moz-animation: comment-appear;
  -o-animation: comment-appear;
  animation: comment-appear;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-fill-mode: both;
}
@keyframes comment-appear {
  from {
    transform: translateY(16px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.comment-message {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: break-word;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  color: #47535d;
  white-space: pre-wrap;
}
.comment-message__mention {
  color: #81a2b2;
}
.comment-controller__delete-comment {
  position: relative;
}
.comment-controller__thread-holder {
  position: relative;
}
.overlay-stack-item.audit-trail-overlay {
  background: #f7f7f7;
  overflow: visible;
  min-height: 100vh;
}
.audit-trail {
  width: 100vw;
  padding-bottom: 45px;
  overflow: scroll;
}
.audit-trail .audit-title {
  text-align: center;
  font-size: 150%;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  margin: 15px 0 30px 0;
}
.audit-trail .events {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.audit-trail .events .timeline {
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #e0e0e0;
}
.audit-trail .events .event-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.audit-trail .events .event-wrapper .timeline-bobble {
  position: absolute;
  left: 50%;
  top: 50%;
}
.audit-trail .events .event-wrapper .timeline-bobble .circle {
  position: relative;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 12px;
  height: 12px;
  width: 12px;
  background: #fff;
  border: 2px solid #d9d9d9;
}
.audit-trail .events .event-wrapper .timeline-bobble .line {
  width: 35px;
  background: #d9d9d9;
  height: 1px;
  position: absolute;
  left: 18px;
  top: 3px;
}
.audit-trail .events .event-wrapper .timestamp {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-right: 60px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.audit-trail .events .event-wrapper .timestamp .date {
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  font-size: 80%;
  color: #666666;
  margin-bottom: 7px;
}
.audit-trail .events .event-wrapper .timestamp .time {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 70%;
  color: #666666;
}
.audit-trail .events .event-wrapper .event {
  width: 50%;
  margin: 30px 0;
  margin-left: 60px;
  background: #fff;
  border: 1px solid #e6e6e6;
  min-width: 300px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
}
.audit-trail .events .event-wrapper .event .position {
  width: 100%;
}
.audit-trail .events .event-wrapper .event .icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.audit-trail .events .event-wrapper .event .icon img {
  padding: 10px;
  width: 130px;
}
.audit-trail .events .event-wrapper .event .event-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 250px;
  padding: 30px 0;
  line-height: 1.5;
}
.audit-trail .events .event-wrapper .event .event-content .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 95%;
  line-height: 1.5;
}
.audit-trail .events .event-wrapper .event .event-content .subtitle,
.audit-trail .events .event-wrapper .event .event-content .amount {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  color: #666666;
}
.audit-trail .events .event-wrapper .event .event-content .copy {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 300;
  font-size: 80%;
  letter-spacing: 0.05em;
  color: #4d4d4d;
  overflow: auto;
  word-wrap: break-word;
}
.audit-trail .events .event-wrapper .event .event-content .tabular-data {
  margin: 10px 0;
}
.audit-trail .events .event-wrapper .event .event-content .tabular-data .row {
  margin: 4px 0;
  border-bottom: 1px solid #f5f5f5;
  padding: 4px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.audit-trail .events .event-wrapper .event .event-content .tabular-data .row:last-child {
  border-bottom: none;
}
.audit-trail .events .event-wrapper .event .event-content .tabular-data .row .label,
.audit-trail .events .event-wrapper .event .event-content .tabular-data .row .value {
  word-wrap: break-word;
}
.audit-trail .events .event-wrapper .event .event-content .tabular-data .row .label {
  min-width: 90px;
  max-width: 90px;
  padding-right: 10px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 65%;
  color: #999999;
}
.audit-trail .events .event-wrapper .event .event-content .tabular-data .row .value {
  color: #666666;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 75%;
  overflow: auto;
}
.audit-trail .events .event-wrapper .event .event-content .extras .signature {
  border-top: 1px solid #f5f5f5;
  padding-top: 15px;
}
.audit-trail .events .event-wrapper .event .event-content .extras .signature .title {
  display: inline-block;
  padding: 7px;
  background: #fafafa;
  font-size: 70%;
  color: #666666;
}
.audit-trail .events .event-wrapper.signed-accepted .event-content {
  padding-bottom: 0;
}
.audit-trail .events .event-wrapper.audit-backup .copy a {
  color: #007b72;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 133, 123, 0.2);
  padding-bottom: 2px;
}
.audit-trail .loading-data {
  text-align: center;
}
.project-content-wrapper {
  padding-bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.project-content-wrapper .content-container {
  position: relative;
  flex: 1 1 100%;
  min-width: 0;
}
.project-content-wrapper .content-container .scroll-container-wrapper {
  display: flex;
}
.project-content-wrapper .content-container .content-container__scroll-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 60px - var(--horizontal-scrollbar-height));
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 30px;
  flex: 1;
}
.project-content-wrapper .content-container .content-container__scroll-container--with-info-banner {
  height: calc(100vh - 60px - 48px - var(--horizontal-scrollbar-height));
}
.project-content-wrapper .content-container .block-list {
  width: 100%;
  position: relative;
  z-index: 0;
}
.project-content-wrapper .sidebar-container {
  z-index: 699;
}
.project-content-wrapper.with-top-navigation:not([hide-navigation]) .content-container .content-container__scroll-container {
  height: calc(100vh - 60px - 62px - var(--horizontal-scrollbar-height));
}
.project-content-wrapper.with-top-navigation:not([hide-navigation]) .content-container .content-container__scroll-container--with-info-banner {
  height: calc(100vh - 60px - 62px - 48px - var(--horizontal-scrollbar-height));
}
.tokens-container-v2 {
  height: 70vh;
  width: 250px;
  position: fixed;
  overflow-y: scroll;
  top: 80px;
  right: 22px;
  z-index: 500;
  background: white;
  margin-top: 20px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 5px;
}
.brand-setup__cancel-change-button {
  margin-right: 10px;
}
.brand-setup__nav-description {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "calibre-legacy", sans-serif;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.brand-setup__title {
  font-size: 20px;
  line-height: 24px;
  color: #242c39;
  margin-right: 16px;
}
.brand-setup__status {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(71, 83, 93, 0.5);
}
.brand-setup__container {
  width: 80%;
  margin: auto;
}
.brand-setup__nav-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.brand-setup__nav {
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  padding: 20px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: white;
  z-index: 700;
}
.settings-card__header {
  padding: 24px;
}
@media (max-width: 600px) {
  .settings-card__header {
    padding: 16px;
  }
}
.settings-card__header-items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.settings-card__heading {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  line-height: 1.1;
  margin: 0 8px;
}
@media (max-width: 600px) {
  .settings-card__heading {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1.1;
    margin: 0 8px;
  }
}
.settings-card__header-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  margin-top: 24px;
}
.settings-card__icon {
  color: #47535d;
}
.settings-card__action {
  margin-left: auto;
}
.settings-card__columns {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.settings-card__body {
  padding: 0 24px 24px 24px;
  display: grid;
  grid-gap: 24px;
}
@media (max-width: 600px) {
  .settings-card__body {
    padding: 0 16px 16px 16px;
    grid-gap: 16px;
  }
}
.settings-card__body--divided {
  padding: 24px;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
@media (max-width: 600px) {
  .settings-card__body--divided {
    padding: 16px;
  }
}
.settings-card p {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  color: #47535d;
  margin-bottom: 0;
}
.settings-page {
  -webkit-animation: fadeInLeft 0.4s ease, X;
  -moz-animation: fadeInLeft 0.4s ease, X;
  -o-animation: fadeInLeft 0.4s ease, X;
  animation: fadeInLeft 0.4s ease, X;
  -webkit-animation: fadeInLeft 0.4s ease;
  -moz-animation: fadeInLeft 0.4s ease;
  -o-animation: fadeInLeft 0.4s ease;
  animation: fadeInLeft 0.4s ease;
}
.setting-section {
  margin: 60px auto;
}
.setting-section-header {
  margin: 20px auto;
  text-align: center;
}
.setting-section-header h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
}
.setting-section-footer {
  margin: 20px auto;
  text-align: center;
}
.setting-section-footer h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
}
.setting-section-footer p {
  font-weight: 300;
}
.setting-section-container {
  border-bottom: 1px solid #f3f5f6;
  width: 100%;
}
.setting-section-container .setting-section {
  padding: 40px 0px;
  max-width: 420px;
  margin: 0 auto;
}
.setting-section-container header {
  width: auto;
}
.setting-section-container header .icon {
  width: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.setting-section-container header h2 {
  font-weight: 600;
  font-size: 18px;
  color: #587785;
}
.setting-section-container header p {
  margin: 0;
}
.setting-section-container .action-button {
  font-size: 14px;
  width: 220px;
  margin: 0 auto;
}
.setting-section-container .action-button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
}
.setting-section-container .action-button.disabled label {
  cursor: default;
}
.integrations-tileset__list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.integrations-tileset__results-count {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  letter-spacing: 1.6px;
  text-align: left;
  padding-left: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: rgba(36, 44, 57, 0.25);
  font-weight: 600;
}
.integrations-tileset__results-category {
  color: rgba(36, 44, 57, 0.5);
  font-weight: 700;
  margin-right: 10px;
}
.integrations-tile--hover {
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.integrations-tile--hover:hover {
  box-shadow: 0 0 0 4px rgba(129, 162, 178, 0.25);
}
.integrations-tile {
  margin: 10px;
  min-height: 210px;
  width: 33%;
  max-width: 260px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.integrations-tile:hover {
  box-shadow: 0 0 0 4px rgba(129, 162, 178, 0.25);
}
.integrations-tile--blocked {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.integrations-tile__enabled {
  height: 43px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.integrations-tile__enabled-text {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  font-weight: 800;
  text-align: right;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #81a2b2;
  width: 100%;
}
.integrations-tile__enabled-tick {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  fill: #fff;
  background: #00857b;
  margin-left: 6px;
  margin-right: 10px;
  flex-shrink: 0;
}
.integrations-tile__enabled--hide .integrations-tile__enabled-text,
.integrations-tile__enabled--hide .integrations-tile__enabled-tick {
  display: none;
}
.integrations-tile__icon {
  height: 55px;
  max-width: 150px;
}
.integrations-tile__name {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  color: #242c39;
  margin-top: 30px;
  min-height: 23px;
}
.integrations-tile__category {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: rgba(36, 44, 57, 0.5);
  min-height: 23px;
}
.integrations-tile__powered-by {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 37px;
  font-family: "calibre-legacy", sans-serif;
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #969EA2;
  fill: #FF4A00;
}
.integrations-tile__zapier-logo {
  height: 16px;
  width: 35px;
  margin-top: 2px;
}
.integrations-list {
  margin: 0 auto;
}
.integrations-list__filtering {
  margin-bottom: 30px;
}
.integrations-list__search {
  width: 260px;
  height: 40px;
  margin-right: 23px;
}
.integrations-list__filter {
  width: 260px;
  height: 40px;
}
.integrations-list__category + .integrations-list__category {
  margin-top: 36px;
}
.integrations-list__feature-tile {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 320px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  background: white;
  margin: 35px 10px;
  -webkit-transition: all 0.2s ease-out, X;
  -moz-transition: all 0.2s ease-out, X;
  -o-transition: all 0.2s ease-out, X;
  transition: all 0.2s ease-out, X;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.integrations-list__feature-tile:hover {
  box-shadow: 0 0 0 4px rgba(129, 162, 178, 0.25);
}
.integrations-list__feature-logo {
  width: 100%;
  height: 100%;
  background: #40464D;
  border-radius: 3px 0 0 3px;
  fill: white;
}
.integrations-list__feature-logo svg {
  width: 150px;
  height: 60px;
}
.integrations-list__feature-text {
  width: 100%;
  padding: 72px 75px 60px;
}
.integrations-list__feature-text h2 {
  font-family: "calibre-legacy", sans-serif;
  font-size: 24px;
  line-height: normal;
  color: #242c39;
  text-align: left;
  font-weight: 600;
  margin-bottom: 20px;
}
.integrations-list__feature-text p {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: rgba(36, 44, 57, 0.75);
  text-align: left;
  margin-bottom: 20px;
}
.integrations-list__contact-prompt {
  margin: 40px 0 110px;
}
.integrations-list__empty-message {
  font-family: "calibre-legacy", sans-serif;
  line-height: 30px;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 600;
  margin: 64px auto 73px;
}
.integrations-list__empty-message-text {
  margin-bottom: 63px;
}
.integration-focus {
  width: 800px;
}
.integration-focus--in-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.integration-focus__feature-image {
  width: 800px;
  height: 600px;
  margin-bottom: 42px;
  border-radius: 3px;
}
.integration-focus__marketing-screen {
  margin-bottom: 110px;
}
.integration-focus__marketing-details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "calibre-legacy", sans-serif;
  text-align: left;
  letter-spacing: 1px;
}
.integration-focus__marketing-overview {
  width: 100%;
}
.integration-focus__overview-title {
  font-size: 24px;
  line-height: 29px;
  color: #242c39;
  font-weight: 600;
  margin-bottom: 27px;
}
.integration-focus__overview-details {
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 44, 57, 0.75);
}
.integration-focus__overview-help-link {
  margin-top: 17px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.integration-focus__overview-help-link a {
  text-decoration: none;
  color: #00857b;
  fill: #00857b;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.integration-focus__help-arrow {
  margin-left: 15px;
}
.integration-focus__marketing-features {
  width: 50%;
  padding-left: 50px;
}
.integration-focus__features-title {
  color: #242c39;
  font-size: 18px;
  line-height: 29px;
  font-weight: 600;
  margin-bottom: 27px;
}
.integration-focus__features-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: rgba(36, 44, 57, 0.75);
  font-size: 16px;
  line-height: 22px;
}
.integration-focus__feature-dash {
  width: 13px;
  margin-right: 10px;
}
.integration-focus__additional-settings {
  margin: 40px 0;
}
.integration-focus-enable__unavailable {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.integration-focus-enable__unavailable-label {
  width: 223px;
  margin-right: 10px;
  font-family: "calibre-legacy", sans-serif;
  text-align: right;
  color: rgba(36, 44, 57, 0.75);
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 19px;
}
.integration-focus-enable__custom {
  height: 100%;
}
.integration-focus-enable__qwilrpay {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  gap: 16px;
}
.integration-focus-enable__qwilrpay .button-old {
  background-color: #230d7b;
  text-transform: none;
  border-radius: 4px;
}
.button--zapier {
  background: #FF4A00;
}
.integration-header {
  margin-bottom: 40px;
}
.integration-header__top-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: "calibre-legacy", sans-serif;
}
.integration-header__details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}
.integration-header__logo {
  margin-right: 15px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.integration-header__logo img {
  height: 100%;
}
.integration-header__label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.integration-header__name {
  line-height: normal;
  font-size: 28px;
  text-align: left;
  letter-spacing: 1.6px;
  font-weight: 600;
  color: #242c39;
}
.integration-header__description {
  line-height: normal;
  font-size: 18px;
  text-align: left;
  letter-spacing: 1px;
  color: #81a2b2;
}
.integration-header__button-disclaimer {
  width: 350px;
  margin-left: auto;
  text-align: right;
  color: rgba(36, 44, 57, 0.75);
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 19px;
}
.integration-focus .taxes {
  margin-top: 15px;
}
.integration-focus .explainer {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  color: #81a2b2;
}
.integration-focus .sync.section .title {
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  color: #4d4d4d;
  text-transform: none;
  margin: 20px 0 10px;
}
.integration-focus .disable {
  padding-bottom: 24px;
}
.integration-focus .disable .explainer {
  margin: 0;
}
.integration-focus .disable .disable-text {
  font-style: italic;
}
.integration-focus .body {
  text-align: left;
}
.integration-focus .body .title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: #416374;
  margin-bottom: 10px;
}
.integration-focus .body .explainer {
  font-size: 15px;
}
.integration-focus .body form {
  margin-top: 20px;
  border-bottom: 1px solid #f3f5f6;
  border-bottom: none;
  width: 100%;
}
.integration-focus .body form .setting-section {
  padding: 40px 0px;
  max-width: 420px;
  margin: 0 auto;
}
.integration-focus .body form header {
  width: auto;
}
.integration-focus .body form header .icon {
  width: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.integration-focus .body form header h2 {
  font-weight: 600;
  font-size: 18px;
  color: #587785;
}
.integration-focus .body form header p {
  margin: 0;
}
.integration-focus .body form .action-button {
  font-size: 14px;
  width: 220px;
  margin: 0 auto;
}
.integration-focus .body form .action-button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
}
.integration-focus .body form .action-button.disabled label {
  cursor: default;
}
.integration-focus .body form .action-button {
  width: 250px;
}
.integration-focus .body form ul li {
  margin: 20px 0;
}
.integration-focus .body form ul li label {
  text-align: left;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0;
  color: #808080;
}
.integration-focus .body form button {
  width: 100%;
}
.integration-focus .body form .stored-value {
  background: #fafbfc;
  border: 1px solid #e7ecee;
  color: #587785;
  padding: 15px;
  font-size: 14px;
  margin-top: 20px;
}
.integration-focus .body form .stored-value b {
  margin-right: 5px;
}
.integration-focus .custom-action-button {
  width: 200px;
  cursor: pointer;
}
.integration-focus .slate_button .button-old--secondary:not(.button-old--is-disabled) {
  color: #47535d;
}
.xero .xero-settings .section .title {
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  color: #4d4d4d;
  text-transform: none;
  margin: 20px 0 10px;
}
.xero .xero-settings .select-default-account .select-account {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.xero .xero-settings .select-default-account .select-account .input {
  width: 70%;
}
.xero .xero-settings .select-default-account .select-account select {
  height: 46px;
  margin-right: 10px;
}
.xero .xero-settings .select-default-account .action-button {
  color: #295062;
  height: 46px;
  font-size: 13px;
  width: 180px;
  margin: 0 auto;
}
.slack .details .detail {
  background-color: rgba(230, 230, 230, 0.2);
  padding: 5px;
  border-radius: 2px;
  border: 1px solid rgba(128, 128, 128, 0.5);
}
.slack .details .detail.url {
  font-size: 70%;
}
.slack .details.slack-notifications {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.slack .details.slack-notifications .explainer {
  margin-bottom: 0px;
}
.slack .details.slack-notifications label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}
.slack .details.slack-notifications input {
  margin-right: 10px;
}
.freshbooks-enable form.integration-update-container .freshbooks-subdomain-form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.freshbooks-enable form.integration-update-container .freshbooks-subdomain-form .freshbooks-subdomain {
  border-right: none;
}
.freshbooks-enable form.integration-update-container .freshbooks-subdomain-form .freshbooks-domain {
  border: 1px solid #e7ecee;
  background: #f3f5f6;
  padding: 20px;
  color: rgba(36, 44, 57, 0.6);
}
.freshbooks-enable form.integration-update-container .action-button {
  width: 280px;
}
.enabling .pipedrive-apikey input {
  margin-bottom: 10px;
}
.zapier-enable {
  max-width: 600px;
  margin: 0 auto;
  /* @NOTE (trung, 2019-07-16): The 'zapier.html' was originally copied from Zapier
     with there own styling (a lot of long, duplicated style attributes). It was then
     refactored into two separated files (html & LESS) for easier management and more
     readable. But we don't want to re-design the Zapier integration page. Therefore,
     we are re-using some of their styling (color codes, etc). We would normally try
     not to use hex codes for styling.
   */
}
.zapier-enable .zap-widget {
  overflow: hidden;
  background: #f1f4f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 1em;
}
.zapier-enable .zap-widget .zap {
  margin: 0 0 1em 0;
  font-family: "calibre-legacy", sans-serif;
  vertical-align: baseline;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 1em 20px 1em 1em;
}
.zapier-enable .zap-widget .zap .zap-inner-container {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  vertical-align: baseline;
  border: 0;
  display: table;
  overflow: hidden;
  table-layout: fixed;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-services {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  display: table-cell;
  vertical-align: middle;
  min-width: 120px;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-services .zap-service-qwilr {
  padding: 0;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  border: 1px solid #eee;
  background-color: #f6f6f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  width: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/Assets/icons/QwilrLogo.svg');
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-services .zap-arrow {
  background-color: transparent;
  padding: 0;
  font-family: "calibre-legacy", sans-serif;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 9px;
  display: inline-block;
  height: 9px;
  margin: 0 7px;
  vertical-align: middle;
  width: 7px;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-services .zap-service-other {
  padding: 0;
  margin: 0;
  border: 1px solid #eee;
  background-color: #f6f6f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  width: 36px;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-description {
  background-color: transparent;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  color: #5F6c72;
  display: table-cell;
  font-size: 0.95em;
  font-weight: 600;
  padding: 0 1em;
  vertical-align: middle;
  line-height: 18px;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-cta {
  background-color: transparent;
  padding: 0;
  margin: 3px;
  font-family: "calibre-legacy", sans-serif;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-cta .zap-button {
  font-family: "calibre-legacy", sans-serif;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0.78em 21px 0.75em 21px;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  background-color: white;
  border: 1px solid rgba(129, 162, 178, 0.25);
  color: #00857b;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.zapier-enable .zap-widget .zap .zap-inner-container .zap-cta .zap-button:hover {
  box-shadow: 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.zapier-enable .zap-widget .zap-power-bar {
  background-color: transparent;
  padding: 0;
  margin: -5px 0 0 0;
  font-family: "calibre-legacy", sans-serif;
  vertical-align: baseline;
  overflow: visible;
  text-align: right;
}
.zapier-enable .zap-widget .zap-power-bar__description {
  background-color: transparent;
  margin: 0;
  font-family: "calibre-legacy", sans-serif;
  color: #969ea2;
  display: inline-block;
  font-size: 11px;
  overflow: visible;
  padding: 6px 6px 0 0;
  vertical-align: middle;
}
.zapier-enable .zap-widget .zap-power-bar__link {
  background-color: transparent;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  color: #499df3;
  font-size: 11px;
}
.token-management {
  padding-top: 32px;
  border-top: 1px solid rgba(129, 162, 178, 0.5);
  text-align: left;
}
.token-management__oauth-prompt-footer {
  display: flex;
}
.token-management__oauth-prompt-button {
  margin: 0 0 0 auto;
}
.token-management__subheading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 16px;
  color: #81a2b2;
}
.token-management__text {
  font-family: "calibre-legacy", sans-serif;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  color: #81a2b2;
}
.token-management .pagination-buttons {
  color: #81a2b2;
}
.token-management__token-list {
  align-content: center;
  justify-content: center;
  margin: 16px 0;
  border-radius: 3px;
}
.token-management__token-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  word-break: break-word;
  overflow: hidden;
  margin-bottom: 20px;
}
.token-management__token-table-header,
.token-management__token-table-row {
  height: 45px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.token-management__token-table-checkbox,
.token-management__token-table-checkbox-all {
  max-width: fit-content;
}
.token-management__token-table-checkbox-all {
  direction: rtl;
  padding: 5px;
}
.token-management__token-table-row--disabled {
  opacity: 0.4;
}
.token-management__token-table-row td {
  vertical-align: middle;
  padding-top: 2px;
}
.token-management__search-and-sort-container {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-gap: 9px;
  align-items: self-end;
  color: #81a2b2;
}
.token-management__search-and-sort-container__search-wrapper {
  --size: 40px;
  position: relative;
  display: grid;
}
.token-management__search-and-sort-container label,
.token-management__search-and-sort-container .kl-label {
  padding-bottom: 8px;
  color: #81a2b2;
  height: 32px;
  margin-bottom: 0px;
}
.token-management__loading,
.token-management__token-table-empty {
  margin: 40px 0;
}
.integrations-settings {
  max-width: 840px;
  margin: 0 auto;
}
.integrations-settings__header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 34px;
  position: relative;
}
.integrations-settings__header-heading {
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-size: 28px;
  font-family: "calibre-legacy", sans-serif;
  margin-bottom: 14px;
  font-weight: 600;
}
.integrations-settings__header-description {
  color: rgba(71, 83, 93, 0.5);
  font-family: "calibre-legacy", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
}
.integrations-settings__back-button {
  position: absolute;
  left: 0;
  top: 8px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #81a2b2;
  fill: #81a2b2;
  cursor: pointer;
}
.integrations-settings__back-button p {
  margin-left: 5px;
}
.cancel-subscription {
  min-height: 100vh;
  min-width: 100vw;
  padding: 24px;
  background: #FAFAFA;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.cancel-subscription__header {
  text-align: center;
}
.cancel-subscription__logo {
  width: 60px;
}
.cancel-subscription__title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
}
.cancel-subscription__subtitle {
  max-width: 320px;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  margin: 0 auto;
}
.cancel-subscription__label {
  display: block;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #D71939;
  margin-bottom: 8px;
  text-align: center;
}
.kl-opt-in-lowercase-label .cancel-subscription__label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.plan-confirmation {
  text-align: center;
  /*--- Navigation controls ---*/
  /*--- Confirmation details ---*/
  /*--- Fields that contain dollar amounts ---*/
  /*--- Final amount owed ---*/
  /*--- Submit button ---*/
  /*--- Errors ---*/
}
.plan-confirmation.overlay-content .main-content.confirmation-main {
  width: 320px;
  margin-left: 40px;
  position: relative;
}
.plan-confirmation .share-nav-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
}
.plan-confirmation .back-arrow {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  left: -31px;
  fill: rgba(129, 162, 178, 0.4);
}
.plan-confirmation .back-arrow:hover {
  fill: #81a2b2;
}
.plan-confirmation .close-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  right: -31px;
  color: rgba(129, 162, 178, 0.4);
  text-align: right;
}
.plan-confirmation .close-button:hover {
  color: #81a2b2;
}
.plan-confirmation .subscription-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
.plan-confirmation .sub-field {
  font-size: 12px;
  font-style: normal;
  color: #81A2B2;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.plan-confirmation .sub-value {
  font-size: 20px;
  font-family: "calibre-legacy", sans-serif;
  color: #242C39;
  letter-spacing: 1px;
}
.plan-confirmation .text-total {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.plan-confirmation .text-total .text-currency {
  color: rgba(34, 34, 34, 0.5);
  padding-left: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}
.plan-confirmation .text-total .sub-value {
  letter-spacing: normal;
}
.plan-confirmation .pay-today {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(129, 162, 178, 0.5);
  margin-top: 32px;
  padding-top: 35px;
}
.plan-confirmation .submit-card {
  width: 160px;
  margin: 30px auto;
  font-size: 13px;
  height: 50px;
  padding: 0;
  margin-top: 60px;
  margin-bottom: 380px;
  background-color: #00A99D;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.plan-confirmation .error-message {
  max-width: 500px;
  line-height: 1.5;
}
.plan-confirmation .error-message a,
.plan-confirmation .error-message .link-styler {
  font-weight: 700;
  color: #fff;
  border-color: #fff;
}
.credit-card {
  /* --- Used for the 'stand alone form' (eg. update card or add-card) --- */
  /* --- Navigation Controls --- */
  /* --- Headings and icons --- */
  /* --- Plan cost summary --- */
  /* --- Regular credit card form --- */
  /* --- Payment summary --- */
  /*--- Terms of Service ---*/
  /* --- Submit button --- */
}
.credit-card.overlay-content .main-content.credit-card-main {
  max-width: 350px;
  width: 100%;
  position: relative;
}
.credit-card.overlay-content .main-content .error-message {
  margin-left: 15px;
  margin-right: 15px;
}
.credit-card .stand-alone-main {
  max-width: 350px;
  width: 100%;
  position: relative;
}
.credit-card .page-heading {
  padding-left: 15px;
  padding-right: 15px;
}
.credit-card .share-nav-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
}
.credit-card .close-button {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 20px;
  right: -16px;
  color: rgba(129, 162, 178, 0.4);
  text-align: right;
}
.credit-card .close-button:hover {
  color: #81a2b2;
}
.credit-card .text-title {
  color: #242C39;
  font-size: 20px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  line-height: 24px;
  text-align: center;
  padding-top: 45px;
}
.credit-card .plan-cost {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.credit-card .plan-cost .text-monthly {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-right: 15px;
}
.credit-card .plan-cost .text-monthly .text-amount {
  font-size: 32px;
  text-align: right;
  line-height: 39px;
  color: #242c39;
}
.credit-card .plan-cost .text-monthly .text-per {
  text-align: center;
  line-height: 16px;
  font-size: 13px;
  color: rgba(34, 34, 34, 0.5);
  padding-top: 17px;
  padding-left: 4px;
}
.credit-card .plan-cost .plan-details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  /* --- Dropdown for changing frequency --- */
}
.credit-card .plan-cost .plan-details .frequency-fixed {
  width: 150px;
  color: rgba(36, 44, 57, 0.75);
  letter-spacing: 1px;
  padding: 14px 0 4px 16px;
}
.credit-card .plan-cost .plan-details .text-discount {
  padding: 0 10px;
  color: rgba(129, 162, 178, 0.35);
}
.credit-card .plan-cost .plan-details .text-discount .discount {
  color: #716BF1;
}
.credit-card .plan-cost .plan-details .frequency-control .simple-dropdown {
  margin-bottom: -9px;
  padding-right: 24px;
}
.credit-card .plan-cost .plan-details .frequency-control .simple-dropdown__trigger {
  border-color: #e0e8ec;
}
.credit-card .plan-cost .plan-details .frequency-control .simple-dropdown__trigger:not(.simple-dropdown__trigger--toggled) {
  border-color: transparent;
  background: transparent;
}
.credit-card .credit-card-form {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.credit-card .credit-card-form .text-field .flexi-label {
  top: 7px;
  left: 15px;
  font-weight: 400;
  font-size: 10px;
}
.credit-card .credit-card-form .text-field input,
.credit-card .credit-card-form .text-field textarea {
  padding-left: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #737373;
}
.credit-card .credit-card-form.coupon {
  margin-top: 25px;
}
.credit-card .credit-card-form.coupon .q-tooltip {
  width: 237px;
}
.credit-card .credit-card-form .apply-button {
  border: 1px solid rgba(0, 133, 123, 0.35);
  background: #fff;
  padding: 20px;
  color: #00857b;
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  cursor: pointer;
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  position: absolute;
  margin: 5px;
  height: 46px;
  width: 83px;
  right: 0;
  top: 0;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  padding: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-color: rgba(129, 162, 178, 0.3);
}
.credit-card .credit-card-form .apply-button:hover {
  background: #007b72;
  color: #fff;
}
.credit-card .credit-card-form .apply-button.inline {
  display: inline-block;
}
.credit-card .credit-card-form .loading {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
  margin: 5px;
  height: 46px;
  width: 83px;
}
.credit-card .credit-card-form .loading .loading-symbol {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 0.2em solid rgba(0, 133, 123, 0.2);
  border-left: 0.2em solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
}
.credit-card .credit-card-form .loading .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
}
.credit-card .credit-card-form .loading .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
}
.credit-card .pay-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
.credit-card .pay-summary .text-today {
  font-size: 12px;
  font-style: normal;
  color: #81A2B2;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.credit-card .pay-summary .text-price {
  font-size: 14px;
  font-family: "calibre-legacy", sans-serif;
  color: #242c39;
  font-weight: 500;
  text-transform: uppercase;
}
.credit-card .terms-of-service {
  padding-top: 24px;
}
.credit-card .terms-of-service label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.credit-card .terms-of-service label input {
  margin-right: 10px;
}
.credit-card .terms-of-service .error-message {
  margin-top: 10px;
}
.credit-card .pay-today {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(129, 162, 178, 0.5);
  margin-top: 25px;
  padding-top: 35px;
  margin-left: 15px;
  margin-right: 15px;
}
.credit-card .pay-today .text-today {
  font-size: 12px;
  font-style: normal;
  color: #81A2B2;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.credit-card .pay-today .text-total {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.credit-card .pay-today .text-total .text-price {
  font-size: 20px;
  font-family: "calibre-legacy", sans-serif;
  color: #242C39;
}
.credit-card .pay-today .text-total .text-currency {
  color: rgba(34, 34, 34, 0.5);
  padding-left: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
}
.credit-card .submit-container {
  width: 100%;
  text-align: center;
}
.credit-card .submit-card {
  width: 160px;
  margin-top: 60px;
  margin-bottom: 95px;
  font-size: 13px;
  height: 50px;
  padding: 0;
  background-color: #00A99D;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.add-credit-card {
  width: 800px;
  margin: 0px auto;
}
.add-credit-card h2,
.add-credit-card p {
  margin: 20px auto;
  text-align: center;
  font-family: "calibre-legacy", sans-serif;
  color: #708a97;
}
.add-credit-card h2 h2,
.add-credit-card p h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
}
.add-credit-card .cannot-access,
.add-credit-card .success {
  text-align: center;
  font-family: "calibre-legacy", sans-serif;
  margin-top: 40px;
}
.plan-explorer-background.overlay-stack-item {
  background-color: #FAFAFA;
}
.plan-explorer-background.overlay-stack {
  background-color: #FAFAFA;
}
.plan-explorer {
  margin-top: 40px;
  font-family: "calibre-legacy", sans-serif;
  width: 950px;
  /* --- Navigation controls --- */
  /* -------- Subscription controls ----------- */
  /* -------- Current Plan State ------- */
  /* -------- Plan Selector ----------- */
  /* -------- Plan Previewer ----------- */
  /* -------- Animations ----------- */
}
.plan-explorer .close-button-wrapper {
  position: absolute;
  right: -45px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.plan-explorer .close-button {
  font-size: 30px;
  cursor: pointer;
  color: rgba(129, 162, 178, 0.4);
  text-align: right;
}
.plan-explorer .close-button:hover {
  color: #81a2b2;
}
.plan-explorer .subscription-controls-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.plan-explorer .subscription-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1170px;
  width: 100%;
}
.plan-explorer .title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.plan-explorer .title {
  font-size: 24px;
  letter-spacing: 2px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 27px;
}
.plan-explorer .feature-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 21px;
}
.plan-explorer .feature-count {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #81a2b2;
  text-transform: uppercase;
  padding-right: 20px;
}
.plan-explorer .feature-count .new-features {
  display: inline-block;
  color: white;
  border-radius: 10px;
  padding: 3px 5px 3px 5px;
  font-weight: 800;
  margin-right: 5px;
}
.plan-explorer .feature-locking {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.plan-explorer .locking-icon-wrapper {
  position: relative;
  height: 18px;
  width: 18px;
  margin-right: 5px;
  display: inline-block;
}
.plan-explorer .locking-icon-wrapper svg {
  fill: #D71939;
}
.plan-explorer .submit-container {
  position: relative;
}
.plan-explorer .book-a-demo-container {
  position: relative;
  padding-right: 20px;
}
.plan-explorer .business.new-features {
  background-color: #716bf1;
}
.plan-explorer .pro.new-features {
  background-color: #1099FC;
}
.plan-explorer .enterprise.new-features {
  background-color: #242c39;
}
.plan-explorer .starter.new-features {
  background-color: #81a2b2;
}
.plan-explorer .current-plan-state {
  margin-top: 40px;
  margin-bottom: 30px;
  margin-left: 27px;
}
.plan-explorer .current-plan-state__info {
  font-family: "calibre-legacy", sans-serif;
  font-size: 24px;
  line-height: 29px;
}
.plan-explorer .current-plan-state__plan-name {
  font-weight: 600;
}
.plan-explorer .current-plan-state__plan-name.pro {
  color: #1099FC;
}
.plan-explorer .current-plan-state__plan-name.business {
  color: #716bf1;
}
.plan-explorer .current-plan-state__plan-name.enterprise {
  color: #242c39;
}
.plan-explorer .current-plan-state__plan-name.starter {
  color: #81a2b2;
}
.plan-explorer .current-plan-state__plan-name.old-plan {
  color: #D71939;
}
.plan-explorer .current-plan-state__manage-seat {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: #47535d;
}
.plan-explorer .current-plan-state .link-styler {
  color: unset;
}
.plan-explorer .plan-selector-wrapper {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.plan-explorer .plan-selector {
  min-width: 100%;
}
.plan-explorer .plan-selector__list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  padding-left: 20px;
  width: 100%;
}
.plan-explorer .plan-selector__list .plan-wrapper {
  width: 290px;
  margin: 0 6px;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan-explainer {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(129, 162, 178, 0.5);
  margin-bottom: 10px;
  margin-left: 1px;
  text-align: left;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan-explainer.selected {
  color: #47535D;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan {
  font-family: "calibre-legacy", sans-serif;
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  height: 90px;
  background-color: white;
  padding: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan .left-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 5px;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan .left-container__heading {
  color: #242c39;
  font-size: 24px;
  letter-spacing: 1px;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan .left-container__seat-meta {
  color: #47535d;
  font-size: 14px;
  text-align: left;
  margin-top: 8px;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan .right-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan .right-container__price {
  color: #242c39;
  font-size: 32px;
  letter-spacing: 1px;
  text-align: right;
}
.plan-explorer .plan-selector__list .plan-wrapper .plan .right-container__unit {
  color: #47535d;
  font-size: 14px;
  text-align: right;
  margin-top: 5px;
}
.plan-explorer .plan-selector__list .plan-wrapper--pro.selected {
  box-shadow: 0 0 0 5px #1099FC;
}
.plan-explorer .plan-selector__list .plan-wrapper--pro.new-features {
  background-color: #1099FC;
}
.plan-explorer .plan-selector__list .plan-wrapper--business.selected {
  box-shadow: 0 0 0 5px #716bf1;
}
.plan-explorer .plan-selector__list .plan-wrapper--business.new-features {
  background-color: #716bf1;
}
.plan-explorer .plan-selector__list .plan-wrapper--enterprise.selected {
  box-shadow: 0 0 0 5px #242c39;
}
.plan-explorer .plan-selector__list .plan-wrapper--enterprise.new-features {
  background-color: #242c39;
}
.plan-explorer .plan-selector__list .plan-wrapper--starter.selected {
  box-shadow: 0 0 0 5px #81a2b2;
}
.plan-explorer .plan-selector__list .plan-wrapper--starter.new-features {
  background-color: #81a2b2;
}
.plan-explorer .plan-selector__list .plan-wrapper .is-selectable {
  cursor: pointer;
}
.plan-explorer .plan-selector__explain {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-left: 27px;
  margin-top: 25px;
  color: #47535d;
}
.plan-explorer .plan-selector__explain .link-styler {
  color: unset;
}
.plan-explorer .plan-selector__explain--warning {
  color: #D71939;
}
.plan-explorer .plan-previewer-wrapper {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  margin: 25px 6px 0 27px;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer {
  margin-top: 40px;
  margin-left: 10px;
  position: relative;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .category-name {
  width: 120px;
  margin-right: 70px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #222222;
  text-transform: uppercase;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature {
  height: 110px;
  width: 88px;
  margin-right: 30px;
  text-align: center;
  font-size: 11px;
  letter-spacing: 1px;
  color: #242C39;
  text-transform: uppercase;
  font-weight: 600;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-text {
  padding-top: 5px;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-text.unavailable {
  color: rgba(36, 44, 57, 0.1);
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper {
  width: 54px;
  height: 54px;
  margin-top: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  border-radius: 50%;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper .feature-background {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper .feature-icon {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper .locking-icon {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  fill: #FF6161;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.unavailable {
  fill: rgba(129, 162, 178, 0.1);
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.unavailable .feature-background {
  background-color: rgba(237, 240, 242, 0.1);
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.available {
  fill: #81A2B2;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.available .feature-background {
  background-color: #EDF0F2;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.locking {
  fill: #FFF;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.locking .feature-background {
  background-color: rgba(215, 25, 57, 0.1);
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.trimming {
  fill: #F1445A;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.trimming .feature-background {
  background-color: rgba(215, 25, 57, 0.1);
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.business {
  fill: #FFF;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.business .feature-background {
  background-color: #716bf1;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.pro {
  fill: #FFF;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.pro .feature-background {
  background-color: #1099FC;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.enterprise {
  fill: #FFF;
}
.plan-explorer .plan-previewer-wrapper .plan-previewer .category .feature .feature-icon-wrapper.enterprise .feature-background {
  background-color: #242c39;
}
.plan-explorer .scale-up {
  -webkit-animation: scale-up 0.5s ease, X;
  -moz-animation: scale-up 0.5s ease, X;
  -o-animation: scale-up 0.5s ease, X;
  animation: scale-up 0.5s ease, X;
  -webkit-animation: scale-up 0.5s ease;
  -moz-animation: scale-up 0.5s ease;
  -o-animation: scale-up 0.5s ease;
  animation: scale-up 0.5s ease;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
@keyframes scale-up {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.plan-explorer .smooth-change {
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  -moz-transition: background-color 0.3s ease, color 0.3s ease;
  -o-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.plan-explorer .smooth-change.feature-count .feature-locking.ng-enter {
  transition: all ease 0.3s;
}
.plan-explorer .smooth-change.feature-count .feature-locking.ng-leave {
  transition: none;
}
.plan-explorer .smooth-change.feature-count .feature-locking.ng-enter,
.plan-explorer .smooth-change.feature-count .feature-locking.ng-leave.ng-leave-active {
  opacity: 0;
}
.plan-explorer .smooth-change.feature-count .feature-locking.ng-leave,
.plan-explorer .smooth-change.feature-count .feature-locking.ng-enter.ng-enter-active {
  opacity: 1;
}
.plan-explorer .smooth-change.plan {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3 ease, X;
  -moz-transition: all 0.3 ease, X;
  -o-transition: all 0.3 ease, X;
  transition: all 0.3 ease, X;
  -webkit-transition: all 0.3 ease;
  -moz-transition: all 0.3 ease;
  -o-transition: all 0.3 ease;
  transition: all 0.3 ease;
}
.plan-explorer .smooth-change.feature .unavailable {
  -webkit-transition: background-color 0.3s ease, X;
  -moz-transition: background-color 0.3s ease, X;
  -o-transition: background-color 0.3s ease, X;
  transition: background-color 0.3s ease, X;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.plan-explorer .smooth-change.feature .available,
.plan-explorer .smooth-change.feature .locking {
  -webkit-transition: background-color 0.5s ease, X;
  -moz-transition: background-color 0.5s ease, X;
  -o-transition: background-color 0.5s ease, X;
  transition: background-color 0.5s ease, X;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.plan-explorer .smooth-change.feature .trimming {
  -webkit-transition: fill 0.5s ease, X;
  -moz-transition: fill 0.5s ease, X;
  -o-transition: fill 0.5s ease, X;
  transition: fill 0.5s ease, X;
  -webkit-transition: fill 0.5s ease;
  -moz-transition: fill 0.5s ease;
  -o-transition: fill 0.5s ease;
  transition: fill 0.5s ease;
}
.plan-explorer .smooth-change.feature .enterprise .feature-background,
.plan-explorer .smooth-change.feature .business .feature-background,
.plan-explorer .smooth-change.feature .pro .feature-background {
  -webkit-animation: scale-up 0.5s ease, X;
  -moz-animation: scale-up 0.5s ease, X;
  -o-animation: scale-up 0.5s ease, X;
  animation: scale-up 0.5s ease, X;
  -webkit-animation: scale-up 0.5s ease;
  -moz-animation: scale-up 0.5s ease;
  -o-animation: scale-up 0.5s ease;
  animation: scale-up 0.5s ease;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.closed-account {
  max-width: 500px;
  text-align: center;
  line-height: 1.5;
  color: #416374;
}
.closed-account .body {
  margin: 20px 0;
}
.closed-account .inline-reachout-angular {
  margin-top: 30px;
}
.customer-attribution {
  min-height: 100vh;
  padding: 24px;
  background: #FAFAFA;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.customer-attribution__header {
  text-align: center;
}
.customer-attribution__logo {
  width: 60px;
}
.customer-attribution__title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
}
.customer-attribution .success-message-container {
  text-align: center;
  max-width: 300px;
  line-height: 1.5;
}
.customer-attribution .success-message-container .success-msg {
  border: 1px solid #00857b;
  padding: 10px;
}
.customer-attribution .success-message-container .success-msg h3 {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 5px;
}
.customer-attribution .success-message-container .success-msg p {
  font-family: "calibre-legacy", sans-serif;
  font-size: 13px;
  padding: 10px;
}
.customer-attribution .success-message-container .loading-notice .note {
  font-family: "calibre-legacy", sans-serif;
  font-style: italic;
  margin: 15px 0 20px;
  color: #8c8c8c;
  font-size: 15px;
}
.customer-attribution .success-message-container .loading-notice .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 0.2em solid rgba(0, 133, 123, 0.2);
  border-left: 0.2em solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.customer-attribution .success-message-container .loading-notice .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.customer-attribution .success-message-container .loading-notice .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.inline-reachout {
  font-weight: 400;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.inline-reachout:hover {
  border-bottom: 2px solid white;
}
.inline-reachout:visited {
  color: inherit;
}
.subscription__mobile-messaging {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75vw;
}
.subscription__mobile-messaging-heading {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
}
.subscription__mobile-messaging-body {
  margin-bottom: 16px;
  text-align: center;
}
.subscription {
  width: 450px;
  margin: 0 auto;
}
.subscription .payment table {
  width: 100%;
  margin: 20px auto;
  font-size: 16px;
}
.subscription .payment table th {
  font-weight: bold;
  background: #fbfbfb;
  width: 35%;
}
.subscription .payment table th,
.subscription .payment table td {
  padding: 20px;
  border: 1px solid #ededed;
  vertical-align: middle;
}
.subscription .payment .billing-contact-email__input {
  margin: 10px auto 0 auto;
  text-align: center;
}
.subscription .payment .billing-contact-email__label {
  padding: 0 24px;
  margin-bottom: 24px;
}
.subscription .payment .billing-contact-email__button {
  margin-bottom: 30px;
}
.subscription .payment__add-card-label {
  margin-bottom: 20px;
}
.subscription .payment .loading {
  width: 100%;
  padding: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.subscription .payment .loading .wave-spinner {
  margin: 15px;
}
.subscription .payment .loading .wave-spinner div {
  background: rgba(0, 133, 123, 0.7);
}
.subscription .plan-info {
  margin: 40px auto 20px;
}
.subscription .plan-info p {
  margin: 10px auto;
}
.subscription button,
.subscription .button-old {
  margin: 0 auto;
}
.subscription .wave-spinner {
  margin: 5px auto;
}
.subscription .wave-spinner div {
  background: rgba(0, 133, 123, 0.7);
}
.subscription .cancel-subscription-tooltip {
  position: relative;
}
.page-heading.subscription-flow {
  margin-bottom: 15px;
}
.page-heading.subscription-flow .title img {
  width: 80px;
}
.page-heading.subscription-flow .title .text {
  line-height: 1;
  font-size: 18px;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.page-heading.subscription-flow p {
  font-weight: 400;
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
}
.modal-container .modal .user-selector {
  width: 440px;
  height: 60px;
  position: relative;
  z-index: 7;
}
.team {
  width: 520px;
  margin: 0 auto;
}
.team .pending-invite {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 3px 0px 3px 10px;
  font-size: 13px;
}
.team .pending-invite .user-info {
  width: 100%;
  margin-left: 17px;
  text-align: left;
}
.team .pending-invite .user-info .name {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #FAC45F;
  letter-spacing: 1px;
}
.team .pending-invite .user-info .email {
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  color: #7C949F;
  line-height: 13px;
}
.team .pending-invite .role {
  margin-right: 5px;
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.team .pending-invite .role .simple-dropdown {
  width: 100px;
}
.team .pending-invite .invite-actions {
  cursor: pointer;
  width: 60px;
}
.team .pending-invite .invite-actions .dots-icon {
  fill: #375B6D;
}
.team .pending-invite .invite-actions.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.team .pending-invite .more-actions-dropdown-container {
  right: 1px;
  top: 30px;
}
.team .pending-invite .more-actions-dropdown-container .menu-dropdown-content .dropdown-item .copy {
  max-width: auto;
}
.team .pending-invite-request {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 3px 0px 3px 10px;
  font-size: 13px;
  padding-left: 7%;
}
.team .pending-invite-request .user-info {
  width: 100%;
  margin-left: 17px;
  text-align: left;
}
.team .pending-invite-request .user-info .name-requestee {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #FB909E;
  letter-spacing: 1px;
}
.team .pending-invite-request .user-info .email {
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  color: #7c949f;
  line-height: 13px;
}
.team .pending-invite-request .role {
  margin-right: 5px;
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.team .pending-invite-request .role .simple-dropdown {
  width: 100px;
}
.team .pending-invite-request .more-actions-dropdown-container {
  right: 1px;
  top: 30px;
}
.team .pending-invite-request .more-actions-dropdown-container .menu-dropdown-content .dropdown-item .copy {
  max-width: auto;
}
.team .pending-invite-request .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2%;
}
.team .pending-invite-request .actions .approve-button .button-old--small {
  height: 32px;
}
.team .pending-invite-request .delete-button {
  padding-right: 4%;
}
.team .menu-dropdown-position .menu-dropdown-content {
  width: 140px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  color: #000;
  padding: 10px 10px;
}
.team .menu-dropdown-position .dropdown-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-transition: background 0.15s ease, X;
  -moz-transition: background 0.15s ease, X;
  -o-transition: background 0.15s ease, X;
  transition: background 0.15s ease, X;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.team .menu-dropdown-position .dropdown-item .copy {
  padding: 5px 20px 0 0;
}
.team .menu-dropdown-position .dropdown-item .copy .title {
  font-family: "calibre-legacy", sans-serif;
  font-size: 11px;
  color: #35596b;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.team .menu-dropdown-position .dropdown-item:hover {
  background: #fafafa;
}
.team .team-user-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 3px 0;
}
.team .team-user-wrapper .user-checkbox {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.team .team-user-wrapper .checkbox-spacer {
  -webkit-flex-basis: 26px;
  flex-basis: 26px;
}
.team .team-user-wrapper .team-user {
  -webkit-flex-grow: 4;
  flex-grow: 4;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
  margin-left: 10px;
}
.team .team-user-wrapper .team-user user-icon {
  color: #242c39 !important;
}
.team .team-user-wrapper .team-user .user-info {
  flex-basis: 100%;
  margin-left: 15px;
  text-align: left;
}
.team .team-user-wrapper .team-user .user-info .name {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #375B6D;
  letter-spacing: 1px;
}
.team .team-user-wrapper .team-user .user-info .email {
  font-size: 9px;
  font-family: "calibre-legacy", sans-serif;
  color: #7C949F;
  line-height: 13px;
  word-break: break-all;
}
.team .team-user-wrapper .team-user .role {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: right;
  letter-spacing: 1px;
}
.team .team-user-wrapper .team-user .role.admin {
  color: #879EA9;
}
.team .team-user-wrapper .team-user .user-actions {
  cursor: pointer;
  width: 60px;
}
.team .team-user-wrapper .team-user .user-actions .dots-icon {
  fill: #47535d;
}
.team .team-user-wrapper .team-user .user-actions.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.team .team-user-wrapper .team-user .more-actions-dropdown-container {
  right: 1px;
  top: 30px;
}
.team .team-user-wrapper .team-user .more-actions-dropdown-container .menu-dropdown-content .dropdown-item .copy {
  max-width: auto;
}
.team .team-user-wrapper .team-user .roles-dropdown-wrapper {
  margin-right: 5px;
}
.team .team-user-wrapper .team-user .roles-dropdown-wrapper.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.team .team-user-wrapper .team-user .roles-dropdown-wrapper .simple-dropdown {
  width: 100px;
}
.team .empty-seats .blank-user {
  padding: 13px 18px;
}
.team .empty-seats .blank-user .circle {
  background: rgba(129, 162, 178, 0.1);
}
.team .account-team-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 5px;
  margin-top: 25px;
  margin-bottom: 80px;
}
.team .account-team-container .account-team-title {
  position: relative;
  margin: 25px 60px;
  border-bottom: 1px solid #EAEAEA;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  opacity: 0.7;
  background: none !important;
  padding-bottom: 4px;
}
.team .account-team-container .account-team-title .icon {
  position: absolute;
  left: -32px;
  line-height: 1;
}
.team .account-team-container .team-name-container {
  padding: 20px 25px 10px;
  border-bottom: 1px solid #EAEAEA;
}
.team .account-team-container .team-name-container .team-name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.team .account-team-container .team-name-container .team-name .icon {
  margin-left: 10px;
}
.team .account-team-container .team-name-container .team-name .arrow-icon {
  padding: 5px;
}
.team .account-team-container .team-name-container .team-name .arrow-icon:hover {
  cursor: pointer;
}
.team .account-team-container .team-name-container .team-name .input {
  text-align: left;
  border-bottom: none;
  padding: 0;
  margin-left: 15px;
}
.team .account-team-container .team-name-container .team-name .pencil-icon {
  right: 4px;
  top: 2px;
  margin-right: 5px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  fill: #CEDBE0;
}
.team .account-team-container .team-name-container .team-name .pencil-icon:hover {
  fill: #83A2B4;
}
.team .account-team-container .team-name-container .team-name .pencil-icon svg {
  width: 19px;
  height: 19px;
}
.team .account-team-container .team-name-container .team-name:hover .team-name {
  background: none;
}
.team .account-team-container .team-name-container .team-name:hover .team-name:focus {
  border-bottom-color: #3DB9FC;
}
.team .account-team-container .team-name-container .team-name .team-dropdown-actions {
  cursor: pointer;
  width: 45px;
}
.team .account-team-container .team-name-container .team-name .more-team-actions-dropdown-container {
  right: 1px;
  top: 30px;
}
.team .account-team-container .team-name-container .team-name .more-team-actions-dropdown-container .menu-dropdown-content .dropdown-item .copy {
  max-width: auto;
}
.team .account-team-container .team-contents {
  padding: 0 24px;
  margin-bottom: 10px;
}
.team .account-team-container .team-item {
  margin: 5px 0;
}
.team .account-team-container .team-item:first-child {
  margin-top: 10px !important;
}
.team .account-team-container .search-add-invite-wrapper {
  width: 100%;
  margin: 20px 0 20px;
}
.team .account-team-container .search-add-invite-wrapper .search-input {
  height: 46px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 11px center;
  padding-left: 40px;
}
.team .account-team-container .search-add-invite-wrapper .search-input .placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
  transform: translate3d(10px, -3px, 0);
}
.team .account-team-container .search-add-invite-wrapper .search-input::-webkit-input-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
  transform: translate3d(10px, -3px, 0);
}
.team .account-team-container .search-add-invite-wrapper .search-input::-moz-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
  transform: translate3d(10px, -3px, 0);
}
.team .account-team-container .search-add-invite-wrapper .search-input::-ms-input-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
  transform: translate3d(10px, -3px, 0);
}
.team .account-team-container .search-add-invite-wrapper .search-input:-moz-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
  text-transform: uppercase;
  transform: translate3d(10px, -3px, 0);
}
.team .account-team-container .search-add-invite-wrapper .add-user-popup {
  position: relative;
  z-index: 650;
  top: -2px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  background-color: #FFFFFF;
  max-height: 325px;
  overflow-y: scroll;
}
.team .account-team-container .search-add-invite-wrapper .add-user-popup .user-popup-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 0 9px 12px;
}
.team .account-team-container .search-add-invite-wrapper .add-user-popup .user-popup-item:hover {
  background-color: rgba(129, 162, 178, 0.25);
  cursor: pointer;
}
.team .account-team-container .search-add-invite-wrapper .add-user-popup .user-popup-item .user-info {
  margin: 0 10px 0 17px;
  text-align: left;
}
.team .account-team-container .search-add-invite-wrapper .add-user-popup .user-popup-item .user-info .name {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #375B6D;
  letter-spacing: 1px;
}
.team .account-team-container .search-add-invite-wrapper .invite-user-popup {
  z-index: 650;
  background-color: #FFFFFF;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 5px;
}
.team .account-team-container .invite-user {
  padding: 5px;
  border-radius: 5px;
}
.team .account-team-container .invite-user .avatar {
  margin-right: 5px;
}
.team .account-team-container .invited-team-member {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.team .account-team-container .invited-team-member .checkbox-spacer {
  -webkit-flex-basis: 28px;
  flex-basis: 28px;
}
.team .account-team-container .invited-team-member .invited-team-member-item {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}
.team .account-team-container .invite-new-member-single {
  width: 97%;
  background: #FFFFFF;
  margin: 0 15px 25px 5px;
  border-radius: 5px;
}
.team .account-team-container .invite-new-member {
  width: 97%;
  background: #FFFFFF;
  margin: 5px 10px 5px 3px;
  border-radius: 5px;
}
.team .account-team-container .no-invite-requests {
  color: #AABCC7;
  padding-bottom: 5%;
  padding-top: 2%;
}
.team .everyone .account-team-container {
  border: none!important;
  background: none !important;
}
.team .sub-team {
  background-color: #FFFFFF;
}
.team .team-select-bar {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0px;
  z-index: 1002;
  border-top: 1px solid #e3e3e3;
  height: 70px;
  background: white;
}
.team .team-select-bar.hidden {
  z-index: 865;
}
.team .team-select-bar.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.team .team-select-bar.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.team .team-select-bar.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.team .team-select-bar.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
.team .team-select-bar .team-select-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0px auto;
  align-items: center;
  font-size: 10px;
  width: 100%;
}
.team .team-select-bar .team-select-actions .icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}
.team .team-select-bar .team-select-actions .icon img {
  height: 35px;
  width: 35px;
}
.team .team-select-bar .team-select-actions .icon .team-button-text {
  height: 13px;
  margin-left: 10px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #81a2b2;
}
.team .team-select-bar .team-select-actions .icon:hover {
  cursor: pointer;
}
.team .team-select-bar .team-select-actions .actions {
  width: 100%;
  margin: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.team .team-select-bar .team-select-actions .cancel-selection {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 200px;
  height: 70px;
  font-style: italic;
  font-size: 11px;
  color: #808080;
}
.team .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.team .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.team .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.team .setting-section-header-wrapper {
  border: 1px solid rgba(129, 162, 178, 0.25);
  padding: 10px 25px 10px 25px;
  margin-bottom: 25px;
  border-radius: 5px;
  background-color: #FFFFFF;
  width: 600px;
  margin-left: -41px;
}
.team .setting-section-header-wrapper .setting-section-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #242C39;
  font-family: "calibre-legacy", sans-serif;
}
.team .setting-section-header-wrapper .setting-section-header .team-share-icon {
  margin-top: -70px;
}
.team .setting-section-header-wrapper .setting-section-header .summary {
  margin: 25px 0 0;
  text-transform: uppercase;
  font-size: 11px;
}
.team .setting-section-header-wrapper .setting-section-header .header-seat-summary {
  font-size: 17px;
  margin: 16px 0 0;
  line-height: 27px;
}
.team .setting-section-header-wrapper .setting-section-header .actions-wrapper {
  color: #242C39;
  font-family: "calibre-legacy", sans-serif;
  width: 75%;
  margin: 34px 0 0;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.team .setting-section-header-wrapper .setting-section-header .actions-wrapper .manage-seats-action {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 25px;
}
.team .setting-section-header-wrapper .setting-section-header .actions-wrapper .manage-seats-action .icon-arrow-right {
  margin: 0 0 0 10px;
  background-color: #FFFFFF;
  color: #00857b;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.team .setting-section-header-wrapper .setting-section-header .actions-wrapper .explore-plans-action {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.team .setting-section-header-wrapper .setting-section-header .actions-wrapper .explore-plans-action .icon-arrow-right {
  margin: 0 0 0 10px;
  background-color: #00857b;
}
.team .create-team-section {
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 169, 157, 0.1);
  font-size: 14px;
  padding: 25px;
  color: #526573;
  line-height: 19px;
  text-align: left;
}
.team .user-section {
  margin-bottom: 40px;
  position: relative;
}
.team .user-section .section-info {
  font-size: 12px;
  font-weight: 600;
  font-family: "calibre-legacy", sans-serif;
  color: #81a2b2;
  text-transform: uppercase;
  margin: 30px 5px 10px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.team .user-section .section-info .subscription-action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #242C39;
  cursor: pointer;
}
.team .user-section .section-info .subscription-action span {
  margin-right: 10px;
}
.team .user-section .section-info .subscription-action .icon-arrow-right {
  background: #00857b;
  color: white;
}
.team .user-section .section-info .subscription-action .icon-plus {
  background: white;
  color: #00857b;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
.team .dots-icon {
  margin-left: 5px;
  fill: #375B6D;
}
.team .dots-icon svg {
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 32px;
  height: 32px;
}
.team .dots-icon svg:hover {
  background: rgba(129, 162, 178, 0.25);
  border-radius: 3px;
}
.roles-dropdown-options {
  min-width: 90px;
  width: 90px;
  border: 1px solid #e6e6e6;
  border-top: none;
  box-shadow: none;
  margin-top: -5px;
}
.roles-dropdown-options .dropdown-options-list {
  padding: 0;
}
.roles-dropdown-options .dropdown-options-list .single-select {
  color: #879EA9;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1px;
  padding: 10px;
  margin: 0;
  cursor: pointer;
}
.roles-dropdown-options .dropdown-options-list .single-select:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.roles-dropdown-options .dropdown-options-list .single-select.active {
  font-size: 10px;
  font-weight: 600;
}
.ip-addresses-list {
  margin-bottom: 12px;
}
.ip-address-row {
  display: flex;
  text-align: left;
}
.ip-address-row .field-input {
  width: 250px;
  display: inline-block;
  text-align: left;
}
.ip-address-row .field-input label {
  height: 15px;
  color: #808080;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  margin: 5px 0;
  display: inline-block;
}
.ip-address-row .field-input:first-child {
  margin-right: 10px;
}
.ip-address-row .delete-ip {
  max-width: 16px;
  margin-left: -58px;
  margin-top: 25px;
  position: relative;
  left: 58px;
  padding-top: 22px;
  padding-left: 22px;
  padding-right: 36px;
  border-radius: 1px;
}
.ip-address-row .delete-ip ng-include {
  fill: rgba(129, 162, 178, 0.3);
}
.ip-address-row .delete-ip:hover {
  background-color: rgba(215, 25, 57, 0.1);
}
.ip-address-row .delete-ip:hover ng-include {
  fill: #D71939;
}
.add-ip-address-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  margin-top: 15px;
}
.add-ip-address-button .line {
  height: 1px;
  border: 1px solid #979797;
  opacity: 0.1;
  background-color: #D8D8D8;
  position: absolute;
  z-index: 3;
  width: 100%;
}
.add-ip-address-button .icon-plus {
  height: 36px;
  width: 36px;
  border: 1px solid #81A2B2;
  color: #81A2B2;
  background-color: #fff;
  z-index: 4;
}
.add-ip-address-button .icon-plus:hover {
  background-color: #00BCFF !important;
  color: white;
  border: none;
}
.update-ip-filters-button {
  margin-top: 35px;
}
.office-filter-icon {
  padding: 10px;
  margin-bottom: 10px;
}
.your-ip {
  color: #00857b;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 13px;
  cursor: pointer;
}
.your-ip .arrow-right svg {
  fill: #00A99D !important;
  height: 12px;
  margin-bottom: -2px;
}
.account-settings {
  width: 100%;
  margin-bottom: 50px;
}
.account-settings ul li {
  margin: 20px 0;
}
.account-settings ul li label {
  text-align: left;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0;
  color: #808080;
}
.account-settings ul li label.disabled {
  opacity: 0.5;
}
.account-settings .tooltip {
  text-transform: none;
  margin-top: 35px;
}
.account-settings .tooltip .tooltip-inner {
  font-size: 14px;
  line-height: 19px;
  max-width: 250px;
  width: 250px;
  padding: 15px;
}
.account-settings .radio-buttons {
  margin-bottom: 20px;
}
.brand-color-selector .color-selector-tile {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  width: 260px;
  cursor: pointer;
  margin: 15px auto;
}
.brand-color-selector .color-selector-tile .color-tile {
  min-width: 68.4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.brand-color-selector .color-selector-tile .copy {
  height: 76px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #eef1f3;
  border-left: none;
  padding: 15px;
}
.brand-color-selector .color-selector-tile .copy .color-name {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: 600;
  color: #416374;
  font-size: 13px;
}
.brand-color-selector .color-selector-tile .copy .color-description {
  margin-top: 5px;
  line-height: 1.2;
  font-size: 10px;
  color: #708a97;
  font-family: "calibre-legacy", sans-serif;
}
.brand-color-selector .color-selector-tile:hover {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.brand-color-selector .color-selector-tile:hover .copy {
  border-color: #dbe2e5;
}
.brand-color-selector .color-selector-tile:hover .copy .color-name {
  color: #113c51;
}
.brand-color-selector .action-button {
  width: 150px;
  margin: 30px auto 0;
}
.status-checker .dynamic-status {
  height: 55px;
  position: relative;
  margin-top: 10px;
}
.status-checker .dynamic-status .status {
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  margin: 0 auto;
}
.status-checker .dynamic-status .status.ng-enter {
  -webkit-animation: fadeIn 0.3s ease, X;
  -moz-animation: fadeIn 0.3s ease, X;
  -o-animation: fadeIn 0.3s ease, X;
  animation: fadeIn 0.3s ease, X;
  -webkit-animation: fadeIn 0.3s ease;
  -moz-animation: fadeIn 0.3s ease;
  -o-animation: fadeIn 0.3s ease;
  animation: fadeIn 0.3s ease;
}
.status-checker .dynamic-status .text {
  font-size: 13px;
  letter-spacing: 0.02em;
}
.status-checker .dynamic-status .icon {
  top: 13px;
  margin-left: -25px;
  margin-right: 5px;
}
.status-checker .dynamic-status .small-loader {
  width: 15%;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 2px solid rgba(0, 133, 123, 0.2);
  border-left: 2px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.status-checker .dynamic-status .small-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.status-checker .dynamic-status .small-loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.status-checker .dynamic-status .status-checking {
  text-align: center;
  background: rgba(17, 60, 81, 0.02);
  color: #889ea8;
}
.status-checker .dynamic-status .status-checking .icon {
  position: absolute;
  left: 99px;
  margin-top: 2px;
}
.status-checker .dynamic-status .status-checking .text {
  margin-left: 10px;
  width: 100%;
}
.status-checker .dynamic-status .status-invalid {
  color: #df4761;
  border: 1px solid #f7d1d7;
  background: rgba(215, 25, 57, 0.07);
}
.status-checker .dynamic-status .status-available {
  color: #66b366;
  border: 1px solid #cce6cc;
  background: rgba(0, 128, 0, 0.07);
}
.status-checker .dynamic-status .status-taken {
  color: #eca900;
  border: 1px solid #ffebba;
  background: rgba(236, 169, 0, 0.07);
}
.status-checker .dynamic-status .status-taken .icon {
  margin-top: -4px;
  opacity: 0.4;
  font-size: 20px;
}
.domain-setter.custom-domain-setter .inline-help {
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  color: #587785;
  margin-bottom: 25px;
}
.domain-setter.custom-domain-setter .inline-help .url {
  font-weight: 600;
}
.domain-setter.custom-domain-setter .inline-help a {
  color: #00524c;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(0, 133, 123, 0.3);
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.domain-setter.custom-domain-setter .inline-help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.domain-setter.custom-domain-setter .inline-help a:hover {
  border-bottom: 4px solid rgba(0, 133, 123, 0.8);
  color: #00766d;
}
.domain-setter.custom-domain-setter .actions-container .save-button-container {
  max-width: 200px;
}
.domain-setter.custom-domain-setter .additional-help {
  margin: 10px auto 0;
  width: 70%;
  font-weight: lighter;
}
.subdomain-setter .subdomain-input {
  font-size: 15px;
  font-weight: 600;
  color: #113c51;
  margin-top: 12px;
}
.subdomain-setter .subdomain-input .pseudo-input-box {
  border: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.subdomain-setter .subdomain-input .pseudo-input-box .url-text {
  color: #889ea8;
  height: 60px;
  line-height: 60px;
  background: #fafbfc;
  padding: 0 20px;
  min-width: 90px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
}
.subdomain-setter .subdomain-input .domain-input {
  border: 1px solid transparent;
  border-left: 1px solid #f3f5f6;
  border-right: 1px solid #f3f5f6;
}
.domain-setter {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
.domain-setter .domain-setter-header {
  margin: 30px 0;
}
.domain-setter .domain-setter-header .title {
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  color: #416374;
}
.domain-setter .domain-setter-header .icon {
  width: 100px;
  margin: 10px auto;
}
.domain-setter .domain-input {
  border: 1px solid #f3f5f6;
  font-size: 14px;
  font-weight: 600;
  color: #113c51;
  letter-spacing: 0.03em;
  padding: 0;
  text-align: center;
  -webkit-transition: border-color 0.2s ease, X;
  -moz-transition: border-color 0.2s ease, X;
  -o-transition: border-color 0.2s ease, X;
  transition: border-color 0.2s ease, X;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.domain-setter .domain-input.invalid {
  border: 1px solid #eb8c9c;
}
.domain-setter .actions-container .save-button-container {
  max-width: 160px;
  margin: 20px auto 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #708a97;
}
.recommended-font-pairings {
  width: 100vw;
}
.recommended-font-pairings .recommended-font-pairings-header {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 15vh 0;
}
.recommended-font-pairings .recommended-font-pairings-header .icon {
  width: 90px;
  margin: 0 auto;
}
.recommended-font-pairings .recommended-font-pairings-header .title {
  margin: 15px 0;
  font-size: 22px;
  color: #416374;
}
.recommended-font-pairings .recommended-font-pairings-header .big-explainer {
  font-size: 18px;
  color: #587785;
}
.recommended-font-pairings .recommended-font-pairings-header .instructions {
  font-style: italic;
  color: #a0b1b9;
}
.recommended-font-pairings .font-pairings .pairing {
  width: 100%;
  padding: 40px;
  height: 75vh;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.recommended-font-pairings .font-pairings .pairing .image {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.2;
  -webkit-transition: all 0.35s ease, X;
  -moz-transition: all 0.35s ease, X;
  -o-transition: all 0.35s ease, X;
  transition: all 0.35s ease, X;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.recommended-font-pairings .font-pairings .pairing .content {
  position: relative;
  z-index: 3;
  max-width: 650px;
  margin: 0 auto;
  -webkit-transition: all 0.45s ease, X;
  -moz-transition: all 0.45s ease, X;
  -o-transition: all 0.45s ease, X;
  transition: all 0.45s ease, X;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.recommended-font-pairings .font-pairings .pairing .content h1 {
  font-size: 50px;
  line-height: 1.5;
}
.recommended-font-pairings .font-pairings .pairing .content h2 {
  font-size: 25px;
  line-height: 1.5;
  margin: 10px 0;
}
.recommended-font-pairings .font-pairings .pairing .content p {
  font-size: 17px;
  line-height: 1.75;
  opacity: 0.7;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .position {
  position: relative;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage.ng-leave {
  -webkit-animation: fadeOutUp 0.3s ease, X;
  -moz-animation: fadeOutUp 0.3s ease, X;
  -o-animation: fadeOutUp 0.3s ease, X;
  animation: fadeOutUp 0.3s ease, X;
  -webkit-animation: fadeOutUp 0.3s ease;
  -moz-animation: fadeOutUp 0.3s ease;
  -o-animation: fadeOutUp 0.3s ease;
  animation: fadeOutUp 0.3s ease;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage header {
  text-align: left;
  margin-bottom: 20px;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage header .title {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage header p {
  color: rgba(255, 255, 255, 0.5);
  margin: 5px 0;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .font-selection .font-item {
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .font-selection .font-item .label {
  min-width: 100px;
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .font-selection .font-item .heading {
  font-size: 35px;
  font-weight: 600;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .font-selection .font-item .subheading {
  font-size: 25px;
  font-weight: 400;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .font-selection .font-item .body {
  font-size: 17px;
  font-weight: 300;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .actions {
  margin-top: 30px;
  text-align: center;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .actions button {
  background: #fff;
  color: #416374;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .cancel-button {
  right: -90px;
  top: -80px;
  position: absolute;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.05);
  padding: 8px 17px;
  cursor: pointer;
  text-align: center;
}
.recommended-font-pairings .font-pairings .pairing .confirm-usage .cancel-button p {
  margin-top: 6px;
  font-size: 8px;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
.recommended-font-pairings .font-pairings .pairing:not(.confirming) {
  cursor: pointer;
}
.recommended-font-pairings .font-pairings .pairing.confirming .content {
  opacity: 0.03;
}
.recommended-font-pairings .font-pairings .pairing.confirming .image {
  opacity: 0.05;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 1) .content {
  text-align: center;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 1) .content h1 {
  display: inline-block;
  border-bottom: 4px solid rgba(255, 255, 255, 0.1);
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 1) .content p {
  margin-top: 25px;
  font-size: 15px;
  line-height: 2;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 2) .content {
  text-align: right;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 2) .content h1 {
  font-size: 60px;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 2) .content h2 {
  border: 2px dashed;
  border-left: none;
  border-right: none;
  padding: 20px 0;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 2) .content p {
  margin-top: 25px;
  font-size: 15px;
  line-height: 2;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 3) .content h1 {
  text-transform: uppercase;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 3) .content p {
  margin-top: 25px;
  font-style: italic;
  font-size: 22px;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 5) .content {
  text-align: center;
}
.recommended-font-pairings .font-pairings .pairing:nth-child(6n + 5) .content p {
  margin-top: 25px;
  opacity: 0.7;
}
.google-font-panel {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.google-font-panel .filtersearch {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.google-font-panel .filtersearch .controls {
  background: #fafbfc;
  max-width: 500px;
  height: 66px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.google-font-panel .filtersearch .search {
  background-color: transparent;
  height: 50px;
  padding: 0 20px;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 20px center;
  padding-left: 45px;
  border: none;
  border-right: none;
  font-size: 17px;
  color: #416374;
}
.google-font-panel .filtersearch .search .placeholder-styles {
  font-size: 14px;
  color: #a0b1b9;
}
.google-font-panel .filtersearch .search::-webkit-input-placeholder {
  font-size: 14px;
  color: #a0b1b9;
}
.google-font-panel .filtersearch .search:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #a0b1b9;
}
.google-font-panel .filtersearch .search::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #a0b1b9;
}
.google-font-panel .filtersearch .search:-ms-input-placeholder {
  font-size: 14px;
  color: #a0b1b9;
}
.google-font-panel .filtersearch .filter-dropdown {
  width: 80px;
  height: 50px;
  font-size: 14px;
  color: #889ea8;
  padding: 0 5px 0 15px;
}
.google-font-panel .listpanel {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100vh;
  overflow: auto;
}
.typekit-fontlist .top {
  border-bottom: 1px solid #f3f5f6;
}
.typekit-fontlist .top .content {
  margin: 60px auto;
  max-width: 500px;
}
.typekit-fontlist .top .controls label {
  display: block;
  margin-bottom: 5px;
}
.typekit-fontlist .top .controls .inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.typekit-fontlist .top .controls input {
  width: 220px;
  height: 40px;
  padding-left: 15px;
  border-right: none;
  border-radius: 0;
  font-size: 14px;
}
.typekit-fontlist .top .controls button {
  padding: 0 20px;
  display: inline-block;
  padding: 13px;
  background-color: #fafafa;
  border: 1px solid #ededed;
  color: #808080;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 12px;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-align: center;
  height: 40px;
  padding: 10px;
}
.typekit-fontlist .top .controls button:hover {
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}
.typekit-fontlist .top .controls label {
  display: block;
  margin-bottom: 5px;
}
.typekit-fontlist .top .controls .inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.typekit-fontlist .top .controls input {
  width: 220px;
  height: 40px;
  padding-left: 15px;
  border-right: none;
  border-radius: 0;
  font-size: 14px;
}
.typekit-fontlist .top .controls button {
  padding: 0 20px;
  display: inline-block;
  padding: 13px;
  background-color: #fafafa;
  border: 1px solid #ededed;
  color: #808080;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 12px;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-align: center;
  height: 40px;
  padding: 10px;
}
.typekit-fontlist .top .controls button:hover {
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}
.typekit-fontlist .top .controls button:disabled {
  color: #adadad;
  background-color: #ffffff;
}
.typekit-fontlist .fontlist .initial-loader {
  height: 40vh;
}
.typekit-fontlist .fontlist .initial-loader {
  height: 40vh;
}
.custom-font-uploader {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.custom-font-uploader .upload-fields {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.custom-font-uploader .upload-fields button {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  letter-spacing: 0.15em;
  height: 60px;
  width: 220px;
  background: rgba(43, 43, 43, 0.95);
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  border: none;
  color: #fff;
}
.custom-font-uploader .input-label {
  width: 220px;
  height: 60px;
  display: block;
  position: relative;
}
.custom-font-uploader .input-label:hover .label {
  background: rgba(0, 133, 123, 0.96);
}
.custom-font-uploader .label {
  display: block;
  position: absolute;
  color: rgba(0, 133, 123, 0.9);
  letter-spacing: 0.15em;
  font-size: 16px;
  cursor: pointer;
  height: 60px;
  width: 220px;
  background: rgba(43, 43, 43, 0.95);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.custom-font-uploader .label label {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 13px;
  display: block;
  cursor: pointer;
  border: none;
  color: #fff;
}
.custom-font-uploader input[type=file] {
  width: 220px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.custom-font-uploader .wave-spinner > div {
  background: #fff;
}
.custom-fontlist {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.custom-fontlist .top {
  border-bottom: 1px solid #f3f5f6;
}
.custom-fontlist .top .content {
  max-width: 450px;
  margin: 60px auto;
}
.custom-fontlist .listpanel {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
.new-font-selector {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.new-font-selector .vendors {
  background: #fbfbfb;
  width: 30%;
  max-width: 240px;
  height: 100%;
  border-right: 1px solid #f2f2f2;
  border-top: 2px solid #f2f2f2;
}
.new-font-selector .vendors .panel-title {
  padding: 25px 20px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #587785;
}
.new-font-selector .vendors.ng-enter {
  -webkit-animation: fadeInLeft 0.3s ease, X;
  -moz-animation: fadeInLeft 0.3s ease, X;
  -o-animation: fadeInLeft 0.3s ease, X;
  animation: fadeInLeft 0.3s ease, X;
  -webkit-animation: fadeInLeft 0.3s ease;
  -moz-animation: fadeInLeft 0.3s ease;
  -o-animation: fadeInLeft 0.3s ease;
  animation: fadeInLeft 0.3s ease;
}
.new-font-selector .vendors .vendor {
  font-size: 16px;
  padding: 15px;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #416374;
}
.new-font-selector .vendors .vendor .icon-wrapper {
  margin-right: 10px;
}
.new-font-selector .vendors .vendor .vendor-icon {
  width: 50px;
  max-width: 50px;
}
.new-font-selector .vendors .vendor:hover {
  background: #e7ecee;
}
.new-font-selector .vendors .vendor.selected {
  background: #f3f5f6;
  font-weight: 700;
}
.new-font-selector .vendorpanel {
  overflow-y: scroll;
  width: 100%;
}
.new-font-selector .top {
  border-bottom: 1px solid #f3f5f6;
}
.new-font-selector .top .content {
  margin: 60px auto;
  max-width: 500px;
}
.new-font-selector .fonts-explainer .title {
  color: #587785;
  font-size: 20px;
}
.new-font-selector .fonts-explainer p {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 20px 0;
  color: #587785;
}
.fontlist {
  overflow-y: scroll;
  height: 100%;
}
.fontlist .font-specimens.ng-enter {
  -webkit-animation: fadeInUp 0.4s ease, X;
  -moz-animation: fadeInUp 0.4s ease, X;
  -o-animation: fadeInUp 0.4s ease, X;
  animation: fadeInUp 0.4s ease, X;
  -webkit-animation: fadeInUp 0.4s ease;
  -moz-animation: fadeInUp 0.4s ease;
  -o-animation: fadeInUp 0.4s ease;
  animation: fadeInUp 0.4s ease;
}
.fontlist .font-specimen {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  padding: 35px 25px;
  border-bottom: 1px solid #f5f7f8;
  cursor: pointer;
}
.fontlist .font-specimen p {
  width: 100%;
  margin-left: 15px;
  color: #375462;
}
.fontlist .font-specimen .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 2px solid rgba(0, 133, 123, 0.2);
  border-left: 2px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.fontlist .font-specimen .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.fontlist .font-specimen .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.fontlist .font-specimen .current {
  font-size: 13px;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.fontlist .font-specimen .remove-font {
  margin-left: 20px;
}
.fontlist .font-specimen:hover {
  background: #fbfbfb;
}
.fontlist .font-specimen.selected {
  background: rgba(0, 169, 157, 0.8);
  border-bottom: none;
  color: #fff;
}
.fontlist .initial-loader {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 80vh;
}
.fontlist .initial-loader .message {
  font-family: "calibre-legacy", sans-serif;
  margin-top: 15px;
  color: #808080;
}
.fontlist .initial-loader .loading-symbol {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.fontlist .initial-loader .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.fontlist .initial-loader .loading-symbol:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 80px;
  height: 80px;
}
.typography-selector {
  max-width: 300px;
}
.typography-selector .font-setters .font-setter {
  border: 1px solid #eceff1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.typography-selector .font-setters .font-setter .label {
  height: 55px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 90px;
  background: #f9fafb;
  border-right: 1px solid #f3f5f6;
}
.typography-selector .font-setters .font-setter .label p {
  font-size: 9px;
  color: #889ea8;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.typography-selector .font-setters .font-setter .specimen {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
}
.typography-selector .font-setters .font-setter .specimen .tag-heading-one {
  font-size: 21px;
  font-weight: 700;
  margin: 10px 0;
}
.typography-selector .font-setters .font-setter .specimen .tag-subheading {
  font-size: 18px;
}
.typography-selector .font-setters .font-setter .specimen .tag-body-text {
  font-size: 14px;
  color: #587785;
}
.typography-selector .font-setters .font-setter:hover,
.typography-selector .font-setters .font-setter.active {
  cursor: pointer;
  border-color: #d7dee1;
  color: #fff;
}
.typography-selector .recommended-pairs-button {
  border: 1px solid #eceff1;
  padding: 15px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  color: #7c949f;
}
.typography-selector .save-button-container {
  width: 150px;
  margin: 30px auto 0;
}
.old-brand-setup {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.old-brand-setup .brand-color-selector-header,
.old-brand-setup .subdomain-setter-header,
.old-brand-setup .domain-setter-header,
.old-brand-setup .brand-font-selector-header,
.old-brand-setup .typography-selector-header {
  display: none;
}
.old-brand-setup .ease {
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.old-brand-setup .action-button {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
.old-brand-setup .action-button.state-standard .action-button-text {
  color: #587785;
}
.old-brand-setup .actions-panel {
  min-width: 380px;
  max-width: 380px;
  max-height: 100vh;
  overflow-y: scroll;
}
.old-brand-setup .actions-panel .section-border {
  border-bottom: 1px solid #f1f3f5;
}
.old-brand-setup .actions-panel .brand-setup-header {
  background: #f8f9fa;
  padding: 30px 25px;
  border-bottom: 1px solid #f1f3f5;
}
.old-brand-setup .actions-panel .brand-setup-header .title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #35596b;
}
.old-brand-setup .actions-panel .brand-setup-header p {
  margin: 0;
  margin-top: 5px;
  font-size: 14px;
}
.old-brand-setup .actions-panel .sections .section {
  -webkit-transition: all 0.25s ease, X;
  -moz-transition: all 0.25s ease, X;
  -o-transition: all 0.25s ease, X;
  transition: all 0.25s ease, X;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.old-brand-setup .actions-panel .sections .section.open .top-level {
  border-color: transparent;
}
.old-brand-setup .actions-panel .sections .section.open .top-level .icon {
  opacity: 1;
}
.old-brand-setup .actions-panel .sections .section.open .top-level .copy .name {
  color: #113c51;
}
.old-brand-setup .actions-panel .sections .section.open .top-level .arrow {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.old-brand-setup .actions-panel .sections .section.faded {
  opacity: 0.8;
}
.old-brand-setup .actions-panel .sections .section.unseen .name {
  font-weight: 700;
}
.old-brand-setup .actions-panel .sections .section .top-level {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px;
  padding-left: 15px;
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #f1f3f5;
  cursor: pointer;
}
.old-brand-setup .actions-panel .sections .section .top-level .icon {
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 10px;
  width: 45px;
  opacity: 0.8;
}
.old-brand-setup .actions-panel .sections .section .top-level .icon img {
  max-width: 41px;
}
.old-brand-setup .actions-panel .sections .section .top-level .copy .name {
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #35596b;
  font-size: 13px;
}
.old-brand-setup .actions-panel .sections .section .top-level .copy .description {
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 12px;
  margin-top: 6px;
  color: #94a7b1;
}
.old-brand-setup .actions-panel .sections .section .top-level .arrow {
  min-width: 20px;
  width: 20px;
  margin-left: auto;
  opacity: 0.4;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease, X;
  -moz-transition: all 0.3s ease, X;
  -o-transition: all 0.3s ease, X;
  transition: all 0.3s ease, X;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.old-brand-setup .actions-panel .sections .section .section-widget-container {
  padding: 30px;
  border-bottom: 1px solid #f1f3f5;
}
.old-brand-setup .actions-panel .sections .section .section-widget-container.ng-enter {
  -webkit-animation: fadeInDown 0.3s ease, X;
  -moz-animation: fadeInDown 0.3s ease, X;
  -o-animation: fadeInDown 0.3s ease, X;
  animation: fadeInDown 0.3s ease, X;
  -webkit-animation: fadeInDown 0.3s ease;
  -moz-animation: fadeInDown 0.3s ease;
  -o-animation: fadeInDown 0.3s ease;
  animation: fadeInDown 0.3s ease;
}
.old-brand-setup .actions-panel .sections .section .section-widget-container.ng-leave {
  -webkit-animation: fadeOutDown 0.3s ease, X;
  -moz-animation: fadeOutDown 0.3s ease, X;
  -o-animation: fadeOutDown 0.3s ease, X;
  animation: fadeOutDown 0.3s ease, X;
  -webkit-animation: fadeOutDown 0.3s ease;
  -moz-animation: fadeOutDown 0.3s ease;
  -o-animation: fadeOutDown 0.3s ease;
  animation: fadeOutDown 0.3s ease;
}
table.data-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #f3f5f6;
  color: #889ea8;
  font-size: 13px;
}
table.data-table .border {
  border: 1px solid #f3f5f6;
}
table.data-table .header {
  background: #fbfcfc;
  font-weight: 600;
  color: #587785;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
table.data-table tr {
  border: 1px solid #f3f5f6;
}
table.data-table tr td {
  border: 1px solid #f3f5f6;
  padding: 15px 10px;
}
.api-settings .api-key {
  font-family: monospace;
  color: #587785;
  padding: 20px;
  border: 1px solid #e7ecee;
  display: block;
  font-size: 12px;
  background: #fff;
}
.api-settings .substitutions .heading {
  background: #fafbfc;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  color: #416374;
  font-size: 11px;
  letter-spacing: 0.1em;
}
.api-settings .substitutions .variable-list {
  border: 1px solid #f3f5f6;
}
.api-settings .substitutions .variable-list .cell {
  padding: 20px;
  width: 100%;
  color: #64808e;
}
.api-settings .substitutions .variable-list .variable-display {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  background: none;
}
.api-settings .substitutions .variable-list .variable-display .variable-actions .action {
  color: #708a97;
}
.api-settings .substitutions .variable-list .variable-edit .variable-actions {
  background: #339d95;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}
.api-settings .substitutions .variable-list .variable-edit .cell {
  border-bottom: none;
  border-left: none;
}
.api-settings .substitutions .variable-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  min-width: 80px;
  width: 80px;
  padding: 0 10px;
}
.api-settings .substitutions .variable-actions .action {
  padding: 0px 2px;
}
.api-settings .substitutions input.cell {
  width: 100%;
  padding: 20px;
  border: none;
  background: #fff;
  border: 1px solid #e7ecee;
  outline: none;
  font-size: 15px;
  font-family: "calibre-legacy", sans-serif;
}
.api-settings .substitutions .add-variable {
  width: 100%;
  margin-top: 40px;
}
.api-settings .substitutions .add-variable .inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.api-settings .substitutions .add-variable .inputs .input {
  width: 100%;
  position: relative;
}
.api-settings .substitutions .add-variable .inputs .input p {
  position: absolute;
  font-size: 10px;
  text-transform: uppercase;
  color: #889ea8;
  left: 10px;
  top: 8px;
}
.api-settings .substitutions .add-variable .action {
  background: #eceff1;
  font-size: 12px;
  color: #416374;
  padding: 20px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.api-settings .substitutions li,
.api-settings .substitutions li div {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.api-settings .substitutions .error-message {
  margin-top: 20px;
}
.api-settings .object-ids .group-title {
  font-size: 20px;
  font-weight: 600;
  color: #416374;
  margin: 20px 0;
}
.api-settings .object-ids .data-table {
  background: white;
}
.api-settings .setting-section-header .icon {
  margin: 0 auto;
  width: 90px;
}
.api-settings .not-available-teaser {
  max-width: 550px;
  margin: 0 auto;
  background: #fbfcfc;
  border: 1px solid #eceff1;
  padding: 20px;
}
.api-settings .not-available-teaser p {
  color: #416374;
  margin: 15px 0;
  line-height: 1.5;
}
.api-settings .loading {
  padding: 30px;
}
.api-settings .loading .loading-spinner {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.api-settings .loading .loading-spinner:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.api-settings .loading .loading-spinner:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.access-tokens-panel__row-header {
  margin-bottom: 16px;
  display: flex;
}
.access-tokens-panel__header {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.kl-opt-in-lowercase-label .access-tokens-panel__header {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.access-tokens-panel__row {
  display: flex;
  align-items: center;
}
.access-tokens-panel__row:not(:last-child) {
  margin-bottom: 24px;
}
.access-tokens-panel__row--edit {
  align-items: unset;
}
.access-tokens-panel__column-key {
  display: flex;
  flex: 3;
  padding-right: 16px;
}
.access-tokens-panel__column-value {
  display: flex;
  flex: 4;
  align-items: center;
}
.access-tokens-panel__column-value button {
  flex-shrink: 0;
}
.access-tokens-panel__column-value--edit {
  align-items: unset;
}
.access-tokens-panel__column-value--edit button {
  flex-shrink: 0;
}
.access-tokens-panel__column-value--edit button:first-of-type {
  margin-left: 8px;
}
.access-tokens-panel__column-value--edit button:not(:first-of-type) {
  margin-left: 4px;
}
.access-tokens-panel__value {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 0;
}
.access-tokens-panel__row.enter {
  opacity: 0;
  height: 0;
}
.access-tokens-panel__row.enter:not(:last-child) {
  margin-bottom: 0;
}
.access-tokens-panel__row.enter-active {
  opacity: 1;
  height: 32px;
  transition: all 200ms;
}
.access-tokens-panel__row.enter-active:not(:last-child) {
  margin-bottom: 24px;
}
.access-tokens-panel__row.exit {
  opacity: 1;
  height: 32px;
}
.access-tokens-panel__row.exit:not(:last-child) {
  margin-bottom: 24px;
}
.access-tokens-panel__row.exit-active {
  opacity: 0;
  height: 0;
  transition: all 200ms;
}
.access-tokens-panel__row.exit-active:not(:last-child) {
  margin-bottom: 0;
}
.access-tokens-panel__modal-body {
  margin: 40px 0;
}
.access-tokens-panel table {
  width: 100%;
}
.access-tokens-panel table tr td:first-child {
  text-align: left;
  width: 80%;
}
.access-tokens-panel table tr td:last-child {
  width: 20%;
}
.link-preview-account-defaults {
  width: 420px;
}
.link-preview-account-defaults .setting-section-header {
  margin-bottom: 40px;
  margin-left: 16px;
  margin-right: 16px;
}
.link-preview-account-defaults .setting-section-header .icon {
  margin-bottom: 40px;
}
.link-preview-account-defaults .setting-section-header h2 {
  margin-bottom: 24px;
}
.link-preview-account-defaults__content {
  margin: 0 auto;
  text-align: left;
}
.link-preview-account-defaults__content--image {
  height: 219px;
}
.link-preview-account-defaults__content--buttons-container {
  margin: 24px 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page-collection {
  margin-bottom: 40px;
}
.page-collection.expanded {
  box-shadow: 0px -1px 0px rgba(129, 162, 178, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 20px 36px -10px rgba(0, 30, 51, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.06), 0px 8px 20px -6px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
.page-collection__default-label {
  background: rgba(129, 162, 178, 0.25);
  color: #81A2B2;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.page-collection__card {
  padding: 16px 24px;
}
.page-collection__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-collection__name-input {
  display: flex;
  flex-direction: column;
}
.page-collection__card-actions {
  display: flex;
}
.page-collection-item {
  display: grid;
  grid-template-columns: 0.8fr 0.2fr;
  grid-template-rows: 0.5fr 0.5fr;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  padding-bottom: 40px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.page-collection-item__filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-collection-item__edit-button {
  grid-row: span 2;
  justify-self: end;
}
.analytics-and-reports-settings__body {
  margin: 80px auto;
  max-width: 550px;
  display: flex;
  flex-direction: column;
}
.analytics-and-reports-settings__explainer {
  margin-top: 16px;
}
.analytics-and-reports-settings__icon {
  color: #ffce53;
  margin-bottom: 16px;
  margin: 24px auto;
}
.analytics-and-reports-settings__timezone_input_label {
  text-align: left;
}
.analytics-and-reports-settings__timezone-section {
  margin: 0 auto;
  width: 100%;
  text-align: left;
}
.analytics-and-reports-settings__text {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
}
.analytics-and-reports-settings__main_title {
  margin-bottom: 12px;
}
.analytics-and-reports-settings__default-currency-selector {
  padding-top: 24px;
}
.analytics-and-reports-settings__update-button {
  margin: 40px auto;
}
.analytics-and-reports-settings__section {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  padding: 40px 0;
}
.analytics-and-reports-settings__section-heading {
  margin-bottom: 24px;
}
.analytics-and-reports-settings__section-heading-icon {
  display: flex;
}
.analytics-and-reports-settings__section-heading-icon * {
  margin: 0 auto 16px auto;
}
.analytics-and-reports-settings__section-heading-description {
  margin-top: 24px;
}
.analytics-and-reports-settings .currency-selector__button {
  width: 100%;
  height: 4em;
  margin-top: 1%;
}
.analytics-and-reports-settings .currency-selector__button .button__content {
  width: 100%;
  display: contents;
}
.analytics-and-reports-settings .currency-selector__button .button__content .button__text {
  margin-right: 80%;
}
.analytics-and-reports-settings__add-new {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: rgba(129, 162, 178, 0.75);
}
.analytics-and-reports-settings__last-edited-cleanup {
  text-align: left;
  max-width: 350px;
  margin: 0 auto;
}
.default-account-currency-setting-popover .currency-selector__menu {
  width: 26em;
}
.qwilr-settings {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0 !important;
}
.qwilr-settings .menus {
  width: 330px;
  padding: 40px 0 25px;
  position: fixed;
  z-index: 1;
  height: 100vh;
  top: 0;
  padding-top: 90px;
  overflow-y: auto;
  background: #fff;
  border-right: 1px solid #f3f5f6;
}
.qwilr-settings .menus .menu {
  margin-top: 30px;
}
.qwilr-settings .menus .menu .menu-name {
  margin-left: 25px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 14px;
  color: #295062;
}
.qwilr-settings .menus .menu .items {
  margin-top: 10px;
}
.qwilr-settings .menus .menu .items .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 17px 25px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
.qwilr-settings .menus .menu .items .item .icon {
  width: 37px;
  margin-right: 10px;
}
.qwilr-settings .menus .menu .items .item .name {
  color: #416374;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
}
.qwilr-settings .menus .menu .items .item .description {
  font-size: 10px;
  font-family: "calibre-legacy", sans-serif;
  margin-top: 5px;
  color: #708a97;
}
.qwilr-settings .menus .menu .items .item .label,
.qwilr-settings .menus .menu .items .item .icon {
  -webkit-transition: all 0.25s, X;
  -moz-transition: all 0.25s, X;
  -o-transition: all 0.25s, X;
  transition: all 0.25s, X;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.qwilr-settings .menus .menu .items .item:hover,
.qwilr-settings .menus .menu .items .item.active {
  cursor: pointer;
}
.qwilr-settings .menus .menu .items .item:hover .name,
.qwilr-settings .menus .menu .items .item.active .name {
  color: #113c51;
}
.qwilr-settings .menus .menu .items .item.active {
  background: rgba(129, 162, 178, 0.1);
}
.qwilr-settings .setting-content {
  padding-left: 330px;
  padding-top: 60px;
  width: 100%;
  min-height: calc(100vh - 60px);
  text-align: center;
  background: rgba(129, 162, 178, 0.05);
}
.qwilr-settings .setting-content.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.qwilr-settings .setting-content.no-active-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.qwilr-settings .settings-copy {
  width: 500px;
}
.qwilr-settings .settings-copy .title {
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  font-size: 170%;
  color: #333333;
}
.qwilr-settings .settings-copy p {
  margin-top: 25px;
  font-weight: 300;
  font-size: 120%;
  line-height: 1.5;
  color: #808080;
}
.qwilr-settings .page-header h2 {
  font-size: 125%;
}
.share-project.overlay-content {
  /* @TODO(ravi, 1/2/2018)  change this to the brand palette grey when those definitions are pushed up
  (They're currently sitting on the better-biz-develop branch) */
  margin-top: 115px;
}
.share-project.overlay-content .share-section {
  padding: 4px 10px;
  height: 45px;
  width: 100%;
  margin-bottom: 14px;
  border: 1px solid #EAEAEA;
  cursor: pointer;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.share-project.overlay-content .share-section .icon {
  height: 22px;
  width: 22px;
  margin-right: 11px;
  fill: #81A2B2;
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.share-project.overlay-content .share-section .info {
  height: 100%;
  color: #7C949F;
  font-size: 14px;
}
.share-project.overlay-content .share-section .circle {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  border: 1px solid #979797;
  fill: #fff;
  margin-right: 8px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.share-project.overlay-content .share-section .right-icon {
  fill: #81A2B2;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.share-project.overlay-content .share-section:hover .right-icon {
  margin-left: 10px;
  margin-right: 0;
}
.share-project.overlay-content .share-section .complete.circle {
  background: #00857b;
  border: 1px solid #EAEAEA;
}
.share-project.overlay-content .share-section--streamlined {
  border: none;
}
.share-project.overlay-content .link-security {
  width: 100%;
}
.share-project.overlay-content .link-security .identity-settings .security-accordian.identity .security-accordian-wrap {
  width: 100%;
}
.share-project.overlay-content .link-security .identity-settings .security-accordian.identity .identity-items-wrap {
  width: 100%;
  padding-bottom: 5px;
}
.share-project.overlay-content .link-security .identity-settings .security-accordian.identity .domain-text-wrap {
  width: 100%;
  position: relative;
}
.share-project.overlay-content .link-security .identity-settings .security-accordian.identity .domain-text-wrap .limit-domain-input {
  width: 100%;
  margin-bottom: 15px;
}
.share-project.overlay-content .link-security .identity-settings .security-accordian.identity .domain-text-wrap .limit-domain-input.invalid {
  background: #FFB961;
}
.share-project.overlay-content .link-security .time-limit .dates {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.share-project.overlay-content .link-security .time-limit .dates .time {
  margin: 20px;
}
.share-project.overlay-content .link-security .time-limit .dates .time label {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  margin-bottom: 10px;
}
.share-project.overlay-content .link-security .ip-filter-section .ip-filter {
  width: 100%;
}
.share-project.overlay-content .link-security .ip-filter-section .ip-filter .empty-filters {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
}
.share-project.overlay-content .link-security .ip-filter-section .ip-filter .empty-filters label:first-child {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}
.share-project.overlay-content .link-security .ip-filter-section .ip-filter .empty-filters div {
  margin-bottom: 10px;
}
.share-project.overlay-content .link-security .ip-filter-section .add-more {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
}
.share-project.overlay-content .link-security .ip-filter-section .filter {
  width: 100%;
}
.share-project.overlay-content .link-security .ip-filter-section .filter-all {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #EAEAEA;
}
.share-project.overlay-content .link-security .ip-filter-section .settings-link {
  color: #00857b;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 13px;
  cursor: pointer;
}
.share-project.overlay-content .link-security .ip-filter-section .settings-link .arrow-right svg {
  fill: #00A99D !important;
  height: 12px;
  margin-bottom: -2px;
}
.share-project.overlay-content .link-security .link-security-header {
  margin-top: -13px;
  margin-bottom: 15px;
}
.share-project.overlay-content .link-security .security-item .toggle-button-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.share-project.overlay-content .link-security .security-item .toggle-button-group .icon {
  margin-right: 10px;
  fill: #81a2b2;
}
.share-project.overlay-content .link-security .security-item .security-accordian {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0 10px;
  border-bottom: 1px solid #EAEAEA;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"],
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"],
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"] {
  padding-left: 15px;
  width: 126px;
  height: 46px;
  border: 1px solid #EAEAEA;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]::-webkit-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]::-webkit-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]::-webkit-input-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]:-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]:-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]:-moz-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]::-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]::-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]::-moz-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]:-ms-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]:-ms-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]:-ms-input-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]::-webkit-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]::-webkit-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]::-webkit-input-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]:-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]:-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]:-moz-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]::-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]::-moz-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]::-moz-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item .security-accordian input[type="password"]:-ms-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="text"]:-ms-input-placeholder,
.share-project.overlay-content .link-security .security-item .security-accordian input[type="number"]:-ms-input-placeholder {
  color: #8c8c8c;
  font-family: "calibre-legacy", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.share-project.overlay-content .link-security .security-item:last-child {
  margin-bottom: 15px;
}
.share-project.overlay-content .promote {
  position: relative;
}
.share-project.overlay-content .promote .share-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 20px;
}
.share-project.overlay-content .promote .share-buttons .share-button {
  margin: 0 5px;
}
.share-project.overlay-content .promote .share-buttons .share-button svg {
  width: 38px;
  height: 38px;
  border-radius: 19px;
}
.share-project.overlay-content .promote.disabled .share-button svg rect {
  fill: rgba(129, 162, 178, 0.25);
}
.share-project.overlay-content .promote .disabled-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.share-project.overlay-content .sharing-settings {
  width: 100%;
}
.share-project.overlay-content .sharing-settings .sharing-settings__header {
  margin-top: -13px;
  margin-bottom: 15px;
}
.share-project.overlay-content .sharing-settings .sharing-settings__item .sharing-settings__toggle-button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.share-project.overlay-content .sharing-settings .sharing-settings__item .sharing-settings__toggle-button .icon {
  margin-right: 10px;
  fill: #81a2b2;
}
.share-project.overlay-content .sharing-settings .sharing-settings__item:last-child {
  margin-bottom: 15px;
}
.share-project.overlay-content .main-content {
  width: 320px;
  position: relative;
}
.share-project.overlay-content .project-name {
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 15px;
  height: initial;
}
.share-project.overlay-content .draft-live-toggle {
  margin-bottom: 10px;
}
.share-project.overlay-content .tooltip {
  text-transform: none;
}
.share-project.overlay-content .tooltip .tooltip-inner {
  font-size: 14px;
  line-height: 19px;
  max-width: 250px;
  width: 250px;
  padding: 15px;
  word-wrap: break-word;
}
.share-project.overlay-content .tooltip .tooltip-inner a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.share-project.overlay-content .share-component.ng-enter {
  -webkit-animation: fadeInUp 0.3s ease, X;
  -moz-animation: fadeInUp 0.3s ease, X;
  -o-animation: fadeInUp 0.3s ease, X;
  animation: fadeInUp 0.3s ease, X;
  -webkit-animation: fadeInUp 0.3s ease;
  -moz-animation: fadeInUp 0.3s ease;
  -o-animation: fadeInUp 0.3s ease;
  animation: fadeInUp 0.3s ease;
}
.share-project.overlay-content .subdomain-container {
  margin-top: -50px;
}
.share-project.overlay-content .project-name-container {
  position: relative;
}
.share-project.overlay-content .project-name-container:hover .project-name {
  background: none;
  border-bottom-color: #83A2B4;
}
.share-project.overlay-content .project-name-container:hover .project-name:focus {
  border-bottom-color: #3DB9FC;
}
.share-project.overlay-content .header-content {
  margin-bottom: 27px;
}
.share-project.overlay-content .status-and-promote {
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  margin: 32px -20px 24px -20px;
  padding: 10px 20px 0 20px;
  position: relative;
}
.share-project.overlay-content .status-and-promote .status-box {
  min-height: 36px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.share-project.overlay-content .status-and-promote .status-box .status-message {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 14px;
  font-family: "calibre-legacy", sans-serif;
}
.share-project.overlay-content .status-and-promote .status-box .status-message .draft {
  color: rgba(129, 162, 178, 0.5);
}
.share-project.overlay-content .status-and-promote .status-box .status-message .draft .icon {
  font-size: 18px;
}
.share-project.overlay-content .status-and-promote .status-box .status-message .live {
  color: rgba(48, 58, 73, 0.75);
}
.share-project.overlay-content .status-and-promote .status-box .status-message .live .icon {
  font-size: 18px;
  color: #ffce53;
}
.share-project.overlay-content .status-and-promote .status-box .status-message .accepted {
  color: rgba(48, 58, 73, 0.75);
}
.share-project.overlay-content .status-and-promote .status-box .status-message .accepted .icon {
  font-size: 18px;
  color: #00857b;
}
.share-project.overlay-content .status-and-promote .status-box .status-message .disabled {
  color: rgba(48, 58, 73, 0.75);
}
.share-project.overlay-content .status-and-promote .status-box .status-message .disabled .icon {
  font-size: 18px;
  color: #D71939;
}
.share-project.overlay-content .status-and-promote .status-box .status-message .draft .icon,
.share-project.overlay-content .status-and-promote .status-box .status-message .live .icon,
.share-project.overlay-content .status-and-promote .status-box .status-message .accepted .icon,
.share-project.overlay-content .status-and-promote .status-box .status-message .disabled .icon {
  vertical-align: sub;
}
.share-project.overlay-content .status-and-promote .status-box .status-message .draft .text,
.share-project.overlay-content .status-and-promote .status-box .status-message .live .text,
.share-project.overlay-content .status-and-promote .status-box .status-message .accepted .text,
.share-project.overlay-content .status-and-promote .status-box .status-message .disabled .text {
  vertical-align: middle;
}
.share-project.overlay-content .status-and-promote .status-box .draft-live-toggle {
  margin-bottom: 0;
}
.share-project.overlay-content .link-preview-image {
  height: 165px;
}
.share-project.overlay-content .share-section {
  margin-bottom: 8px;
}
.share-project.overlay-content .share-section .info {
  font-family: "calibre-legacy", sans-serif;
  font-size: 16px;
  line-height: 19px;
}
.share-project.overlay-content .share-section .icon {
  margin-bottom: -2px;
}
.share-project .help-hint {
  margin: 30px 0;
  text-align: center;
  font-size: 12px;
  color: #a0b1b9;
}
.share-project .help-hint a {
  color: #339d95;
  border-bottom-width: 1px;
}
.share-project .help-hint a:hover {
  border-bottom-width: 2px;
}
.share-project .disabledSecurity {
  pointer-events: none;
  opacity: 0.5;
}
.share-project .disabledSharing {
  pointer-events: none;
  opacity: 0.5;
}
.share-project .disabledLinkPreview {
  pointer-events: none;
  opacity: 0.5;
}
.auto-link-expiry__number-input-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.auto-link-expiry__number-input-container {
  flex-basis: 80px;
}
.auto-link-expiry__slate_label {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #47535d;
}
.auto-link-expiry__expiry-date-label {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgba(71, 83, 93, 0.8);
}
.kl-opt-in-lowercase-label .auto-link-expiry__expiry-date-label {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.auto-link-expiry__time-expiry-prompt {
  margin-bottom: 8px;
}
.auto-link-expiry__time-expiry-prompt__time-expiry-content > div {
  padding-bottom: 8px;
}
.auto-link-expiry__time-expiry-prompt__warning {
  font-style: italic;
}
.share-popover__popover-content {
  overflow: hidden;
  transition: height 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.share-popover__popover-panel {
  padding: 4px;
  width: 310px;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.share-popover__popover-panel--secondary {
  transform: translate3d(100%, 0, 0);
}
.share-popover__popover-panel--entering,
.share-popover__popover-panel--entered {
  opacity: 1;
  transform: none;
}
.share-popover__popover-panel .password-protect-warning {
  margin-top: 8px;
}
.share-popover__popover-panel .other-settings__springboard-menu {
  margin-bottom: 8px;
}
.share-popover__popover-panel .authentication-toggle {
  margin-bottom: 8px;
}
.share-popover__popover-panel .email-authentication-checkbox {
  margin: 8px 0;
}
.share-popover__link-preview-card {
  height: 158.04666667px;
  margin-bottom: 16px;
}
.share-popover__separator {
  border: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.share-popover__share-on-socials-container {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  padding: 12px 0;
  margin-bottom: 16px;
}
.link-preview-settings__header {
  margin-top: -13px;
  margin-bottom: 40px;
}
.link-preview-settings__image {
  height: 165px;
}
.link-preview-settings__image-buttons-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px;
}
.link-preview-settings__link-container {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.link-preview-settings__link-container--upsell {
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  text-align: center;
}
.link-preview-settings__link-container--ghost {
  flex-direction: column;
  width: 100%;
}
.link-preview-settings__link-container--ghost-lower {
  width: 40%;
  margin: 8px auto;
}
.link-preview-image-button {
  height: 77px;
}
.link-preview-image-button__background {
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}
.link-preview-image-button__overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: inherit;
  height: 100%;
  border-radius: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: none;
}
.link-preview-image-button__overlay--is-current {
  display: flex;
}
.link-preview-image-button__overlay--tick-icon {
  color: white;
}
.share-project-with-team {
  margin-top: 80px !important;
}
.share-project-with-team .main-content {
  position: relative;
}
.share-project-with-team .main-content .title {
  text-align: center;
  height: 13px;
  opacity: 0.75;
  color: #81A2B2;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: -10px;
  margin-bottom: 10px;
}
.share-project-with-team .main-content .project-name-container {
  position: relative;
}
.share-project-with-team .main-content .project-name-container .project-name {
  padding: 0 0 5px;
  margin-bottom: 15px;
  height: initial;
}
.share-project-with-team .main-content .project-name-container .pencil-icon {
  position: absolute;
  right: 4px;
  top: 2px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  fill: #CEDBE0;
}
.share-project-with-team .main-content .project-name-container .pencil-icon svg {
  width: 19px;
  height: 19px;
}
.share-project-with-team .main-content .project-name-container:hover .project-name {
  background: none;
  border-bottom-color: #83A2B4;
}
.share-project-with-team .main-content .project-name-container:hover .project-name:focus {
  border-bottom-color: #3DB9FC;
}
.share-project-with-team .main-content .project-name-container:hover .pencil-icon {
  fill: #83A2B4;
}
.share-project-with-team .team-share-settings .search-input {
  height: 46px;
  width: 401px;
  border: 1px solid #81A2B2;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 11px center;
  padding-left: 58px;
  margin-top: 20px;
}
.share-project-with-team .team-share-settings .search-input .placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
}
.share-project-with-team .team-share-settings .search-input::-webkit-input-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
}
.share-project-with-team .team-share-settings .search-input::-moz-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
}
.share-project-with-team .team-share-settings .search-input::-ms-input-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
}
.share-project-with-team .team-share-settings .search-input:-moz-placeholder {
  opacity: 0.8;
  color: #375B6D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 13px;
  font-style: normal;
}
.share-project-with-team .team-share-settings .permissions-dropdown-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.share-project-with-team .team-share-settings .permissions-dropdown-wrapper .simple-dropdown {
  width: 100px;
  font-size: 10px;
}
.share-project-with-team .team-share-settings .permissions-dropdown-wrapper .simple-dropdown.disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.share-project-with-team .team-share-settings .permissions-dropdown-wrapper.disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.share-project-with-team .team-share-settings .permissions-dropdown-wrapper.hideDropdown {
  cursor: default;
  opacity: 0;
  pointer-events: none;
}
.share-project-with-team .team-share-settings .permissions-checkbox.disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.share-project-with-team .team-share-settings .team-member-container {
  width: 410px;
  padding-right: 10px;
  margin-left: 5px;
  max-height: 280px;
  overflow-y: scroll;
}
.share-project-with-team .team-share-settings .team-member-container .team-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 5px;
  cursor: pointer;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .account-icon {
  width: 57px;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .caret {
  margin-left: -32px;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .team-title {
  display: flex;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .team-title .member-name {
  line-height: 32px;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .team-title svg {
  width: 32px;
  height: 32px;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .member-name {
  width: 100%;
  font-size: 11px;
  color: #375B6D;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1px;
  padding-left: 18px;
  user-select: none;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .controls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.share-project-with-team .team-share-settings .team-member-container .team-row .controls.disabled {
  cursor: default;
  pointer-events: none;
}
.share-project-with-team .team-share-settings .separator {
  height: 20px;
  margin-top: 5px;
}
.share-project-with-team .team-share-settings .separator .line {
  border: 1px solid white;
  height: 20px;
  box-shadow: 0 -5px 3px -5px rgba(0, 0, 0, 0.15);
}
.share-project-with-team .team-share-settings .button-primary {
  margin: 20px auto 0;
  letter-spacing: 1px;
  font-size: 13px;
  width: max-content;
}
.permissions-dropdown-options {
  min-width: 95px;
  width: 95px;
  border: 1px solid #e6e6e6;
  border-top: none;
  box-shadow: none;
  margin-top: -5px;
}
.permissions-dropdown-options .dropdown-options-list {
  padding: 0;
}
.permissions-dropdown-options .dropdown-options-list .label.single-select {
  color: #879EA9;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1px;
  padding: 10px;
  margin: 0;
}
.permissions-dropdown-options .dropdown-options-list .label.single-select:hover {
  background-color: rgba(129, 162, 178, 0.1);
}
.permissions-dropdown-options .dropdown-options-list .label.single-select.active {
  font-size: 10px;
  font-weight: 600;
}
.onboarding-navigation {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 16px 4px;
}
.onboarding-navigation--fixed {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
  position: fixed;
}
.onboarding-navigation--absolute {
  position: absolute;
}
.onboarding-navigation__section {
  width: 33%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.onboarding-navigation__section--left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.onboarding-navigation__section--center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.onboarding-navigation__section--right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.onboarding-navigation__logo svg {
  pointer-events: none;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 25px;
  width: 50px;
  height: 50px;
}
.onboarding-navigation__left-section {
  display: flex;
  align-items: center;
}
.onboarding-navigation__back-button {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .onboarding-navigation__back-button {
    display: none;
  }
}
.census-collector {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 20px 20px 0 20px;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
}
.census-collector__personal-details {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.census-collector__personal-details .form__button {
  z-index: 2;
}
.census-collector__personal-details--expand .form__button {
  margin-left: -160px;
  -webkit-animation: onboarding-form-button-expand, X;
  -moz-animation: onboarding-form-button-expand, X;
  -o-animation: onboarding-form-button-expand, X;
  animation: onboarding-form-button-expand, X;
  -webkit-animation: onboarding-form-button-expand;
  -moz-animation: onboarding-form-button-expand;
  -o-animation: onboarding-form-button-expand;
  animation: onboarding-form-button-expand;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.census-collector__personal-details--shrink .form__button {
  -webkit-animation: onboarding-form-button-shrink, X;
  -moz-animation: onboarding-form-button-shrink, X;
  -o-animation: onboarding-form-button-shrink, X;
  animation: onboarding-form-button-shrink, X;
  -webkit-animation: onboarding-form-button-shrink;
  -moz-animation: onboarding-form-button-shrink;
  -o-animation: onboarding-form-button-shrink;
  animation: onboarding-form-button-shrink;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.census-collector__personal-details .dropdown .panel {
  z-index: 3;
}
.census-collector__personal-details .census-collector__header {
  display: grid;
  grid-gap: 8px;
}
.census-collector__personal-details .option-group__content {
  background-color: white;
}
.census-collector__personal-details .form--kl {
  padding: 0;
}
.census-collector__personal-details .form--kl.form--wide {
  max-width: 400px;
  width: 100%;
}
.census-collector__demo-button {
  position: absolute;
  bottom: 0;
  margin-left: 170px;
  z-index: 1;
}
.census-collector .onboarding-demo-button-transition-enter {
  -webkit-animation: onboarding-demo-button-enter, X;
  -moz-animation: onboarding-demo-button-enter, X;
  -o-animation: onboarding-demo-button-enter, X;
  animation: onboarding-demo-button-enter, X;
  -webkit-animation: onboarding-demo-button-enter;
  -moz-animation: onboarding-demo-button-enter;
  -o-animation: onboarding-demo-button-enter;
  animation: onboarding-demo-button-enter;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.census-collector .onboarding-demo-button-transition-leave {
  -webkit-animation: onboarding-demo-button-leave, X;
  -moz-animation: onboarding-demo-button-leave, X;
  -o-animation: onboarding-demo-button-leave, X;
  animation: onboarding-demo-button-leave, X;
  -webkit-animation: onboarding-demo-button-leave;
  -moz-animation: onboarding-demo-button-leave;
  -o-animation: onboarding-demo-button-leave;
  animation: onboarding-demo-button-leave;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@keyframes onboarding-demo-button-enter {
  0% {
    margin-left: -160px;
    opacity: 0;
  }
  100% {
    margin-left: 0;
    opacity: 1;
  }
}
@keyframes onboarding-demo-button-leave {
  0% {
    margin-left: 0;
    opacity: 1;
  }
  100% {
    margin-left: -160px;
    opacity: 0;
  }
}
@keyframes onboarding-form-button-expand {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -160px;
  }
}
@keyframes onboarding-form-button-shrink {
  0% {
    margin-left: -160px;
  }
  100% {
    margin-left: 0;
  }
}
.census-collector .onboarding-page-uniform-transition-appear .census-collector__demo-button,
.census-collector .onboarding-page-uniform-transition-enter .census-collector__demo-button {
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
@media (prefers-reduced-motion: reduce) {
  .census-collector .onboarding-page-uniform-transition-appear .census-collector__demo-button,
  .census-collector .onboarding-page-uniform-transition-enter .census-collector__demo-button {
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.census-collector .onboarding-page-uniform-transition-appear-active .census-collector__demo-button,
.census-collector .onboarding-page-uniform-transition-enter-active .census-collector__demo-button {
  opacity: 1;
  transform: none;
}
.census-collector .onboarding-page-uniform-transition-appear-active .census-collector__demo-button,
.census-collector .onboarding-page-uniform-transition-enter-active .census-collector__demo-button {
  transition-delay: calc((var(--index) * 0.1s) + 1s);
}
.census-collector .onboarding-page-uniform-transition-leave .personal-details-form__form > *,
.census-collector .onboarding-page-uniform-transition-leave .census-collector__demo-button {
  transform: none;
  opacity: 1;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *,
.census-collector .onboarding-page-uniform-transition-leave-active .census-collector__demo-button {
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, -10%, 0);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *,
  .census-collector .onboarding-page-uniform-transition-leave-active .census-collector__demo-button {
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.census-collector .onboarding-page-uniform-transition-leave-active .census-collector__demo-button {
  transition-delay: calc(var(--index) * 0.1s);
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(1) {
  transition-delay: 0;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(2) {
  transition-delay: 0.1s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(3) {
  transition-delay: 0.2s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(4) {
  transition-delay: 0.3s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(5) {
  transition-delay: 0.4s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(6) {
  transition-delay: 0.5s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(7) {
  transition-delay: 0.6s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .personal-details-form__form > *:nth-child(8) {
  transition-delay: 0.7s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(1) {
  transition-delay: 1s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(2) {
  transition-delay: 1.1s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(3) {
  transition-delay: 1.2s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(4) {
  transition-delay: 1.3s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(5) {
  transition-delay: 1.4s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(6) {
  transition-delay: 1.5s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(7) {
  transition-delay: 1.6s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active:nth-child(8) {
  transition-delay: 1.7s;
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear {
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
.census-collector .personal-details-form__form > *.personal-details-form__field-transition-appear-active {
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  transform: none;
}
.census-collector .census-collector__header-transition-appear {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 1s;
  opacity: 0;
}
.census-collector .census-collector__header-transition-appear-active {
  opacity: 1;
}
.census-collector .personal-details-form__form {
  width: 100%;
  max-width: 400px;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .census-collector .personal-details-form__form {
    margin-top: 0;
  }
}
.census-collector .personal-details-form__field {
  margin-top: 24px;
}
.census-collector .personal-details-form__field--reduced-gap {
  margin-top: 8px;
}
.census-collector .personal-details-form__field--expandable {
  transition: height var(--duration) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration) cubic-bezier(0.4, 0, 0.2, 1), margin var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 0;
}
.census-collector .personal-details-form__field--expandable.personal-details-form__field--entering,
.census-collector .personal-details-form__field--expandable.personal-details-form__field--entered {
  margin-top: 24px;
}
.census-collector .personal-details-form__field--expandable.personal-details-form__field--expandable--entering,
.census-collector .personal-details-form__field--expandable.personal-details-form__field--expandable--entered {
  margin-top: 8px;
}
.census-collector .personal-details-form__field:first-child {
  margin-top: 0;
}
.census-collector .personal-details-form__button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}
.census-collector .personal-details-form__button {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  margin-top: 16px;
}
.census-collector__invite-team {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.census-collector__invite-team .census-collector__header {
  display: grid;
  grid-gap: 8px;
  max-width: 480px;
}
.census-collector__invite-team .form--kl {
  padding: 0;
}
.census-collector__invite-team .form--kl.form--wide {
  max-width: 400px;
  width: 100%;
}
.census-collector .onboarding-page-uniform-transition-leave .invite-team-form__form > * {
  transform: none;
  opacity: 1;
}
.census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > * {
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, -10%, 0);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > * {
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > *:nth-child(1) {
  transition-delay: 0;
}
.census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > *:nth-child(2) {
  transition-delay: 0.1s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > *:nth-child(3) {
  transition-delay: 0.2s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > *:nth-child(4) {
  transition-delay: 0.3s;
}
.census-collector .onboarding-page-uniform-transition-leave-active .invite-team-form__form > *:nth-child(5) {
  transition-delay: 0.4s;
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear-active:nth-child(1) {
  transition-delay: 1s;
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear-active:nth-child(2) {
  transition-delay: 1.1s;
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear-active:nth-child(3) {
  transition-delay: 1.2s;
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear-active:nth-child(4) {
  transition-delay: 1.3s;
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear-active:nth-child(5) {
  transition-delay: 1.4s;
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear {
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
.census-collector .invite-team-form__form > *.invite-team-form__field-transition-appear-active {
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  transform: none;
}
.census-collector .census-collector__header-transition-appear {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 1s;
  opacity: 0;
}
.census-collector .census-collector__header-transition-appear-active {
  opacity: 1;
}
.census-collector .invite-team-form__form {
  width: 100%;
  max-width: 400px;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .census-collector .invite-team-form__form {
    margin-top: 0;
  }
}
.census-collector .invite-team-form__field {
  margin-top: 16px;
}
.census-collector .invite-team-form__field--reduced-gap {
  margin-top: 8px;
}
.census-collector .invite-team-form__field:first-child {
  margin-top: 0;
}
.census-collector .invite-team-form__button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}
.census-collector .invite-team-form__button {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  margin-top: 16px;
}
.census-collector .invite-team-form__skip-button {
  margin-top: 24px;
}
.census-collector .cutscene__outer {
  position: fixed;
  inset: 0;
  display: grid;
  place-content: center;
  place-items: center;
  grid-template-columns: minmax(0, 400px);
  padding: 8px;
  text-align: center;
  gap: 16px;
  overflow: hidden;
}
.census-collector .cutscene__logo-wrapper {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.census-collector .cutscene__logo-wrapper--exiting {
  opacity: 0;
  transform: translate3d(0, -10%, 0);
}
@keyframes intro-logo {
  0% {
    transform: translate3d(0, 100%, 0) scale(0.8);
    opacity: 0;
  }
  50% {
    transform: translate3d(0, 100%, 0);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.census-collector .cutscene__logo {
  --size: 84px;
  width: var(--size);
  height: var(--size);
  border-radius: var(--size);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 20px 36px -10px rgba(0, 30, 51, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.06), 0px 8px 20px -6px rgba(0, 30, 51, 0.06);
  display: grid;
  place-content: center;
  transform: translate3d(0, 100%, 0);
  animation: intro-logo 2.5s cubic-bezier(0.4, 0, 0, 1) forwards;
  transform-origin: center;
}
.census-collector .cutscene__heading {
  white-space: pre;
}
.census-collector .cutscene__heading-letter {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 30%, 0);
  transition: transform 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.89), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.census-collector .cutscene__heading-letter--entering,
.census-collector .cutscene__heading-letter--entered {
  transform: none;
  opacity: 1;
  transition-delay: calc(1.6s + var(--delay) + var(--line-delay));
}
.census-collector .cutscene__heading-letter--exiting {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, -10%, 0);
  opacity: 0;
  transition-delay: var(--delay);
}
.census-collector .spheres-background {
  --intensity: 0;
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.census-collector .spheres-background[data-pulse="true"] {
  opacity: calc(0.65 + var(--intensity) * 0.5);
  filter: saturate(calc(1 + var(--intensity)));
  transition-duration: 0.3s;
}
.census-collector .spheres-background--entering,
.census-collector .spheres-background--entered {
  opacity: 0.65;
}
.census-collector .spheres-background__noise-overscroll {
  /**
      * Ensures the noise blend mode activates on iOS,
      * and that when over-scrolling, the noise background
      * is covered.
      */
  position: fixed;
  inset: 0;
  background: linear-gradient(rgba(129, 162, 178, 0.05), rgba(129, 162, 178, 0.05)), linear-gradient(white, white);
}
.census-collector .spheres-background__noise {
  position: fixed;
  inset: 0;
  background: url("/Assets/Images/onboarding/noise.png") repeat;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
@keyframes sphere-1 {
  0% {
    transform: rotate(0deg) translate3d(0%, 0%, 0);
  }
  25% {
    transform: rotate(24deg) translate3d(16%, 23%, 0);
  }
  50% {
    transform: rotate(6deg) translate3d(-8%, 32%, 0);
  }
  75% {
    transform: rotate(2deg) translate3d(-12%, 7%, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0%, 0%, 0);
  }
}
@keyframes sphere-2 {
  0% {
    transform: rotate(0deg) translate3d(0%, 0%, 0);
  }
  25% {
    transform: rotate(-16deg) translate3d(8%, -5%, 0);
  }
  50% {
    transform: rotate(6deg) translate3d(-20%, -12%, 0);
  }
  75% {
    transform: rotate(2deg) translate3d(2%, 8%, 0);
  }
  100% {
    transform: rotate(0deg) translate3d(0%, 0%, 0);
  }
}
.census-collector .spheres-background__sphere {
  --offset-x-multiplier: 1;
  --offset-y-multiplier: 1;
  grid-area: 1 / 1;
  display: grid;
  transition: transform 0.4s cubic-bezier(0.3, 1, 0.2, 1);
  width: max(64vw, 64vh);
  height: max(58vw, 58vh);
  position: relative;
  transform: translate3d(calc(var(--offset-x) * var(--offset-x-multiplier)), calc(var(--offset-y) * var(--offset-y-multiplier)), 0);
}
.census-collector .spheres-background__sphere:nth-child(1) {
  --offset-x-multiplier: -1.1;
  --offset-y-multiplier: 0.8;
}
.census-collector .spheres-background__sphere:nth-child(2) {
  --offset-x-multiplier: 0.6;
  --offset-y-multiplier: 1.6;
}
.census-collector .spheres-background__sphere:nth-child(3) {
  --offset-x-multiplier: 0.9;
  --offset-y-multiplier: -1;
}
.census-collector .spheres-background__sphere:nth-child(4) {
  --offset-x-multiplier: 0.8;
  --offset-y-multiplier: -0.9;
}
.census-collector .spheres-background__sphere-inner {
  --intensity-multiplier: 0.18;
  grid-area: 1 / 1;
  display: grid;
  transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.census-collector .spheres-background__sphere-inner::before {
  content: "";
  opacity: 0.4;
}
.census-collector .spheres-background__sphere-inner--1 {
  transform: translate3d(-20vw, -10vw, 0);
}
.census-collector .spheres-background__sphere-inner--1::before {
  background: radial-gradient(50% 50% at 50% 50%, #ffc531 0%, rgba(255, 197, 49, 0) 100%);
  animation: sphere-1 6s linear infinite;
}
.census-collector .spheres-background__sphere-inner--2 {
  transform: translate3d(14vw, -20vw, 0);
}
.census-collector .spheres-background__sphere-inner--2::before {
  background: radial-gradient(50% 50% at 50% 50%, #0bdac9 0%, rgba(11, 218, 201, 0) 100%);
  animation: sphere-2 6s linear -2s infinite;
}
.census-collector .spheres-background__sphere-inner--3 {
  transform: translate3d(16vw, 12vw, 0);
}
.census-collector .spheres-background__sphere-inner--3::before {
  background: radial-gradient(50% 50% at 50% 50%, #4cb4ff 0%, rgba(76, 180, 255, 0) 100%);
  animation: sphere-2 6s linear infinite;
}
.census-collector .spheres-background__sphere-inner--4 {
  transform: translate3d(-12vw, 16vw, 0);
}
.census-collector .spheres-background__sphere-inner--4::before {
  background: radial-gradient(50% 50% at 50% 50%, #ff4c6b 0%, rgba(255, 76, 107, 0) 100%);
  animation: sphere-1 6s linear -4s infinite;
}
.census-collector .spheres-background[data-pulse="true"] .spheres-background__sphere-inner {
  transition-duration: 0.4s;
}
.census-collector .spheres-background--personal-details .spheres-background__sphere-inner--1 {
  transform: translate3d(-50vw, 36vh, 0) scale(calc(1 + var(--intensity) * var(--intensity-multiplier)));
}
.census-collector .spheres-background--personal-details .spheres-background__sphere-inner--2 {
  transform: translate3d(40vw, -60vh, 0) scale(calc(1 + var(--intensity) * var(--intensity-multiplier)));
}
.census-collector .spheres-background--personal-details .spheres-background__sphere-inner--3 {
  transform: translate3d(60vw, -40vh, 0) scale(calc(1 + var(--intensity) * var(--intensity-multiplier)));
}
.census-collector .spheres-background--personal-details .spheres-background__sphere-inner--4 {
  transform: translate3d(-10vw, 45vh, 0) scale(calc(1 + var(--intensity) * var(--intensity-multiplier)));
}
.census-collector__page {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: margin 0.15s ease-out, X;
  -moz-transition: margin 0.15s ease-out, X;
  -o-transition: margin 0.15s ease-out, X;
  transition: margin 0.15s ease-out, X;
  -webkit-transition: margin 0.15s ease-out;
  -moz-transition: margin 0.15s ease-out;
  -o-transition: margin 0.15s ease-out;
  transition: margin 0.15s ease-out;
  margin-top: 94px;
}
@media only screen and (max-height: 800px) {
  .census-collector__page {
    margin-top: 54px;
  }
}
@media only screen and (max-height: 600px) {
  .census-collector__page {
    margin-top: 14px;
  }
}
.census-collector__page-container {
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.census-collector__transition-group {
  display: grid;
  align-items: start;
}
.census-collector__transition-group > * {
  grid-area: 1 / 1;
}
.census-collector__title {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  font-size: 48px;
  text-align: center;
  color: #242c39;
}
.census-collector__subtitle {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  text-align: center;
}
.census-collector__description {
  color: #47535d;
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}
.census-collector__header--one-liner .census-collector__title {
  text-align: left;
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
}
.census-collector__header--one-liner .census-collector__description {
  text-align: left;
}
.census-collector__header {
  max-width: 320px;
  margin-bottom: 16px;
}
.census-collector__header--wide {
  max-width: 400px;
  margin-bottom: 40px;
}
.census-collector__header--extra-wide {
  max-width: 100%;
  margin-bottom: 40px;
}
.census-collector__header--extra-wide > .census-collector__title {
  padding-bottom: 0;
}
.census-collector__header--one-liner {
  width: 100%;
  margin-bottom: 16px;
}
.census-collector__submit {
  margin: 0 auto;
}
.census-collector__nav-wrapper-enter {
  opacity: 0;
}
.census-collector__nav-wrapper-enter-active {
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.census-collector__nav-wrapper-exit {
  opacity: 1;
}
.census-collector__nav-wrapper-exit-active {
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.onboarding-page-uniform-transition-appear .census-collector__header,
.onboarding-page-uniform-transition-enter .census-collector__header {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 1s;
  opacity: 0;
}
.onboarding-page-uniform-transition-appear-active .census-collector__header,
.onboarding-page-uniform-transition-enter-active .census-collector__header {
  opacity: 1;
}
.onboarding-page-uniform-transition-leave .census-collector__header {
  opacity: 1;
}
.onboarding-page-uniform-transition-leave-active .census-collector__header {
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.tour-panel {
  position: relative;
  width: 380px;
  color: white;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .tour-panel {
    transition: none;
  }
}
.tour-panel .rainbow-bar {
  position: absolute;
  z-index: 2;
}
.tour-panel__description {
  margin-bottom: 24px;
}
.tour-panel__description .tour-strong {
  color: white;
}
.tour-panel__content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 22px 16px 16px;
  border-radius: 8px;
  min-height: 60px;
}
.tour-panel__content {
  margin-top: 8px;
  transition: height var(--duration) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration) cubic-bezier(0.4, 0, 0.2, 1), margin var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.tour-panel__content--exiting,
.tour-panel__content--exited {
  margin-top: 0;
}
.tour-panel__step-content-wrapper {
  position: relative;
  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.tour-panel__step-content {
  position: absolute;
  bottom: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.tour-panel__step-content--exiting,
.tour-panel__step-content--exited {
  opacity: 0;
}
.tour-panel__background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-radius: 8px;
  background-size: cover;
  background-image: url('/Assets/Images/tours/tour-panel-bg.png');
}
.tour-panel__background--bottom {
  background-position-y: bottom;
}
.tour-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tour-panel__video {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.tour-panel__video:hover .tour-panel__video-controls,
.tour-panel__video:focus-within .tour-panel__video-controls,
.tour-panel__video--paused .tour-panel__video-controls {
  opacity: 1;
  transform: none;
}
.tour-panel__video-element {
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 4px;
}
.tour-panel__video-controls {
  display: flex;
  gap: 4px;
  opacity: 0;
  transform: scale(0.8);
  background-color: rgba(0, 30, 51, 0.9);
  position: absolute;
  padding: 4px;
  border-radius: 4px;
  bottom: 8px;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
}
@media (prefers-reduced-motion: reduce) {
  .tour-panel__video-controls {
    transition: none;
  }
}
.tour-panel__video-controls-button {
  color: white;
}
.tour-panel__actions {
  position: absolute;
  display: flex;
  right: 8px;
}
.tour-panel__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tour-panel__up-next {
  display: flex;
  position: relative;
  align-items: center;
  gap: 24px;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  background: rgba(255, 255, 255, 0.1);
}
.tour-panel__up-next-thumbnail {
  height: 100px;
  width: auto;
}
.tour-panel__up-next-text-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ellipsis-slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.ellipsis-slider__container,
.ellipsis-slider__ellipsis {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.ellipsis-slider__ellipsis {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  border-radius: 50%;
  color: #47535d;
  cursor: pointer;
  position: relative;
}
.ellipsis-slider__ellipsis[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.ellipsis-slider__ellipsis::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.ellipsis-slider__ellipsis:focus {
  outline-color: #1099FC;
}
.ellipsis-slider__ellipsis:focus::after {
  outline-color: white;
}
.ellipsis-slider__ellipsis:focus:not(:focus-visible),
.ellipsis-slider__ellipsis:active {
  outline-color: transparent;
}
.ellipsis-slider__ellipsis:focus:not(:focus-visible)::after,
.ellipsis-slider__ellipsis:active::after {
  outline-color: transparent;
}
.ellipsis-slider__ellipsis::-moz-focus-inner {
  border: 0;
}
.ellipsis-slider__ellipsis--current {
  background-color: #1099FC;
}
.ellipsis-slider__ellipsis::before {
  content: '';
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}
.tour-panel-host {
  position: fixed;
  bottom: 20px;
  right: 16px;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate3d(0, 40px, 0);
}
@media (prefers-reduced-motion: reduce) {
  .tour-panel-host {
    transition: none;
  }
}
.tour-panel-host--entering,
.tour-panel-host--entered {
  opacity: 1;
  transform: none;
}
.tour-underlay {
  position: fixed;
  background: white;
  top: 0;
  left: 0;
  inset: 0;
  transition: all 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  opacity: 0;
}
.tour-underlay--entering,
.tour-underlay--entered {
  opacity: 0.9;
}
.tour-confetti {
  position: fixed !important;
  inset: unset !important;
  bottom: 0 !important;
  right: 0 !important;
  z-index: 1052 !important;
  aspect-ratio: 1 / 1;
}
.tour-confetti--exiting,
.tour-confetti--exited {
  transition: opacity 1s;
  opacity: 0;
}
.project-view .project-view-frame-container {
  /* TODO(Vishesh, 11-04-2018) Add loader in background */
}
.project-view .project-view-frame-container .project-view-iframe {
  width: 100%;
  position: fixed;
  height: calc(100vh - 60px);
}
.project-view .project-view-frame-container .project-view-iframe--with-info-banner {
  height: calc(100vh - 60px - 48px);
}
.project-info-banner {
  position: relative;
  width: 100%;
  height: 48px;
  top: 0;
  left: 0;
  background: #242c39;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-weight: bold;
}
.project-info-banner--center {
  justify-content: center;
}
.project-info-banner__locked-page-text {
  display: flex;
  align-items: center;
}
.project-info-banner__locked-page-link {
  margin-left: 10px;
  font-weight: 700;
  color: white;
}
.project-info-banner__locked-page-icon {
  margin-right: 5px;
}
.hubspot .contact-selection {
  height: 100vh;
  overflow: hidden;
}
.hubspot .contact-selection__nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  background: white;
}
.hubspot .contact-selection__nav-bar-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
}
.hubspot .contact-selection__back-btn {
  margin-right: 8px;
  background: none;
  cursor: pointer;
  color: #81a2b2;
  transition: color 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.hubspot .contact-selection__back-btn:hover {
  color: #47535d;
}
.hubspot .contact-selection__heading {
  margin-right: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #47535d;
  font-size: 18px;
  font-weight: 600;
}
.hubspot .contact-selection__title {
  text-align: center;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
}
.hubspot .contact-selection__description {
  text-align: center;
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
}
.hubspot .contact-selection__body {
  height: calc(100% - 60px);
  margin-top: 60px;
  overflow: auto;
}
.hubspot .contact-selection__body-content {
  width: 320px;
  margin: 40px auto 0 auto;
}
.hubspot .contact-selection__loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 2.5px solid rgba(0, 133, 123, 0.2);
  border-left: 2.5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
  margin: auto;
}
.hubspot .contact-selection__loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.hubspot .contact-selection__loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
}
.hubspot .contact-selection__error {
  margin-top: 16px;
  text-align: center;
  color: rgba(215, 25, 57, 0.87);
}
.hubspot .new-project {
  margin: 0 auto;
  padding: 0 50px;
}
.hubspot .new-project .header {
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.hubspot .new-project .header .branding {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hubspot .new-project .header .branding .logo {
  height: 35px;
}
.hubspot .new-project .header .branding .text {
  text-transform: uppercase;
  line-height: 35px;
  width: 115px;
  color: #81A2B2;
  font-size: 12px;
  text-align: right;
  margin-left: 10px;
}
.hubspot .new-project .header .create-button {
  height: 36px;
  width: 140px;
  border-radius: 2px;
  background-color: #81A2B2;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 36px;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
}
.hubspot .new-project .header .create-button .loading {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #fff;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 25px;
  height: 25px;
  margin-top: 5px;
}
.hubspot .new-project .header .create-button .loading:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 25px;
  height: 25px;
}
.hubspot .new-project .header .create-button .loading:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 25px;
  height: 25px;
}
.hubspot .new-project .content {
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 450px;
}
.hubspot .new-project .content .template-header {
  opacity: 0.7;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.hubspot .new-project .content .templates {
  max-height: 190px;
  overflow-y: auto;
  margin: 0 auto;
}
.hubspot .new-project .content .templates .template {
  max-width: 450px;
  color: #81A2B2;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  padding: 12px 18px;
  margin-top: 5px;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #fff;
}
.hubspot .new-project .content .templates .template:hover {
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 3px;
  background-color: #FFFFFF;
}
.hubspot .new-project .content .templates .template.selected {
  border: 1px solid #3EB9FF;
  background-color: rgba(62, 185, 255, 0.05);
  border-radius: 3px;
}
.hubspot .new-project .result {
  text-align: center;
  margin-top: 20px;
}
.hubspot .new-project .result .error {
  color: rgba(215, 25, 57, 0.87);
}
.hubspot .new-project .disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.hubspot .tokens .container {
  width: 900px;
  margin: 0 auto;
  padding: 50px;
}
.hubspot .tokens .container .header {
  font-size: 40px;
  color: #2980b9;
  margin-top: -90px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.hubspot .tokens .container .desc {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}
.hubspot .tokens .container .image {
  max-width: 400px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.hubspot .tokens .container .subheader {
  color: #34495e;
  font-size: 30px;
  margin: 15px 0;
  font-weight: 600;
}
.hubspot .tokens .container .tokens {
  font-size: 20px;
  line-height: 40px;
}
.hubspot .tokens .container .notes {
  margin: 20px 50px;
}
.hubspot .tokens .container .lowercase {
  text-transform: lowercase;
}
.hubspot .tokens .container .loading {
  text-align: center;
  padding: 20px 0 20px 0;
  text-transform: uppercase;
}
.hubspot .tokens .container .loading .text {
  margin: 10px 0 10px 0;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: rgba(0, 133, 123, 0.7);
}
.hubspot .tokens .container .loading .loader {
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  border: 5px solid rgba(0, 133, 123, 0.2);
  border-left: 5px solid #00857b;
  -webkit-animation: load8 1.1s infinite ease-out, X;
  -moz-animation: load8 1.1s infinite ease-out, X;
  -o-animation: load8 1.1s infinite ease-out, X;
  animation: load8 1.1s infinite ease-out, X;
  -webkit-animation: load8 1.1s infinite ease-out;
  -moz-animation: load8 1.1s infinite ease-out;
  -o-animation: load8 1.1s infinite ease-out;
  animation: load8 1.1s infinite ease-out;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.hubspot .tokens .container .loading .loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.hubspot .tokens .container .loading .loader:after {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
}
.hubspot .tokens .container table {
  width: 100%;
  margin: 20px auto 40px;
  font-size: 16px;
}
.hubspot .tokens .container table th {
  font-weight: 600;
  background: #fbfbfb;
  text-align: left;
  text-transform: uppercase;
}
.hubspot .tokens .container table th,
.hubspot .tokens .container table td {
  padding: 20px;
  border: 1px solid #ededed;
  vertical-align: middle;
}
.hubspot .tokens .container .tab-button {
  padding: 5px 10px;
  margin-right: 5px;
  text-transform: uppercase;
}
.hubspot .tokens .container .tab-button.unselected {
  color: #000;
  background-color: #fff;
  border: 1px solid #cccccc;
}
.hubspot iframe {
  width: 100%;
  position: fixed;
  height: 100%;
}
.hubspot > .header {
  height: 60px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.75);
}
.hubspot > .header .title {
  color: #81A2B2;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 14px;
  display: inline-block;
  margin: 25px;
}
.hubspot > .header .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 10px 12px 0;
}
.hubspot > .header .actions .button + .button {
  margin-left: 10px;
}
.hubspot .header.preview {
  position: absolute;
  z-index: 700;
}
.hubspot.share-project {
  margin-top: 0px;
}
.hubspot-share-layout {
  padding-top: 16px;
}
.hubspot-share-layout__wrapper {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.hubspot-share-layout__popover-container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.hubspot-share-layout__close-button {
  position: absolute;
  margin: auto;
  right: -40px;
  top: -40px;
}
.hubspot {
  margin-top: -60px;
}
.css-editor__container {
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-sizing: border-box;
  border-radius: 2px 3px 3px 2px;
  height: 200px;
  overflow-x: hidden;
}
.style-tile-v2 {
  box-shadow: inset 0 0 0 1px rgba(129, 162, 178, 0.25);
  font-family: "calibre-legacy", sans-serif;
  font-weight: 600;
  margin: 7px;
  background: #fff;
}
.style-tile-v2__inner--small {
  width: 24px;
  height: 24px;
}
.style-tile-v2__inner--large {
  width: 57px;
  height: 57px;
}
.style-tile-v2--small {
  border-radius: 2px;
  width: 32px;
  height: 32px;
  font-size: 18px;
}
.style-tile-v2--large {
  border-radius: 3px;
  width: 75px;
  height: 75px;
  font-size: 34px;
}
.quote-accept-toolbar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.1s ease-out, left 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out, left 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out, left 0.1s ease-out;
  transition: opacity 0.1s ease-out, left 0.1s ease-out;
}
.quote-accept-toolbar .style-shortcut {
  margin-top: 5px;
  z-index: 889;
}
.quote-accept-toolbar .style-shortcut .style-shortcut__main {
  padding-top: 5px;
}
.style-permissions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.style-permissions__description {
  font-family: "calibre-legacy", sans-serif;
  width: 250px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(71, 83, 93, 0.85);
  margin-bottom: 32px;
}
.style-permissions__view {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.style-permissions__disabled-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 875;
  background: rgba(36, 44, 57, 0.9);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.style-permissions__disabled-overlay-content {
  font-family: "calibre-legacy", sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.style-permissions__disabled-overlay-description {
  text-align: center;
  color: white;
  margin-bottom: 32px;
}
.style-permissions__disabled-overlay-title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 9px;
}
.style-permissions__disabled-overlay-subtitle {
  font-size: 16px;
  line-height: 24px;
}
.style-permissions .toggle-group {
  margin-bottom: 8px;
}
.font-preview {
  line-height: normal;
}
.typography-card {
  padding: 24px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 4px;
}
.typography-card__header {
  padding-bottom: 16px;
  color: #81a2b2;
}
.typography-card__body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}
.typography-card__icon {
  margin-right: 8px;
}
.typography-card__action {
  margin-left: 8px;
}
.typography-card__specimen {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 28px;
  color: #242c39;
}
.typography-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #242c39;
}
.typography-icon--with-tooltip {
  cursor: pointer;
}
.typography-icon svg {
  display: block;
  fill: white;
}
@media (min-width: 1024px) {
  .brand-fonts__cards {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.brand-fonts__card {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .brand-fonts__card {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 33%;
  }
  .brand-fonts__card:not(:last-child) {
    padding-right: 24px;
  }
}
.brand-fonts-header__row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 841px) {
  .brand-fonts-header__row:nth-child(2) {
    display: none;
  }
}
.brand-fonts-header__label {
  margin-right: auto;
}
.brand-fonts-header__toggle-button {
  max-width: 300px;
}
.brand-fonts-header__toggle-button-inline {
  margin-right: 20px;
}
@media (max-width: 840px) {
  .brand-fonts-header__toggle-button-inline {
    display: none;
  }
}
.accordion-section--closed .brand-fonts-header__toggle-button {
  display: none;
}
.accordion-section--closed .brand-fonts-header__pairs-button {
  display: none;
}
.logo-upload__logo {
  border-radius: 4px;
  border: 1px solid rgba(129, 162, 178, 0.25);
  position: relative;
  z-index: 0;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.kl-opt-in-lowercase-label .logo-upload__logo {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.logo-upload__logo--small {
  width: 100px;
  height: 100px;
  margin-right: 16px;
}
.logo-upload__logo--medium {
  width: 114px;
  height: 114px;
  margin-right: 20px;
}
.logo-upload__logo--empty {
  background: rgba(16, 153, 252, 0.1);
  color: #1099FC;
}
.logo-upload__logo--non-empty:hover .logo-upload__shroud {
  opacity: 1;
}
.logo-upload__upload {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}
.logo-upload__shroud {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(36, 44, 57, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-out, X;
  -moz-transition: opacity 0.15s ease-out, X;
  -o-transition: opacity 0.15s ease-out, X;
  transition: opacity 0.15s ease-out, X;
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.logo-upload__edit-icon {
  fill: white;
}
.logo-upload__upload-icon {
  fill: #1099FC;
}
.logo-upload__upload-description {
  margin-top: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.brand-setup {
  width: 100%;
}
.brand-setup__label {
  font-family: "calibre-legacy", sans-serif;
  font-size: 48px;
  line-height: 57px;
  color: #000000;
}
.brand-colors {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.brand-colors__color-container:not(:first-child) {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.brand-colors__color-container:first-child .brand-colors__color-editor-medium,
.brand-colors__color-container:first-child .brand-colors__color-editor-small,
.brand-colors__color-container:first-child .brand-colors__color-editor-xsmall {
  margin-top: 10px;
  position: absolute;
}
.brand-colors__color-container--xsmall--0-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.brand-colors__color-container--small--0-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.brand-colors__color-container--medium--0-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.brand-colors__color-container--xsmall--0-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--0-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--0-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--1-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.brand-colors__color-container--small--1-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.brand-colors__color-container--medium--1-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.brand-colors__color-container--xsmall--1-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--1-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--1-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--2-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
.brand-colors__color-container--small--2-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
.brand-colors__color-container--medium--2-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  -o-animation-delay: 100ms;
  animation-delay: 100ms;
}
.brand-colors__color-container--xsmall--2-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--2-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--2-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--3-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
.brand-colors__color-container--small--3-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
.brand-colors__color-container--medium--3-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
.brand-colors__color-container--xsmall--3-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--3-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--3-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--4-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
.brand-colors__color-container--small--4-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
.brand-colors__color-container--medium--4-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
.brand-colors__color-container--xsmall--4-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--4-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--4-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--5-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
}
.brand-colors__color-container--small--5-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
}
.brand-colors__color-container--medium--5-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
}
.brand-colors__color-container--xsmall--5-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--5-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--5-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--6-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
}
.brand-colors__color-container--small--6-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
}
.brand-colors__color-container--medium--6-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
}
.brand-colors__color-container--xsmall--6-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--6-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--6-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--7-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  -o-animation-delay: 600ms;
  animation-delay: 600ms;
}
.brand-colors__color-container--small--7-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  -o-animation-delay: 600ms;
  animation-delay: 600ms;
}
.brand-colors__color-container--medium--7-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  -o-animation-delay: 600ms;
  animation-delay: 600ms;
}
.brand-colors__color-container--xsmall--7-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--7-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--7-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--xsmall--8-appear {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 700ms;
  -moz-animation-delay: 700ms;
  -o-animation-delay: 700ms;
  animation-delay: 700ms;
}
.brand-colors__color-container--small--8-appear {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 700ms;
  -moz-animation-delay: 700ms;
  -o-animation-delay: 700ms;
  animation-delay: 700ms;
}
.brand-colors__color-container--medium--8-appear {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 700ms;
  -moz-animation-delay: 700ms;
  -o-animation-delay: 700ms;
  animation-delay: 700ms;
}
.brand-colors__color-container--xsmall--8-leave {
  -webkit-animation: brand-color-animation-xsmall, X;
  -moz-animation: brand-color-animation-xsmall, X;
  -o-animation: brand-color-animation-xsmall, X;
  animation: brand-color-animation-xsmall, X;
  -webkit-animation: brand-color-animation-xsmall;
  -moz-animation: brand-color-animation-xsmall;
  -o-animation: brand-color-animation-xsmall;
  animation: brand-color-animation-xsmall;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--small--8-leave {
  -webkit-animation: brand-color-animation-small, X;
  -moz-animation: brand-color-animation-small, X;
  -o-animation: brand-color-animation-small, X;
  animation: brand-color-animation-small, X;
  -webkit-animation: brand-color-animation-small;
  -moz-animation: brand-color-animation-small;
  -o-animation: brand-color-animation-small;
  animation: brand-color-animation-small;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.brand-colors__color-container--medium--8-leave {
  -webkit-animation: brand-color-animation-medium, X;
  -moz-animation: brand-color-animation-medium, X;
  -o-animation: brand-color-animation-medium, X;
  animation: brand-color-animation-medium, X;
  -webkit-animation: brand-color-animation-medium;
  -moz-animation: brand-color-animation-medium;
  -o-animation: brand-color-animation-medium;
  animation: brand-color-animation-medium;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -o-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -moz-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -o-animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  animation-timing-function: cubic-bezier(0.31, 0.01, 0.8, 0.2);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes brand-color-animation-medium {
  0% {
    transform: scale(0.56);
    width: 0;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    width: 134px;
    opacity: 1;
  }
}
@keyframes brand-color-animation-small {
  0% {
    transform: scale(0.56);
    width: 0;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    width: 116px;
    opacity: 1;
  }
}
@keyframes brand-color-animation-xsmall {
  0% {
    transform: scale(0.56);
    width: 0;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    width: 70px;
    opacity: 1;
  }
}
.brand-colors__color {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.15s ease, X;
  -moz-transition: all 0.15s ease, X;
  -o-transition: all 0.15s ease, X;
  transition: all 0.15s ease, X;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid rgba(129, 162, 178, 0.25);
  box-sizing: border-box;
}
.brand-colors__color--xsmall {
  width: 62px;
  height: 62px;
  margin-right: 8px;
}
.brand-colors__color--small {
  width: 100px;
  height: 100px;
  margin-right: 16px;
}
.brand-colors__color--medium {
  width: 114px;
  height: 114px;
  margin-right: 20px;
}
.brand-colors__color:hover {
  border: 5px solid rgba(129, 162, 178, 0.25);
}
.brand-colors__color--add {
  background: white;
  border: 2px dashed rgba(129, 162, 178, 0.25);
  transform: rotate(180deg);
  color: #47535d;
}
.brand-colors__color--add:hover {
  background: #f2f5f7;
}
.brand-colors__edit-icon {
  margin: auto;
  color: white;
}
.brand-colors__edit-icon--dark {
  color: #242c39;
}
.brand-colors__add-icon {
  margin: auto;
}
.brand-colors__color-editor-medium {
  margin-top: 124px;
  margin-left: -10px;
  position: absolute;
  z-index: 1;
}
.brand-colors__color-editor-small {
  margin-top: 110px;
  margin-left: -10px;
  position: absolute;
  z-index: 1;
}
.brand-colors__color-editor-xsmall {
  margin-top: 72px;
  margin-left: -10px;
  position: absolute;
  z-index: 1;
}
.contextual-link-style svg {
  display: block;
}
.accordion {
  width: 100%;
}
.accordion-section__label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "calibre-legacy", sans-serif;
  cursor: pointer;
  color: black;
  padding: 40px 0;
}
.accordion-section__label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.accordion-section__label-icon {
  margin-right: 8px;
}
.accordion-section__label-icon svg {
  width: 20px;
  height: 20px;
  fill: #00857b;
  -webkit-transition: all 0.15s ease-out, X;
  -moz-transition: all 0.15s ease-out, X;
  -o-transition: all 0.15s ease-out, X;
  transition: all 0.15s ease-out, X;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.accordion-section__label-icon--open svg {
  transform: rotate(180deg);
}
.accordion-section__content {
  margin-bottom: 40px;
  padding-left: 28px;
}
.accordion-section__hr {
  margin: 0;
  padding-left: 20px;
  border: 0;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.color-editor__title-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 18px;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.color-editor__title-container svg {
  cursor: pointer;
  fill: rgba(255, 255, 255, 0.25);
}
.color-editor__delete {
  width: 24px;
  -webkit-transition: all 0.2s ease, X;
  -moz-transition: all 0.2s ease, X;
  -o-transition: all 0.2s ease, X;
  transition: all 0.2s ease, X;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.color-editor__delete:hover {
  opacity: 0.5;
}
.color-editor--complete {
  font-family: "calibre-legacy", sans-serif;
}
.masthead {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.masthead__left {
  position: absolute;
  left: 0;
  top: 12px;
}
.masthead__header {
  position: relative;
  height: 141px;
  width: 100%;
}
.masthead__header--minimal {
  height: 68px;
}
.masthead__icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 106px;
  margin-bottom: 16px;
}
.masthead__icon--minimal {
  width: 68px;
}
.masthead__explainer {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  color: rgba(71, 83, 93, 0.75);
  margin-bottom: 24px;
  text-align: center;
}
.masthead__alt {
  margin: 0 0 24px 0;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  color: rgba(71, 83, 93, 0.75);
}
.masthead__reset-password {
  width: 320px;
}
.masthead__sso {
  margin-bottom: 16px;
}
.masthead__sso .button {
  width: 280px;
  height: 55px;
  margin: 8px 0;
}
.masthead__sso .button svg {
  margin-right: 12px;
  fill: white;
}
.masthead__sso .button__google {
  background-color: #4285f4;
}
.masthead__sso .button__google .button__text {
  margin-right: 36px;
}
.masthead__sso .button__salesforce {
  background-color: #00a1e0;
}
.masthead__sso .button__hubspot {
  background-color: #f8761f;
}
.masthead__sso .button__hubspot .button__text {
  margin-right: 30px;
}
.masthead__sso .button__microsoft {
  background-color: #47535d;
}
.masthead__sso .button__microsoft .button__text {
  margin-right: 15px;
}
.masthead__sso .button__stanford {
  background-color: #F05123;
}
.gatekeeper-navigation {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 24px;
  margin-top: -40px;
  margin-bottom: 80px;
}
.gatekeeper-navigation__explainer {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: rgba(36, 44, 57, 0.75);
  margin-right: 16px;
}
.stanford-login .masthead {
  margin-top: 150px;
}
.login-only {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.login-only__page {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: top;
  -moz-box-pack: top;
  -ms-flex-pack: top;
  -webkit-justify-content: top;
  justify-content: top;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-area: 1 / 1;
}
.login-only__wrapper {
  padding-top: 80px;
}
@media only screen and (max-width: 600px) {
  .login-only__wrapper {
    padding-top: 0;
  }
}
.login-only__header2 {
  font-size: 32px;
  line-height: 1.2;
  padding: 0.65em 0 0.4em 0;
  letter-spacing: -1px;
  font-weight: 600;
  color: #242C39;
  padding-top: 16px;
  padding-bottom: 8px;
  text-align: center;
}
.login-only__keyline {
  position: relative;
  width: 400px;
  height: 1px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.login-only__explainer {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 16px;
  color: rgba(71, 83, 93, 0.75);
  margin-bottom: 24px;
  text-align: center;
}
.login-only__alt {
  margin: 0 0 24px 0;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  color: rgba(71, 83, 93, 0.75);
  text-align: center;
}
.login-only__slide-enter {
  opacity: 0;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.login-only--moving-forwards .login-only__slide-enter {
  transform: translateX(-40px);
}
.login-only--moving-backwards .login-only__slide-enter {
  transform: translateX(40px);
}
.login-only__slide-enter-active {
  opacity: 1;
}
.login-only--moving-forwards .login-only__slide-enter-active,
.login-only--moving-backwards .login-only__slide-enter-active {
  transform: translateX(0);
}
.login-only__slide-exit {
  opacity: 1;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.login-only--moving-forwards .login-only__slide-exit,
.login-only--moving-backwards .login-only__slide-exit {
  transform: translateX(0);
}
.login-only__slide-exit-active {
  opacity: 0;
}
.login-only--moving-forwards .login-only__slide-exit-active {
  transform: translateX(40px);
}
.login-only--moving-backwards .login-only__slide-exit-active {
  transform: translateX(-40px);
}
.gatekeeper__disclaimer {
  max-width: 300px;
  margin: 40px auto 16px auto;
  color: #47535d;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: 400;
  color: rgba(71, 83, 93, 0.75);
  text-align: center;
}
.saved-block-filter {
  position: relative;
}
.saved-block-filter__popover {
  z-index: 700;
}
.saved-block-filter .radio-button__label {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.saved-block-filter__button {
  width: 100px;
  padding: 0 8px;
  margin-right: 8px;
}
.saved-block-filter__button .button__icon {
  margin-left: auto;
}
.saved-block-filter__checkboxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.saved-block-filter__checkboxes > * {
  width: 50%;
}
.saved-block-filter__filter-count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00857b;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 1.2;
}
.sample-page-creator-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 60px);
}
.help-button {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  border: 1px solid #605CAB;
  height: 48px;
  border-radius: 48px;
  padding: 16px 24px 16px 16px;
  background-color: #F1F0FE;
  color: #3A2F7F;
  display: flex;
  gap: 4px;
  align-items: center;
  outline-offset: 3px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 20px 36px -10px rgba(36, 44, 57, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.06), 0px 8px 20px -6px rgba(36, 44, 57, 0.06);
  transition: box-shadow 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.help-button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.help-button:focus {
  outline-color: #1099FC;
}
.help-button:focus::after {
  outline-color: white;
}
.help-button:focus:not(:focus-visible),
.help-button:active {
  outline-color: transparent;
}
.help-button:focus:not(:focus-visible)::after,
.help-button:active::after {
  outline-color: transparent;
}
.help-button::-moz-focus-inner {
  border: 0;
}
.help-button:hover {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08), 0px 20px 36px -10px rgba(36, 44, 57, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.06), 0px 8px 20px -6px rgba(36, 44, 57, 0.06), 0 0 0 3px #D9DDED;
}
.help-button__icon {
  display: grid;
  place-items: center;
}
.help-button__icon svg {
  grid-area: 1 / 1;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.help-button__icon svg:nth-child(2) {
  transform: rotate(-45deg);
  opacity: 0;
}
[aria-expanded="true"] .help-button__icon svg:nth-child(1) {
  transform: rotate(45deg);
  opacity: 0;
}
[aria-expanded="true"] .help-button__icon svg:nth-child(2) {
  transform: none;
  opacity: 1;
}
.help-button__label {
  font-family: "calibre-legacy", sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.trial-pill-button {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  border-radius: 40px;
  border: 1px solid #C6C4F9;
  background-color: white;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3A2F7F;
}
.trial-pill-button[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.trial-pill-button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.trial-pill-button:focus {
  outline-color: #1099FC;
}
.trial-pill-button:focus::after {
  outline-color: white;
}
.trial-pill-button:focus:not(:focus-visible),
.trial-pill-button:active {
  outline-color: transparent;
}
.trial-pill-button:focus:not(:focus-visible)::after,
.trial-pill-button:active::after {
  outline-color: transparent;
}
.trial-pill-button::-moz-focus-inner {
  border: 0;
}
.kl-opt-in-lowercase-label .trial-pill-button {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.trial-pill-button__tooltip-title {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}
.kl-opt-in-lowercase-label .trial-pill-button__tooltip-title {
  text-transform: none;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: 600;
}
.trial-pill-button__tooltip-description {
  color: rgba(36, 44, 57, 0.75);
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: 400;
  display: block;
  color: white;
  margin-bottom: 0;
}
.trial-upgrade {
  display: flex;
  flex-direction: column;
}
.trial-upgrade__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 0;
}
.trial-upgrade__upgrade-button {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  position: relative;
  transition: outline 200ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  outline: 3px solid transparent;
  outline-offset: 3px;
  /*
    @HACK(mbusby, 2022-01-24): Note that we separately define the :active
    outline-color override as otherwise browsers that don't support :focus-visible
    will skip it.
  */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
}
.trial-upgrade__upgrade-button[disabled] {
  /*
     * @NOTE(mbusby, 2020-10-06): This is a workaround suggested by
     * https://jakearchibald.com/2017/events-and-disabled-form-fields/#workaround
     * to ensure that disabled buttons still trigger mouseenter/mouseleave events reliably in all browsers.
     * This is needed in cases where we want to add a `Tooltip` to a `button` to explain
     * to the user why the `button` is disabled.
     */
  pointer-events: none;
}
.trial-upgrade__upgrade-button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.trial-upgrade__upgrade-button:focus {
  outline-color: #1099FC;
}
.trial-upgrade__upgrade-button:focus::after {
  outline-color: white;
}
.trial-upgrade__upgrade-button:focus:not(:focus-visible),
.trial-upgrade__upgrade-button:active {
  outline-color: transparent;
}
.trial-upgrade__upgrade-button:focus:not(:focus-visible)::after,
.trial-upgrade__upgrade-button:active::after {
  outline-color: transparent;
}
.trial-upgrade__upgrade-button::-moz-focus-inner {
  border: 0;
}
.trial-upgrade__upgrade-button::after {
  content: "";
  position: absolute;
  inset: 0;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.trial-upgrade__upgrade-button:focus {
  outline-color: #1099FC;
}
.trial-upgrade__upgrade-button:focus::after {
  outline-color: white;
}
.trial-upgrade__upgrade-button:focus:not(:focus-visible),
.trial-upgrade__upgrade-button:active {
  outline-color: transparent;
}
.trial-upgrade__upgrade-button:focus:not(:focus-visible)::after,
.trial-upgrade__upgrade-button:active::after {
  outline-color: transparent;
}
.trial-upgrade__upgrade-button::-moz-focus-inner {
  border: 0;
}
.trial-upgrade__upgrade-button:hover::before {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}
.trial-upgrade__upgrade-button::before {
  background: linear-gradient(90deg, #0BDAC9 0%, #7366FF 100%);
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  border-radius: 4px;
  transition: all 0.25s ease;
}
.trial-upgrade__progress {
  width: 100%;
  height: 8px;
  margin-top: 12px;
  border-radius: 4px;
  background-color: rgba(129, 162, 178, 0.25);
}
.trial-upgrade__progress--filled {
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(90deg, #0BDAC9 0%, #7366FF 100%);
}
.discover-sidebar {
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.discover-sidebar__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 14px 10px 14px 20px;
}
.discover-sidebar__header-item {
  background-color: rgba(113, 107, 241, 0.25);
  color: #4D45E4;
}
.discover-sidebar__content {
  gap: 32px;
  padding: 14px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid white;
}
.discover-sidebar__content--scrolled {
  border-top: 1px solid rgba(129, 162, 178, 0.25);
}
.discover-sidebar__icon {
  height: 32px;
  width: 32px;
  padding: 4px;
  border-radius: 16px;
}
.discover-sidebar__close-button {
  margin-left: auto;
}
.discover-sidebar__container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.discover-sidebar__guides {
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px;
}
.discover-sidebar__guides .discover-guide {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.discover-sidebar__guides .discover-guide__thumbnail {
  display: flex;
}
.discover-sidebar__tours {
  position: relative;
}
.discover-sidebar__tours .discover-tour {
  display: flex;
  position: relative;
  align-items: center;
  gap: 28px;
  border-radius: 8px;
  padding: 12px;
}
.discover-sidebar__tours .discover-tour__thumbnail {
  height: 114px;
  width: auto;
}
.discover-sidebar__tours .discover-tour__text-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.discover-sidebar__tours .discover-tour__checkbox {
  position: absolute;
  right: 8px;
  top: 8px;
  border-radius: 9px;
  color: rgba(129, 162, 178, 0.25);
}
.discover-sidebar__tours .discover-tour__checkbox--filled {
  background-color: #008278;
  color: white;
}
.discover-sidebar__tours-slider {
  display: flex;
  transform: translateX(calc(var(--slider-offset) * -100% + var(--slider-offset) * -16px));
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.discover-sidebar__tours-slider > * {
  width: 100%;
  min-width: 100%;
}
.discover-sidebar__tours-slider > *:not(:last-child) {
  margin-right: 16px;
}
.discover-sidebar__tours-slider .discover-tour__thumbnail {
  margin: -12px;
}
.discover-sidebar__tours-slider-button {
  position: absolute;
  z-index: 1;
  top: 50%;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06);
  border: none;
  transform: translateY(-50%);
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.discover-sidebar__tours-slider-button--left {
  left: -16px;
}
.discover-sidebar__tours-slider-button--right {
  right: -16px;
}
.discover-sidebar__tours-slider-button--exiting,
.discover-sidebar__tours-slider-button--exited {
  opacity: 0;
}
.discover-sidebar__tours-slider-button.discover-sidebar__tours-slider-button:hover {
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), 0 20px 36px -10px rgba(36, 44, 57, 0.1), 0 0 10px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(129, 162, 178, 0.25);
}
.discover-sidebar__footer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(129, 162, 178, 0.25);
  padding: 24px 16px;
  gap: 8px;
}
.tour-end-prompt {
  position: absolute;
  /**
    * Height of the Help button + @space-m
    */
  bottom: 64px;
  right: 0;
  width: 260px;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate3d(0, 8px, 0);
}
@media (prefers-reduced-motion: reduce) {
  .tour-end-prompt {
    transition: none;
  }
}
.tour-end-prompt--entering,
.tour-end-prompt--entered {
  opacity: 1;
  transform: none;
}
.tour-end-prompt__panel {
  position: relative;
  padding: 16px;
}
.tour-end-prompt__close-button {
  position: absolute;
  top: 16px;
  right: 8px;
}
.tour-end-prompt__content {
  display: grid;
  gap: 8px;
}
.tour-end-prompt__heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tour-end-prompt__discover-icon {
  height: 32px;
  width: 32px;
  padding: 4px;
  border-radius: 16px;
  background-color: rgba(113, 107, 241, 0.2);
  color: #716bf1;
}
.tour-end-prompt__background {
  background-image: url('/Assets/Images/tours/tour-panel-bg.png');
  background-size: cover;
  background-position: left 30%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 8px;
}
.tour-end-prompt__caret {
  width: 0;
  height: 0;
  position: absolute;
  left: calc(80% - 7px);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #273c4b;
  bottom: -7px;
}
.tour-end-prompt__rainbow-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.discover__buttons {
  position: fixed;
  right: 32px;
  bottom: 32px;
  z-index: 1052;
  transition: right 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .discover__buttons {
    transition: none;
  }
}
.discover--open .discover__buttons {
  right: 396px;
  transition: right 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .discover--open .discover__buttons {
    transition: none;
  }
}
.discover__sidebar-outer {
  z-index: 1052;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  width: 0;
  transition: width 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@media (prefers-reduced-motion: reduce) {
  .discover__sidebar-outer {
    transition: none;
  }
}
.discover--open .discover__sidebar-outer {
  width: 364px;
  transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .discover--open .discover__sidebar-outer {
    transition: none;
  }
}
.discover__sidebar-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 364px;
  border-left: 1px solid rgba(129, 162, 178, 0.25);
  box-shadow: 0px 0px;
  transition: box-shadow 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
@media (prefers-reduced-motion: reduce) {
  .discover__sidebar-inner {
    transition: none;
  }
}
.discover--open .discover__sidebar-inner {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12), 0px 2px 6px rgba(36, 44, 57, 0.1);
  transition: box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .discover--open .discover__sidebar-inner {
    transition: none;
  }
}
#beacon-container .BeaconContainer,
#beacon-container .BeaconFabButtonFrame {
  z-index: 1052;
  bottom: 96px;
  right: 32px;
  max-height: min( 650px , calc(100vh -  158px ));
}
.standalone-create-page-app-background {
  background-size: 100% 100%;
  height: calc(100vh - 60px);
}
.standalone-create-page-app-background__nav-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
  background: #fff;
  height: 60px;
  position: fixed;
  top: 0;
}
.standalone-create-page-app-background__logo-icon {
  padding-left: 14px;
}
.standalone-create-page-app-background__logo-icon svg {
  height: 32px;
}
.standalone-create-page-app-modal {
  top: 60px;
  height: calc(100vh - 60px);
  background: rgba(36, 44, 57, 0.1);
}
.standalone-create-page-app-modal .modal {
  max-width: none;
  border-radius: 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 10px 30px rgba(36, 44, 57, 0.1);
}
.standalone-create-page-app-modal .create-page-flow {
  max-width: calc(100vw - 2 * 40px);
  max-height: calc(100vh - 60px - 2 * 40px);
  overflow: hidden;
}
.standalone-create-page-app-modal .create-page-flow-preload {
  width: 600px;
  height: 420px;
}
.standalone-create-page-app-modal .create-page-flow-integration-configuration {
  height: calc(100vh - 60px - 2 * 40px);
  max-width: 1280px;
}
.standalone-create-page-app-modal .create-page-flow-integration-configuration__spinner,
.standalone-create-page-app-modal .create-page-flow-integration-configuration__error {
  margin: auto;
}
.standalone-create-page-app-modal .create-page-flow-pre-bake {
  width: 560px;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 40px;
}
.standalone-create-page-app-modal .create-page-flow-creating {
  width: 680px;
  height: 460px;
}
.standalone-create-page-app-modal .create-page-flow-template-selection {
  width: 780px;
  height: 100%;
  overflow-y: scroll;
}
.standalone-create-page-app-modal .create-page-flow-success {
  width: calc(100vw - 2 * 40px);
  max-width: 1408px;
  height: 100%;
  overflow-y: scroll;
}
.standalone-create-page-app-modal .create-page-flow-success__right-panel {
  height: 100%;
}
.narrow-create-page-app .modal {
  width: 528px;
  max-width: none;
  height: 679.8px;
}
.narrow-create-page-app .content,
.narrow-create-page-app .content > div {
  height: 100%;
}
.inline-onboarding-panel {
  overflow: hidden;
  margin-bottom: 40px;
  transition: height var(--duration) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration) cubic-bezier(0.4, 0, 0.2, 1), margin var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
}
.inline-onboarding-panel--exiting,
.inline-onboarding-panel--exited {
  margin-bottom: 0;
}
.inline-onboarding-panel__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
}
.inline-onboarding-panel__content {
  display: flex;
  padding: 32px;
  gap: 32px;
  align-items: center;
  background-image: url(/Assets/Images/onboarding/onboarding-card-background-large.png);
  background-size: cover;
}
.inline-onboarding-panel__content--mobile {
  flex-direction: column;
  padding: 40px 32px;
}
.inline-onboarding-panel__image-button {
  width: 320px;
  height: 180px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: var(--onboarding-video-thumbnail);
}
.inline-onboarding-panel__play-ring {
  width: 76px;
  height: 76px;
  border-radius: 100%;
  background-color: rgba(36, 44, 57, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.inline-onboarding-panel__play-icon {
  fill: white;
}
.inline-onboarding-panel__text-column {
  flex: 1;
  text-align: left;
}
.inline-onboarding-panel__description-heading {
  margin-bottom: 16px;
}
.inline-onboarding-panel__description-text {
  display: block;
  margin-bottom: 24px;
}
.inline-onboarding-panel__actions {
  display: flex;
  gap: 8px;
}
.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(36, 44, 57, 0.8);
  z-index: 1053;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
.lightbox--entering,
.lightbox--entered {
  opacity: 1;
}
.lightbox__close-button {
  position: absolute;
  top: 32px;
  right: 32px;
}
.lightbox__content {
  width: min(80vw, 1280px);
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.lightbox__content > * {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
}
.lightbox--entering .lightbox__content,
.lightbox--entered .lightbox__content {
  transform: none;
}
.owner-filter-popover-content {
  position: relative;
  width: 100%;
  max-height: 340px;
}
.owner-filter-popover-content__search-input-container {
  /**
     * Instead of making the `&__cards-container` scrollable (which is much simpler), we'll fix
     * the search input to the top of the popover and allow the popover to scroll instead. This
     * is so that the scrollbar can appear on the far right of the popover - if the scrollbar
     * was on the `&__cards-container` instead, it can look pretty ugly (especially on browsers
     * with always-visible scrollbars!)
     *
     * The downside to this is that the styling becomes messier - we have to hard-code in some
     * heights, paddings, margins, etc.
     */
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 0 24px;
  border-radius: 8px;
  width: inherit;
  height: 56px;
  background-color: white;
  z-index: 1;
  display: flex;
}
.owner-filter-popover-content__search-input {
  margin-top: auto;
}
.owner-filter-popover-content__cards-container {
  margin-top: 40px;
  padding-bottom: 16px;
}
.owner-filter-popover-content__cards-container > * {
  margin-bottom: 4px;
}
.owner-filter-popover-content__user-card {
  border-radius: 4px;
}
.page-set-filter-content {
  display: grid;
  grid-gap: 16px;
  width: 320px;
}
.page-set-filter-content--mobile {
  width: unset;
}
.page-set-filter-content__dialog {
  margin-bottom: 0;
}
.page-set-filter-content__prompt-icon {
  border-radius: 50%;
  background-color: rgba(129, 162, 178, 0.25);
}
.page-set-filter-content__create-link {
  display: flex;
  justify-content: center;
}
.last-edited-cleanup__combobox-row {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.last-edited-cleanup__combobox-row .text-input__input-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
}
.last-edited-cleanup__combobox-pretext {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.last-edited-cleanup__combobox {
  position: unset;
  width: 100%;
}
.reports-cleanup-popover__last-edited-filter {
  display: grid;
  gap: 4px;
}
.reports-cleanup-popover__further-actions {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}
.reports-title-bar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.reports-title-bar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-title-bar__filters {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
  flex: 1;
}
.reports-title-bar__filters:not(.reports-title-bar__filters--mobile) .reports-title-bar__filters__time-period {
  flex-basis: 330px;
}
.reports-title-bar__filters--mobile {
  display: flex;
  flex-direction: column-reverse;
}
.reports-title-bar__button-filter-mobile {
  width: 100%;
}
.reports-title-bar__button-filter-mobile .button__content {
  display: grid;
  grid-template-columns: 0.16fr 1fr 0.1fr;
  justify-items: start;
  width: 100%;
}
.reports-title-bar__button-filter-mobile .button__content .avatar--user,
.reports-title-bar__button-filter-mobile .button__content .currency-selector__circle-flag {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}
.reports-title-bar__container-mobile {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(129, 162, 178, 0.5);
  border-radius: 4px;
  margin-bottom: 40px;
  padding: 24px;
}
.reports-title-bar__container-mobile__filter-item {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.reports-title-bar__container-mobile__filter-item:last-of-type {
  border-bottom: 0px;
  padding-bottom: 0;
}
.reports-title-bar__update-default-currency {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.funnel-and-status {
  padding: 8px 8px 0 8px;
  height: 100%;
  background: white;
}
@media (min-width: 650px) {
  .funnel-and-status {
    padding: 16px;
  }
}
.funnel-and-status .tabs {
  height: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 2fr;
  grid-template-areas: ". ." "chart chart";
}
.funnel-and-status__tab-panels {
  height: 100%;
  grid-template-rows: 100%;
  grid-area: chart;
}
.funnel-and-status__count-value-control {
  max-width: 210px;
  margin-left: auto;
}
.funnel-and-status__tab-panel {
  height: 100%;
}
.funnel-and-status__funnel-panel-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.funnel-and-status__funnel-chart {
  flex: 1;
}
.funnel-and-status__funnel-timeline {
  flex-basis: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: calc(0.66666667 * 100% + ((0px + 0px) * 0.5));
}
@media (min-width: 650px) {
  .funnel-and-status__funnel-timeline {
    display: flex;
  }
}
.funnel-and-status__timeline-line {
  flex: 1;
  border-bottom: 1px solid rgba(129, 162, 178, 0.5);
}
.funnel-and-status__timeline-circle {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(129, 162, 178, 0.5);
  border-radius: 50%;
}
.funnel-and-status__timeline-days-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 16px;
}
.funnel-and-status__timeline-clock {
  color: #47535d;
}
.funnel-and-status__timeline-tick {
  color: #00857b;
}
.velocity-overview {
  padding: 16px;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 400px) {
  .velocity-overview {
    padding: 16px 24px;
  }
}
.velocity-overview__heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.velocity-overview__velocity-metric {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.velocity-overview__velocity-details-container {
  max-width: 500px;
  margin: 0 auto;
}
.velocity-overview__velocity-diff {
  display: flex;
  gap: 2px;
  padding: 8px 12px;
  align-items: center;
  font-weight: 600;
  margin-top: 16px;
  border-radius: 50vw;
  background: rgba(129, 162, 178, 0.15);
}
.velocity-overview__velocity-diff.growth {
  color: #008278;
}
.velocity-overview__velocity-diff.growth span {
  color: #008278;
}
.velocity-overview__velocity-diff.drop {
  color: #ff6161;
}
.velocity-overview__velocity-diff.drop span {
  color: #ff6161;
}
.velocity-overview__avg-page-value {
  display: grid;
  grid-template-columns: 0.15fr 0.6fr 0.25fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  padding: 4px 0;
}
@media (min-width: 400px) {
  .velocity-overview__avg-page-value {
    padding: 8px 0;
  }
}
.velocity-overview__accept-rate {
  display: grid;
  grid-template-columns: 0.15fr 0.6fr 0.25fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  padding: 4px 0;
  padding-bottom: 0;
}
@media (min-width: 400px) {
  .velocity-overview__accept-rate {
    padding: 8px 0;
  }
}
.velocity-overview__avg-time-live {
  display: grid;
  grid-template-columns: 0.15fr 0.6fr 0.25fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  padding: 4px 0;
  border-top: 1px solid #f7f7fe;
  border-bottom: 1px solid #f7f7fe;
}
@media (min-width: 400px) {
  .velocity-overview__avg-time-live {
    padding: 8px 0;
  }
}
.velocity-overview__metric-number {
  text-align: right;
}
.velocity-overview__metric-drilldown {
  position: absolute;
  right: -16px;
  fill: #8393a0;
  cursor: pointer;
}
.history-chart-view {
  padding: 16px;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
@media (min-width: 400px) {
  .history-chart-view {
    padding: 24px;
  }
}
@media (min-width: 1000px) {
  .history-chart-view {
    padding: 24px 40px;
  }
}
.history-chart-view__heading-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.history-chart-view__chart-container {
  flex: 1 1 auto;
}
.history-chart-view__velocity-history-filter {
  flex: 0 1 auto;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.history-chart-view__status-history-filter {
  flex: 0 1 356px;
}
.full-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.example-data-tint {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: #8599ad;
  mix-blend-mode: color;
}
.example-data-opacity {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.6;
  background-color: #fff;
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-radius: 8px;
}
.example-data-dialogue {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  height: 90px;
  width: 55%;
  align-self: center;
  justify-self: center;
  padding: 2px;
  box-shadow: 0 -1px 0 0 rgba(129, 162, 178, 0.1), 0 2px 18px rgba(0, 0, 0, 0.04), 0 40px 80px -24px rgba(36, 44, 57, 0.12), 0 1px 4px rgba(0, 0, 0, 0.06), 0 20px 50px -16px rgba(0, 0, 0, 0.1);
}
.example-data-dialogue__mobile {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 2px;
}
.example-data-dialogue__mobile--content {
  padding: 24px 40px;
}
.example-data-dialogue__mobile--label {
  color: rgba(129, 162, 178, 0.5);
  margin-bottom: -8px;
}
.example-data-dialogue__icon-container {
  width: 35px;
  height: 35px;
}
.pipeline-velocity-report {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}
.pipeline-velocity-report .fetching {
  display: none;
}
.pipeline-velocity-report .nodata {
  position: relative;
  display: grid;
}
@media (min-width: 1000px) {
  .pipeline-velocity-report {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 64px;
  }
  .pipeline-velocity-report__top-section {
    grid-column: span 4;
    grid-template-columns: repeat(4, 1fr);
  }
}
.pipeline-velocity-report__top-section {
  display: grid;
  row-gap: 24px;
}
.pipeline-velocity-report__funnel-and-status-layout {
  border: 1px solid rgba(129, 162, 178, 0.25);
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 1.5;
}
@media (min-width: 650px) {
  .pipeline-velocity-report__funnel-and-status-layout {
    aspect-ratio: auto;
    min-height: 470px;
  }
}
@media (min-width: 1000px) {
  .pipeline-velocity-report__funnel-and-status-layout {
    grid-column: span 3;
    border-radius: 8px 0 0 8px;
  }
}
.pipeline-velocity-report__velocity-layout {
  border: 1px solid rgba(129, 162, 178, 0.25);
  overflow: hidden;
  border-radius: 8px;
  min-height: 300px;
}
@media (min-width: 1000px) {
  .pipeline-velocity-report__velocity-layout {
    border-radius: 0 8px 8px 0;
    border-left: 0;
  }
}
.pipeline-velocity-report__trends-layout {
  border: 1px solid rgba(129, 162, 178, 0.25);
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 1;
}
@media (min-width: 650px) {
  .pipeline-velocity-report__trends-layout {
    aspect-ratio: auto;
    min-height: 580px;
  }
}
@media (min-width: 1000px) {
  .pipeline-velocity-report__trends-layout {
    grid-column: span 4;
  }
}
.pipeline-velocity-report__status-layout--fetching {
  grid-column: span 4;
  display: flex;
  background: white;
  min-height: 580px;
  justify-content: center;
  border: 1px solid rgba(129, 162, 178, 0.25);
}
@media (min-width: 1000px) {
  .pipeline-velocity-report__upsell-prompt {
    grid-column: span 4;
  }
}
.velocity-help-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.velocity-help-dialog__velocity-symbol {
  color: #716bf1;
}
.velocity-help-dialog__collapsible-item-list {
  width: 100%;
}
.velocity-help-dialog__expandable-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.velocity-help-dialog__description-group {
  display: contents;
}
/**
* Some common mixins and variables used on the Reports page
*/
.report-home-collapsible__item-list {
  width: 100%;
}
.report-home-collapsible__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}
.report-home-collapsible__label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.report-home-collapsible__content {
  padding: 8px;
}
.reports-home {
  display: flex;
  margin: 40px 24px;
}
@media (min-width: 1000px) {
  .reports-home {
    margin: 40px 80px 0;
  }
}
.reports-home__layout {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.reports-home__layout .inline-onboarding-panel {
  margin: 40px 0 0 0;
}
.reports-home__breadcrumb {
  display: flex;
  align-items: center;
  height: 40px;
}
.reports-home__breadcrumb__chevron {
  color: #47535d;
}
.reports-home__report-container {
  padding: 40px 0;
}
.page-filters-container {
  width: 450px;
  display: flex;
  gap: 40px;
  flex-direction: column;
}
.templates-gallery-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
}
.templates-gallery-container__search {
  min-width: 200px;
  max-width: 500px;
}
.templates-gallery-container__nav {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.templates-gallery-container__nav-left {
  display: flex;
  align-items: center;
  min-width: 260px;
}
.templates-gallery-container__nav-right {
  min-width: 260px;
  padding-right: 24px;
}
.templates-gallery-container__back-button {
  margin: 24px;
}
.templates-gallery-container__page-title {
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 30px;
}
.templates-gallery-container__heading_onboarding {
  margin-left: 40px;
}
.templates-gallery-container__gallery-container {
  width: 100%;
  height: calc(100% - 80px);
  display: flex;
}
.templates-gallery-container__menubar {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  padding: 24px 24px 0;
}
.templates-gallery-container__segment-control {
  flex: 0 0 320px;
}
.templates-gallery-container__filter-sort-area {
  display: flex;
}
.templates-gallery-container__my-templates,
.templates-gallery-container__featured-templates {
  flex: 1;
  overflow: auto;
}
.templates-gallery-container__featured-templates {
  padding: 24px;
}
.templates-gallery-container__my-templates {
  width: 520px;
}
.templates-gallery-container__my-templates-inner-container {
  padding: 24px;
}
.templates-gallery-container__sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(129, 162, 178, 0.25);
}
.templates-gallery-container__sidebar .template-list-item {
  margin-bottom: 8px;
}
.templates-gallery-container__sidebar .template-list-item .crm-pill {
  max-width: 0px;
  opacity: 0;
  transition: 0.2s;
  overflow: hidden;
}
.templates-gallery-container__sidebar .template-list-item:hover .crm-pill {
  max-width: 200px;
  opacity: 1;
}
.templates-gallery-container__category {
  margin-bottom: 8px;
}
.templates-gallery-container__category-label {
  display: flex;
  align-items: center;
  width: 300px;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
}
.templates-gallery-container__category-label--without-icon {
  padding-left: 32px;
}
.templates-gallery-container__category-label-icon {
  margin-right: 8px;
}
.templates-gallery-container__category-label-tick {
  margin: 0 0 0 auto;
}
.templates-gallery-container__category-label-tick.kl-icon {
  color: #30BDC3;
}
.templates-gallery-container__infinite-loader {
  height: 72px;
}
.templates-gallery-container__template-preview {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  z-index: 1;
}
.templates-gallery-container__template-preview-wrapper {
  position: relative;
}
.templates-gallery-container__template-preview-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.templates-gallery-container__template-preview-wrapper,
.templates-gallery-container__grid-gallery-wrapper {
  flex-grow: 1;
  padding: 24px;
  background-color: rgba(129, 162, 178, 0.05);
}
.templates-gallery-container__grid-gallery-wrapper {
  overflow: hidden auto;
}
.templates-gallery-container__template-preview-ghost {
  width: 90%;
  height: 90%;
  margin: 5%;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  border: 1px solid #d9ddec;
  outline: 2px dashed #dde4ea;
  outline-offset: -14px;
  border-radius: 8px;
}
.templates-gallery-container__template-preview-ghost * {
  color: #C1C6D2;
  line-height: 40px;
  font-family: 'calibre-legacy';
}
.templates-gallery-container .ghost-block.project-list-item__ghosted-buttons {
  flex-grow: 1;
  width: unset;
}
.featured-template-thumbnail {
  overflow: hidden;
}
.featured-template-thumbnail__img {
  width: 100%;
  height: 79%;
  object-fit: cover;
  aspect-ratio: 1.8;
  background: rgba(129, 162, 178, 0.25);
}
.featured-template-thumbnail__caption {
  padding: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.featured-template-preview {
  height: 100%;
}
.featured-template-preview__nav {
  height: 72px;
  display: flex;
  justify-content: space-between;
}
.featured-template-preview__nav-left {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  padding-left: 30px;
}
.featured-template-preview__nav-right {
  display: flex;
  align-items: center;
  padding: 0px 16px;
  gap: 12px;
}
.featured-template-preview__body {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 450px);
  border-top: 1px solid rgba(129, 162, 178, 0.5);
}
.featured-template-preview__body-frame {
  border-radius: 0px;
  height: calc(100% - 72px);
  width: 100%;
}
.featured-template-preview__sidebar {
  height: calc(100% - 72px);
  padding: 24px;
  border-left: 1px solid rgba(129, 162, 178, 0.5);
  overflow: auto;
}
.featured-template-preview__sidebar-panel {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.featured-template-preview__sidebar-panel--createdby {
  border-bottom: 1px solid rgba(129, 162, 178, 0.5);
}
.featured-template-preview__about {
  padding: 40px 0 28px 0;
}
.featured-template-preview__included-title {
  padding-bottom: 10px;
}
.featured-template-preview__inclusion {
  display: flex;
  padding: 6px 0 6px 0;
}
.featured-template-preview__user {
  display: flex;
  padding: 10px 0px;
  align-items: center;
}
.featured-template-preview__user-avatar {
  margin-right: 12px;
  width: 48px;
}
.featured-template-preview__user-details {
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}
.grid-gallery {
  padding: 50px 100px 50px 100px;
}
.grid-gallery .template-staggered-transition-appear {
  -webkit-animation: template-list-item-transition, X;
  -moz-animation: template-list-item-transition, X;
  -o-animation: template-list-item-transition, X;
  animation: template-list-item-transition, X;
  -webkit-animation: template-list-item-transition;
  -moz-animation: template-list-item-transition;
  -o-animation: template-list-item-transition;
  animation: template-list-item-transition;
  -webkit-animation-duration: 400ms;
  -moz-animation-duration: 400ms;
  -o-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -moz-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -o-animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  animation-timing-function: cubic-bezier(0.24, 0.63, 0.6, 0.98);
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.grid-gallery__grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  width: 100%;
  grid-gap: 0px 30px;
  margin: 0;
  max-width: 1300px;
  margin-bottom: 16px;
}
.grid-gallery__grid-item {
  margin: 16px auto;
  max-width: 420px;
  width: 100%;
}
.grid-gallery__gallery-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 16px;
}
.grid-gallery .empty-state {
  min-width: 70%;
}
.template-ghost {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  margin: 16px auto;
  max-width: 420px;
  aspect-ratio: 1.4;
  width: 100%;
  background: linear-gradient(90deg, rgba(129, 162, 178, 0.25), rgba(129, 162, 178, 0.1), rgba(129, 162, 178, 0.25));
  -webkit-animation: ghost-pulse 4s ease-in-out infinite, X;
  -moz-animation: ghost-pulse 4s ease-in-out infinite, X;
  -o-animation: ghost-pulse 4s ease-in-out infinite, X;
  animation: ghost-pulse 4s ease-in-out infinite, X;
  -webkit-animation: ghost-pulse 4s ease-in-out infinite;
  -moz-animation: ghost-pulse 4s ease-in-out infinite;
  -o-animation: ghost-pulse 4s ease-in-out infinite;
  animation: ghost-pulse 4s ease-in-out infinite;
  background-size: 600% 600%;
}
@keyframes ghost-pulse {
  0% {
    background-position: 100% 0%;
  }
  50% {
    background-position: -50% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.two-panel-settings-modal {
  font-family: "calibre-legacy", sans-serif;
  width: 100%;
  height: 100%;
}
.two-panel-settings-modal__container {
  padding: 34px;
}
.two-panel-settings-modal__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  grid-template-rows: 0.05fr 1fr;
}
.two-panel-settings-modal__header {
  width: 100%;
  height: 76px;
  padding: 24px;
  grid-column: span 2;
  border-bottom: 1px solid rgba(129, 162, 178, 0.25);
}
.two-panel-settings-modal__left {
  width: 100%;
  height: 100%;
  padding: 24px;
  border-right: 1px solid rgba(129, 162, 178, 0.25);
}
.two-panel-settings-modal__left .kl-select__label {
  margin-bottom: 16px;
  font-size: 14px;
}
.two-panel-settings-modal__right {
  width: 100%;
  height: 100%;
  padding: 40px;
  overflow: auto;
}
.modal-container .modal.two-panel-settings-modal {
  max-width: 1440px;
  padding: 0;
  text-align: left;
}

._1yhe1iy0 {
  width: 368px;
}
._1yw5sya0 {
  width: 368px;
  padding-bottom: 0;
}
._1yw5sya1 {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
._1yw5sya2 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
}
._1yw5sya3 {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--spacing-xs__1bl7jj11k);
}
._1yw5sya3::before, ._1yw5sya3::after {
  content: "";
  height: 1px;
  background: var(--color-border__1bl7jj110);
}
._1yw5sya4 {
  padding-bottom: 0;
}
._1yw5sya5 {
  margin-top: var(--spacing-m__1bl7jj11m);
}
._1isr6rn7 {
  position: fixed;
  inset: 0;
  z-index: -1;
  display: grid;
  place-items: center;
  isolation: isolate;
  background: var(--color-background__1bl7jj1z);
  pointer-events: none;
}
._1isr6rn8 {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
._1isr6rn9 {
  opacity: 0.3;
}
._1isr6rna {
  opacity: 0.1;
}
._1isr6rnb {
  --_1isr6rn6: 0s;
  width: 32vh;
  height: 80vh;
  background-image: radial-gradient(farthest-side, var(--_1isr6rn1), transparent);
  transform: rotate(-20deg) translate3d(var(--_1isr6rn2), var(--_1isr6rn3), 0);
  opacity: var(--_1isr6rn4);
  position: absolute;
  transition: var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: opacity, filter;
}
._1isr6rnb:nth-child(1) {
  --_1isr6rn1: rgb(255 209 89);
  --_1isr6rn3: -30vh;
  --_1isr6rn2: -80%;
  --_1isr6rn6: 0s;
}
._1isr6rnb:nth-child(2) {
  --_1isr6rn1: rgb(232 48 80);
  --_1isr6rn2: -30%;
  --_1isr6rn3: -25vh;
  --_1isr6rn6: 0.05s;
}
._1isr6rnb:nth-child(3) {
  --_1isr6rn1: rgb(113 107 241);
  --_1isr6rn2: 0;
  --_1isr6rn3: -20vh;
  --_1isr6rn6: 0.1s;
}
._1isr6rnb:nth-child(4) {
  --_1isr6rn1: rgb(16 153 252);
  --_1isr6rn2: 30%;
  --_1isr6rn3: -25vh;
  --_1isr6rn6: 0.15s;
}
._1isr6rnb:nth-child(5) {
  --_1isr6rn1: rgb(66 238 236);
  --_1isr6rn2: 80%;
  --_1isr6rn3: -30vh;
  --_1isr6rn6: 0.2s;
}
._1isr6rnc {
  transition-delay: var(--_1isr6rn6);
  filter: saturate(var(--_1isr6rn5));
}
._1isr6rnd {
  transition-delay: 0.4s;
  filter: saturate(1);
}
._1isr6rne {
  background-image: url(/Assets/Images/noise.png);
  position: fixed;
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.8;
}
.ore7ij0 {
  overflow: hidden;
  width: 400px;
}
.ore7ij1 {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: var(--spacing-s__1bl7jj11l);
  right: var(--spacing-xs__1bl7jj11k);
}
.ore7ij2 {
  left: var(--spacing-xs__1bl7jj11k);
}
.ore7ij3 {
  right: var(--spacing-xs__1bl7jj11k);
}
.ore7ij4 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
}
.ore7ij5 {
  display: grid;
  gap: var(--spacing-m__1bl7jj11m);
  justify-items: center;
  color: var(--color-text__1bl7jj14);
  font-weight: var(--fontWeight-medium__1bl7jj131);
}
.ore7ij6 {
  display: grid;
  gap: var(--spacing-m__1bl7jj11m);
}
.ore7ij7 {
  width: 52px;
}
.ore7ij8 {
  width: auto;
  background-color: rgb(231 245 255);
  border: none;
  box-shadow: none;
}
.ore7ij9 {
  padding-left: var(--spacing-s__1bl7jj11l);
  padding-right: var(--spacing-s__1bl7jj11l);
  padding-top: var(--spacing-xxs__1bl7jj11j);
  padding-bottom: var(--spacing-xxs__1bl7jj11j);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  color: rgb(0 72 162);
}
._1pv53nw0 {
  text-align: left;
  display: grid;
  justify-content: start;
  padding-inline: var(--spacing-xs__1bl7jj11k);
}
.vzjxa80 {
  display: block;
}
.qsld310 {
  margin-bottom: 100px;
}
._17gs7cr0 {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 100%;
}
._17gs7cr1 {
  width: 50%;
}
._17gs7cr2 {
  --accept-text-color: var(--color-text__1bl7jj14);
}
._17gs7cr0 .kl-text {
  color: var(--accept-text-color);
}
._17gs7cr0 .kl-heading {
  color: var(--accept-text-color);
}
._17gs7cr0._17gs7cr2 .text-input__input {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
  padding-inline: 0;
}
._17gs7cr0._17gs7cr2 .text-input__input:hover {
  border-color: rgb(135 144 166 / 0.5);
}
._17gs7cr0._17gs7cr2 .text-input__input:focus {
  border-color: rgb(135 144 166);
}
@media (min-width: 700px) {
  ._17gs7cr0 {
    max-width: 470px;
  }
}
._1nkk8uo0 {
  border-radius: var(--borderRadius-control__1bl7jj11g);
  background-color: var(--signature-slot-background);
  border: 1px solid var(--signature-slot-border);
  width: 100%;
}
._1nkk8uo0::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0;
  background-color: var(--signature-slot-hover);
  background-repeat: no-repeat;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: all var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
._1nkk8uo0:hover::before {
  margin: -3px;
  border-radius: calc(var(--borderRadius-control__1bl7jj11g) + 3px);
}
._1nkk8uo1 {
  border: 1px solid var(--color-border__1bl7jj110);
  background-color: var(--color-background__1bl7jj1z);
  pointer-events: none;
}
._1nkk8uo2 {
  border-radius: var(--borderRadius-control__1bl7jj11g);
  flex: 1;
}
._1nkk8uo3 {
  pointer-events: none;
}
._1nkk8uo4 {
  border: 1px solid var(--color-critical__1bl7jj12);
}
._1nkk8uo5 {
  min-width: 64px;
  width: auto;
  display: inline-block;
}
._1nkk8uo6 {
  min-width: 120px;
  width: 100%;
}
._1nkk8uo7 {
  width: 100%;
  min-width: 120px;
}
._1nkk8uo8 {
  background-color: var(--accept-background-color);
}
._1nkk8uo9 {
  margin-top: var(--spacing-s__1bl7jj11l);
}
._1nkk8uoa {
  display: grid;
}
._1nkk8uob {
  grid-template-columns: minmax(min-content, max-content);
  justify-content: flex-start;
  width: fit-content;
  margin: 0;
}
._1nkk8uoc {
  width: 100%;
  grid-template-columns: 1fr;
}
._1nkk8uod {
  grid-area: 1/1;
  margin-left: var(--spacing-xs__1bl7jj11k);
  margin-right: var(--spacing-xs__1bl7jj11k);
  min-width: min-content;
  width: calc(100% - var(--spacing-xs__1bl7jj11k) - var(--spacing-xs__1bl7jj11k));
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: flex-start;
}
._1nkk8uoe {
  align-self: flex-start;
}
._1nkk8uog {
  margin-top: 68px;
  min-height: 28px;
}
._1nkk8uoh {
  margin-top: 120px;
  min-height: 28px;
}
._1nkk8uoi {
  background: var(--accept-background-color);
  color: var(--accept-text-color);
}
._1nkk8uoj {
  width: fit-content;
  height: fit-content;
  padding-left: var(--spacing-xxs__1bl7jj11j);
  padding-right: var(--spacing-xxs__1bl7jj11j);
  flex-shrink: 0;
}
._1nkk8uok {
  height: fit-content;
  padding-left: var(--spacing-xxs__1bl7jj11j);
  padding-right: var(--spacing-xxs__1bl7jj11j);
  flex-shrink: 0;
}
._17gs7cr0 ._1nkk8uol.kl-text {
  color: var(--color-text__1bl7jj14);
}
._1nkk8uom {
  border: 1px solid var(--accept-signature-border);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  grid-area: 1/1;
  margin-top: var(--spacing-s__1bl7jj11l);
  margin-bottom: var(--spacing-s__1bl7jj11l);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-s__1bl7jj11l);
  padding-bottom: var(--spacing-s__1bl7jj11l);
  padding-left: var(--spacing-xs__1bl7jj11k);
  padding-right: var(--spacing-xxs__1bl7jj11j);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
._1nkk8uon {
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
._1nkk8uoo {
  height: 100%;
}
._1nkk8uoq {
  height: 68px;
}
._1nkk8uor {
  height: 120px;
}
._1nkk8uos {
  font-family: var(--font-ui__1bl7jj125);
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k) var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  max-width: 448px;
}
._1nkk8uot {
  padding: var(--spacing-l__1bl7jj11n);
}
._1nkk8uou {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0.5px);
}
._1nkk8uov {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 448px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  z-index: var(--mobile-card-z-index);
}
._1nkk8uow {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: visible;
  max-height: 100%;
}
._1nkk8uox {
  position: relative;
  overflow: visible;
}
._1nkk8uoy {
  margin-bottom: var(--spacing-l__1bl7jj11n);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1nkk8uoz {
  padding-bottom: var(--spacing-l__1bl7jj11n);
}
._1nkk8uo10 {
  width: 100%;
}
._1nkk8uo11 {
  width: 100%;
}
._1nkk8uo12 {
  word-break: break-word;
  white-space: normal;
  max-width: 100%;
  overflow: hidden;
}
_::-webkit-full-page-media, _:future, :root ._1nkk8uon {
  max-width: 100%;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 700px) {
  ._1nkk8uot {
    width: 100%;
    height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    box-sizing: border-box;
    max-height: none;
    max-width: none;
    padding: var(--spacing-l__1bl7jj11n) var(--spacing-l__1bl7jj11n) var(--spacing-xxxl__1bl7jj11q) var(--spacing-l__1bl7jj11n);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 60px;
  }
  ._1nkk8uov {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 90%;
    max-width: none;
    transform: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  ._1nkk8uow {
    overflow: auto;
    padding-bottom: var(--spacing-m__1bl7jj11m);
  }
  ._1nkk8uox {
    flex: 1;
  }
}
._1sx4g4l3 .kl-text {
  color: var(--color-text__1bl7jj14);
}
._1sx4g4l3 .button .kl-icon {
  color: var(--color-icon__1bl7jj1p);
}
._1sx4g4l3 .button--tertiary.button--is-idle:hover::before, ._1sx4g4l3 .button--tertiary[aria-expanded=true]::before {
  background-color: var(--color-surfaceHover__1bl7jj1n);
}
._1sx4g4l3 .kl-label {
  color: var(--color-text__1bl7jj14);
}
._1sx4g4l3 .kl-heading {
  color: var(--color-heading__1bl7jj1e);
}
._1sx4g4l3 .panel {
  background-color: var(--color-surface__1bl7jj1g);
}
.smlbke3 {
  position: fixed;
  width: 100%;
  height: var(--smlbke0);
  background-color: var(--color-surfaceSuccess__1bl7jj1k);
  border: 1px solid var(--color-border__1bl7jj110);
  top: var(--smlbke1);
  padding-left: var(--spacing-s__1bl7jj11l);
  padding-right: var(--spacing-s__1bl7jj11l);
  z-index: 2;
  visibility: var(--smlbke2);
}
.smlbke4 {
  color: var(--color-textSuccess__1bl7jj17);
}
.smlbke5 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
.smlbke6 {
  color: var(--color-icon__1bl7jj1p);
}
.smlbke7 {
  color: var(--color-heading__1bl7jj1e);
}
.smlbke8 {
  color: var(--color-text__1bl7jj14);
}
._1t9o8vt1 {
  background-color: var(--_1sx4g4l0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: inset 0 -1px 0 var(--color-border__1bl7jj110);
  height: 0;
}
._1t9o8vt2 {
  height: 62px;
  padding: var(--spacing-xs__1bl7jj11k);
}
._1t9o8vt5 {
  top: calc(var(--_1t9o8vt0) + var(--smlbke0));
  position: fixed;
  width: 100%;
  z-index: 2;
}
._1t9o8vt7 {
  display: flex;
  align-items: center;
  gap: var(--spacing-s__1bl7jj11l);
  min-width: 0;
}
._1t9o8vt8 {
  display: flex;
  align-items: center;
  gap: var(--spacing-s__1bl7jj11l);
}
._1t9o8vt9 {
  margin-left: var(--spacing-s__1bl7jj11l);
  margin-right: var(--spacing-s__1bl7jj11l);
}
._1t9o8vta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
._1t9o8vtb {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs__1bl7jj11j);
  height: 48px;
}
._1t9o8vtc {
  position: absolute;
  z-index: 2;
  width: auto;
  top: var(--spacing-xs__1bl7jj11k);
  right: var(--spacing-xs__1bl7jj11k);
}
._1t9o8vte {
  padding: var(--spacing-xxs__1bl7jj11j);
}
._1t9o8vtf {
  position: relative;
  display: flex;
  justify-content: center;
}
._1t9o8vtj {
  background-color: var(--_1t9o8vtg);
  max-width: 220px;
}
._1t9o8vtj:hover {
  box-shadow: 0 0 0 3px var(--_1t9o8vth) !important;
}
._1t9o8vtj .kl-text {
  color: var(--_1t9o8vti) !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1t9o8vtk {
  text-transform: none;
  overflow-wrap: break-word;
}
@media (min-width: 700px) {
  ._1t9o8vta {
    display: block;
  }
}
.kr7p191 {
  fill: var(--color-icon__1bl7jj1p);
}
.kr7p192 {
  width: 20px;
  height: 2px;
  transition: var(--duration-m__1bl7jj11v) var(--easing-bounce__1bl7jj11t);
  transition-property: x, width;
}
.kr7p193 {
  width: 14px;
  x: 8px;
}
.kr7p195 {
  width: 7px;
  height: 2px;
  transform-origin: calc(50% - 10px) 50%;
  transition: transform var(--duration-m__1bl7jj11v) var(--easing-bounce__1bl7jj11t) var(--duration-s__1bl7jj11u), opacity 0s linear 0s;
}
.kr7p196 {
  transform: rotate(var(--kr7p190)) translate3d(-1px, 0, 0);
  opacity: 1;
}
.kr7p197 {
  transition: transform var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r) 0s, opacity 0s linear var(--duration-m__1bl7jj11v);
  opacity: 0;
}
.kr7p198 {
  --kr7p190: -45deg;
}
.kr7p199 {
  --kr7p190: 45deg;
}
._19pm1ja0 {
  border-radius: 100%;
}
._19pm1ja1 {
  height: 100%;
  width: 100%;
  font-size: var(--fontSize-heading-3__1bl7jj129);
}
.rkdmci0 {
  display: flex;
  padding: var(--spacing-xxs__1bl7jj11j);
  gap: var(--spacing-xxs__1bl7jj11j);
  top: var(--spacing-m__1bl7jj11m);
  right: var(--spacing-m__1bl7jj11m);
  width: auto;
  align-items: center;
  z-index: 2;
}
.rkdmci1 {
  display: flex;
}
.rkdmci2 {
  padding: var(--spacing-xxs__1bl7jj11j);
}
.rkdmci3 {
  padding: var(--spacing-m__1bl7jj11m);
}
.rkdmci4 {
  display: flex;
  gap: var(--spacing-xxs__1bl7jj11j);
}
.rkdmci5 {
  display: grid;
  grid-area: 1/1;
  overflow: hidden;
  transition: height var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r), width var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
.rkdmci6 {
  width: 250px;
}
.rkdmci7 {
  width: 300px;
}
.rkdmci8 {
  width: 400px;
}
.rkdmci9 {
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  opacity: 0;
}
.rkdmcia {
  width: 250px;
  transform: translate3d(-100%, 0, 0);
}
.rkdmcib {
  width: 300px;
  transform: translate3d(-100%, 0, 0);
}
.rkdmcic {
  width: 400px;
  transform: translate3d(100%, 0, 0);
}
.rkdmcid {
  opacity: 1;
  transform: none;
}
.rkdmcie {
  opacity: 1;
  transform: none;
}
.rkdmcii {
  position: absolute;
  top: var(--spacing-s__1bl7jj11l);
  left: var(--spacing-s__1bl7jj11l);
}
.rkdmcij {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs__1bl7jj11k);
  padding: var(--spacing-m__1bl7jj11m);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
.rkdmcik {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs__1bl7jj11j);
}
.rkdmcil {
  padding: var(--spacing-xs__1bl7jj11k);
}
.rkdmcim {
  padding: 0 var(--spacing-s__1bl7jj11l) 0 var(--spacing-xs__1bl7jj11k);
}
.rkdmcin {
  width: 24px;
  height: 24px;
  margin: var(--spacing-xs__1bl7jj11k);
}
.rkdmcio {
  padding: var(--spacing-m__1bl7jj11m);
}
.rkdmcip {
  position: fixed;
  top: 76px;
  right: var(--spacing-m__1bl7jj11m);
}
.rkdmciq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.rkdmcir {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-m__1bl7jj11m);
  gap: var(--spacing-xs__1bl7jj11k);
}
.rkdmcis {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-surfaceSuccess__1bl7jj1k);
  color: var(--color-iconSuccess__1bl7jj1t);
  width: 46px;
  height: 46px;
  border-radius: 100%;
}
.rkdmcit {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-xs__1bl7jj11k);
  gap: var(--spacing-xs__1bl7jj11k);
  width: 100%;
}
.rkdmciu {
  display: grid;
  justify-items: center;
  overflow: hidden;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
.rkdmciv {
  margin-bottom: -20%;
  width: 110%;
  max-width: none;
  display: block;
  aspect-ratio: 300/241;
}
.rkdmciw {
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
  justify-items: center;
  padding: calc(var(--spacing-m__1bl7jj11m) * 4);
  padding-top: 0;
}
.rkdmcix {
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.rkdmciy {
  height: 100%;
}
._6d0chr0 {
  display: grid;
  justify-items: center;
  overflow: hidden;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._6d0chr1 {
  margin-bottom: -20%;
  width: 110%;
  max-width: none;
  display: block;
  aspect-ratio: 300/241;
}
._6d0chr2 {
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
  justify-items: center;
  padding: calc(var(--spacing-m__1bl7jj11m) * 4);
  padding-top: 0;
}
._6d0chr3 {
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._17zv3nt0 {
  position: fixed;
  top: 0;
  left: 0;
}
._17zv3nt1 {
  opacity: 0;
}
._17zv3nt2 {
  opacity: 1;
}
._17zv3nt3 {
  position: relative;
  width: 250px;
  background-color: white;
}
._17zv3nt6 {
  position: absolute;
  width: 14px;
  height: 14px;
  transform: translate3d(50%, 50%, 0) rotate(45deg);
  background: white;
  top: var(--_17zv3nt4);
  left: var(--_17zv3nt5);
  box-shadow: -0.6px -0.6px 0 0 rgba(129, 162, 178, 0.2);
  z-index: 1;
}
._17zv3nt7 {
  position: absolute;
  right: var(--spacing-xs__1bl7jj11k);
  top: var(--spacing-xs__1bl7jj11k);
}
._17zv3nt8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: var(--color-surfaceSuccess__1bl7jj1k);
  border-radius: 50%;
  color: var(--color-iconSuccess__1bl7jj1t);
  padding: var(--spacing-s__1bl7jj11l);
}
._7uzpux0 {
  position: fixed;
  top: 74px;
  right: var(--spacing-s__1bl7jj11l);
  width: auto;
  text-align: center;
}
._7uzpux1 {
  max-width: 400px;
}
._7uzpux2 {
  position: absolute;
  right: 0;
  top: 0;
  padding: var(--spacing-m__1bl7jj11m);
}
._7uzpux3 {
  margin: -9% 0 -24%;
  width: 116%;
  max-width: none;
}
.h988i5 {
  --h988i4: 100vh;
  --h988i2: 0px;
  --h988i3: calc(var(--h988i2) + 60px);
  width: 62px;
  position: absolute;
  overflow: hidden;
  transition: width var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
}
.h988i6 {
  width: 340px;
}
.h988i7 {
  --h988i2: 48px;
}
.h988ib {
  height: calc(var(--h988i4) - var(--h988i3));
  z-index: 2;
}
.h988id {
  width: 0;
}
.h988ie {
  width: 0;
}
.h988if {
  width: 0;
}
.h988ig {
  height: calc((var(--h988i4) - var(--h988i3)) - 62px);
}
.h988ih {
  --h988i4: 100vh;
  --h988i1: 0px;
  --h988i2: 0px;
  --h988i3: calc(var(--h988i2) + 60px);
  background-color: var(--_1sx4g4l0);
  width: 340px;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid var(--color-border__1bl7jj110);
  display: flex;
  flex-direction: column;
  transition: width var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r), left var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  z-index: var(--h988i0);
  position: fixed;
}
.h988ii {
  left: calc(62px - 340px);
  top: var(--h988i3);
}
.h988ij {
  left: calc(62px - 340px);
  top: var(--pj0lw30);
  height: calc(var(--h988i4) - var(--pj0lw30));
}
.h988ip {
  --h988i1: 360px;
}
.h988ir {
  --h988i2: 48px;
}
.h988is {
  left: 0;
}
.h988it {
  left: calc((0px - 340px) + var(--h988i1));
}
.h988iu {
  left: calc((0px - 340px) + var(--h988i1));
}
.h988iv {
  left: calc((0px - 340px) + var(--h988i1));
}
.h988iw {
  top: calc(62px + var(--h988i3));
}
.h988ix {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-left: var(--spacing-xs__1bl7jj11k);
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.h988iy {
  padding: var(--spacing-m__1bl7jj11m);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.h988iz {
  display: grid;
  width: 100%;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
.h988i13 {
  opacity: 1;
}
.h988i14 {
  opacity: 1;
}
.h988i15 {
  opacity: 0;
  transition-delay: var(--duration-s__1bl7jj11u);
}
.h988i16 {
  opacity: 0;
}
.h988i18 {
  gap: var(--spacing-m__1bl7jj11m);
}
.h988i19 {
  width: 100%;
  align-self: flex-end;
  border-top: 1px solid var(--color-border__1bl7jj110);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: var(--spacing-l__1bl7jj11n) var(--spacing-m__1bl7jj11m);
  gap: var(--spacing-xs__1bl7jj11k);
}
.h988i1a {
  margin-top: calc(40px + var(--spacing-xs__1bl7jj11k));
}
.h988i1b {
  margin-top: calc(40px + var(--spacing-xs__1bl7jj11k));
}
.h988i1c {
  height: 48px;
  width: 48px;
  position: absolute;
  top: var(--spacing-xs__1bl7jj11k);
  left: calc(340px + var(--spacing-xs__1bl7jj11k));
  z-index: 2;
  padding: var(--spacing-xxs__1bl7jj11j);
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
}
.h988i1j {
  left: var(--spacing-xs__1bl7jj11k);
}
.h988i1k {
  left: var(--spacing-xs__1bl7jj11k);
}
.h988i1l {
  display: none;
}
.h988i1m {
  display: none;
}
.h988i1o {
  display: grid;
  align-items: center;
  align-content: center;
  gap: var(--spacing-xxs__1bl7jj11j);
}
@media (min-width: 700px) {
  .h988i5 {
    position: relative;
  }
  .h988id {
    width: 62px;
  }
  .h988iu {
    left: calc((62px - 340px) + var(--h988i1));
  }
  .h988i1b {
    margin-top: 0;
  }
  .h988i1f {
    position: relative;
    top: -4px;
    right: -6px;
    padding: 0;
    height: auto;
    width: auto;
    left: auto;
    background: transparent;
    border-radius: unset;
    box-shadow: none;
  }
  .h988i1k {
    left: unset;
  }
  .h988i1m {
    display: block;
  }
}
@supports (height: 100dvh) {
  .h988i5 {
    --h988i4: 100dvh;
  }
  .h988ih {
    --h988i4: 100dvh;
  }
}
._1mwihsy1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxxl__1bl7jj11q);
  margin-bottom: var(--spacing-xxxl__1bl7jj11q);
}
._1mwihsy2 {
  margin-bottom: var(--spacing-l__1bl7jj11n);
}
._1mwihsy4 {
  display: flex;
  justify-content: space-between;
}
._1mwihsy5 {
  background-color: white;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid #81a2b240;
}
._1mwihsy6 {
  border: 1px solid #ffce53;
}
._1mwihsy7 {
  height: calc(var(--controlSize-m__1bl7jj120) + 1);
  padding-left: var(--spacing-xs__1bl7jj11k);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #81a2b24d;
}
._1mwihsy5 .tabs {
  gap: 0;
}
._1mwihsy5 .tabs__indicator {
  background-color: #00857b;
}
._1mwihsy5 .tabs__tab-list-inner {
  height: 100%;
  justify-content: center;
}
._1mwihsy8 {
  padding: var(--spacing-xxs__1bl7jj11j);
}
._1mwihsy9 {
  position: relative;
  aspect-ratio: 2.39 / 1;
}
._1mwihsya {
  aspect-ratio: 3.13 / 1;
}
._1mwihsyd {
  position: absolute;
  inset: 0;
}
._1mwihsye {
  padding: var(--spacing-xxl__1bl7jj11p);
  display: grid;
  justify-items: stretch;
  align-items: end;
}
._1mwihsyf {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #81a2b280;
  border-radius: 0;
  padding: var(--spacing-xs__1bl7jj11k) 0 0;
  outline: none;
  background: none;
  font-family: Damion, cursive;
  font-size: 34px;
  color: #242C39;
}
._1mwihsyf:focus {
  border-color: #47535dcc;
}
._1mwihsyf::placeholder {
  font-family: Damion, cursive;
  font-size: 34px;
  color: #dfe7eb !important;
  opacity: 1;
}
._1mwihsyg {
  display: none;
}
._1mwihsyh {
  position: absolute;
  inset: var(--spacing-m__1bl7jj11m);
  border: 2px dashed #81a2b240;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-m__1bl7jj11m);
}
._1mwihsyi {
  border-color: #1099FC;
  background-color: #1099fc33;
}
._1mwihsyj > * {
  margin-bottom: 0;
}
._1mwihsyk {
  width: 100%;
  height: 100%;
}
._1mwihsyl {
  opacity: 0;
  pointer-events: none;
}
._1mwihsyn {
  opacity: 0;
  pointer-events: none;
}
._1mwihsyo {
  opacity: 1;
}
._1mwihsyp {
  display: flex;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  margin-top: 10px;
  border: 1px solid transparent;
  gap: 10px;
}
._1mwihsyq {
  border: 1px solid #ffce53;
}
._1mwihsyp {
  --color-controlAccent__1bl7jj115: #00857b;
}
._1mwihsyr {
  flex: 1;
  padding-top: 5px;
  color: #47535D !important;
  cursor: pointer;
}
._1mwihsyr > p {
  font-family: "calibre-legacy", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4;
}
._1mwihsyr > * {
  text-align: start !important;
}
._1mwihsyr > *:last-child {
  padding-bottom: 0 !important;
}
._1mwihsy0._1mwihsy1.accept-form-esignature .text-input__input {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
  padding-inline: 0;
}
._1mwihsy0._1mwihsy1._1mwihsy3.accept-form-esignature .text-input__label {
  font-size: 10px;
}
._1mwihsy0._1mwihsy1.accept-form-esignature ._1mwihsye._1mwihsyd {
  padding: 0;
}
._1mwihsy0._1mwihsy1.accept-form-esignature  ._1mwihsy5 {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
  padding-inline: 0;
}
@media screen and (max-width: 450px) {
  body:not(#print) ._1mwihsye {
    0: undefined;
  }
  body:not(#print) ._1mwihsyf {
    0: undefined;
    1: undefined;
  }
}
.p8cfao0 {
  position: relative;
}
.p8cfao1 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
.p8cfao2 {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  background-color: var(--color-surface__1bl7jj1g);
  box-shadow: inset 0 0 0 1px var(--color-primaryBorder__1bl7jj11);
  align-self: center;
}
.p8cfao3 {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.p8cfao4 {
  background: var(--color-surface__1bl7jj1g) !important;
}
.p8cfao4 .button__text {
  mix-blend-mode: exclusion;
  filter: contrast(0);
}
.p8cfao5 {
  display: flex;
  flex-direction: column;
}
.p8cfao6 {
  gap: var(--spacing-xxxl__1bl7jj11q);
}
.p8cfao7 {
  gap: var(--spacing-l__1bl7jj11n);
}
.p8cfao8 {
  gap: var(--spacing-xxxl__1bl7jj11q);
}
.p8cfao9 {
  gap: var(--spacing-l__1bl7jj11n);
}
.p8cfaoa {
  padding-top: var(--spacing-l__1bl7jj11n);
}
.p8cfaob {
  position: absolute;
  left: 0;
}
.p8cfaoc {
  position: absolute;
  right: 0;
}
.p8cfao5.p8cfao6 .text-input__input {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
  padding-inline: 0;
}
.p8cfao5.p8cfao6 .text-input__input::placeholder {
  opacity: 0;
}
.p8cfao5.p8cfao6 .text-input__label {
  font-size: 10px;
}
.p8cfao5.p8cfao8.p8cfao7 .text-input__input::placeholder {
  opacity: 0;
}
.p8cfao5.p8cfao8 .text-input__label {
  font-size: var(--fontSize-label-l__1bl7jj12x);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  color: var(--color-text__1bl7jj14) !important;
  text-transform: capitalize;
}
.p8cfaod {
  color: var(--color-textCritical__1bl7jj19);
  background-color: var(--color-surfaceCritical__1bl7jj1m);
}
._1bl9f021 {
  background-color: white;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._1bl9f023 {
  flex: 1;
}
._1bl9f023 .kl-segmented-control__options {
  width: 100%;
}
._1bl9f023 .kl-segmented-control__option {
  flex: 1;
}
._1bl9f021 .tabs {
  gap: 0;
}
._1bl9f024 {
  position: absolute;
  inset: 0;
}
._1bl9f025 {
  position: relative;
  width: 100%;
  height: 120px;
}
._1bl9f026 {
  height: 62px;
}
._1bl9f029 {
  inset: 0;
  display: grid;
  justify-items: stretch;
  align-items: center;
  width: 100%;
  margin: 0;
}
._1bl9f02b {
  border: none;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._1bl9f02d {
  width: 100%;
  padding: var(--spacing-m__1bl7jj11m) var(--spacing-s__1bl7jj11l);
  outline: none;
  background: none;
  border: 1px solid #81a2b24d;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  font-family: Damion, cursive;
  font-size: 34px;
  color: #242C39;
  height: 62px;
  transition: border-color 0.2s ease-in-out;
}
._1bl9f02d:focus {
  border-color: #47535d80;
  box-shadow: 0 0 0 1px #47535d1a;
}
._1bl9f02d::placeholder {
  font-family: Damion, cursive;
  font-size: 34px;
  color: #dfe7eb !important;
  opacity: 1;
}
._1bl9f02e {
  border-bottom: none;
}
._1bl9f02h {
  display: none;
}
._1bl9f02i {
  inset: var(--spacing-m__1bl7jj11m);
  border: 2px dashed #81a2b240;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-m__1bl7jj11m);
}
._1bl9f02j {
  border-color: #1099FC;
  background-color: #1099fc33;
}
._1bl9f02k > * {
  margin-bottom: 0;
}
._1bl9f02l {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
._1bl9f02m {
  opacity: 0;
  pointer-events: none;
  border: 1px solid #81a2b280;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._1bl9f02n {
  border: 1px solid #81a2b280;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  padding: 9px;
  box-sizing: border-box;
  overflow: hidden;
}
._1bl9f02o {
  opacity: 0;
  pointer-events: none;
  border: 1px solid #81a2b280;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._1bl9f02p {
  opacity: 1;
}
._1bl9f02q {
  padding-bottom: var(--spacing-xxxs__1bl7jj11i);
  position: relative;
  width: 100%;
}
._1bl9f02r {
  margin: 0;
  line-height: 1.2;
  font-size: var(--fontSize-text-xxs__1bl7jj12w);
  padding: 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1bl9f02s {
  width: 100%;
}
._1bl9f02t {
  width: 100%;
}
.p8cfao5.p8cfao7 ._1bl9f020 ._1bl9f02q .kl-text._1bl9f02r {
  color: #D71939;
  width: 100%;
}
._1bl9f02u {
  color: var(--accept-text-color);
}
._1bl9f02v {
  width: 92px;
}
._1bl9f02v .kl-select__element--end {
  background: none;
}
._1bl9f02v .kl-select__input {
  border: none;
}
._1bl9f02w {
  padding: 0;
}
._1bl9f02x {
  color: blue;
}
._1bl9f02y {
  outline: 1px solid blue;
}
@media (min-width: 700px) {
  ._1bl9f02d {
    font-size: 28px;
    padding: var(--spacing-s__1bl7jj11l) var(--spacing-xs__1bl7jj11k);
  }
  ._1bl9f02d::placeholder {
    font-size: 28px;
  }
  ._1bl9f02q {
    display: block;
    padding-bottom: var(--spacing-xs__1bl7jj11k);
    margin-top: var(--spacing-xs__1bl7jj11k);
  }
  ._1bl9f02r {
    white-space: normal;
    display: block;
    padding: var(--spacing-xxs__1bl7jj11j);
  }
  ._1bl9f02s {
    padding: var(--spacing-xs__1bl7jj11k);
    display: block;
    position: relative;
  }
}
.f3defy0 {
  width: 100%;
}
.f3defy1 {
  display: grid;
  width: 100%;
}
.f3defy2 {
  width: 100px;
}
.f3defy3 {
  grid-area: 1/1;
  margin-left: calc(var(--spacing-s__1bl7jj11l) * var(--fontScale));
  margin-right: calc(var(--spacing-s__1bl7jj11l) * var(--fontScale));
}
.f3defy4 {
  grid-area: 1/1;
  height: calc(fit-content * var(--fontScale));
  min-height: calc(68px * var(--fontScale));
  width: 100%;
  border: 1px solid rgb(102 111 139);
  border-radius: calc(var(--borderRadius-control__1bl7jj11g) * var(--fontScale));
  margin-top: calc(10px * var(--fontScale));
  display: flex;
  padding-left: calc(var(--spacing-xs__1bl7jj11k) * var(--fontScale));
  padding-bottom: calc(var(--spacing-xs__1bl7jj11k) * var(--fontScale));
}
.f3defy5 {
  background: white;
  width: fit-content;
  height: fit-content;
  padding-left: calc(var(--spacing-xxs__1bl7jj11j) * var(--fontScale));
  padding-right: calc(var(--spacing-xxs__1bl7jj11j) * var(--fontScale));
  font-size: calc(var(--fontSize-text-xs__1bl7jj12v) * var(--fontScale));
}
.f3defy6 {
  grid-area: 1/1;
  height: calc(62px * var(--fontScale));
  width: auto;
  max-width: 90%;
  max-height: 80%;
  object-fit: contain;
  object-position: left;
  align-items: flex-start;
  margin-left: 0;
}
.f3defy7 {
  font-size: calc(var(--fontSize-text-m__1bl7jj12t) * var(--fontScale));
  padding: calc(var(--spacing-s__1bl7jj11l) * var(--fontScale));
}
.f3defy8 {
  word-break: break-word;
  white-space: normal;
  max-width: 100%;
  overflow: hidden;
}
._1rexsh0 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1053;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--duration-l__1bl7jj11w) var(--easing-standard__1bl7jj11s);
  background: rgb(18 20 35 / 0.6);
  backdrop-filter: blur(8px) saturate(110%);
}
._1rexsh0::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/Assets/Images/background-noise.png") repeat;
  mix-blend-mode: soft-light;
  opacity: 0.08;
}
._1rexsh1 {
  opacity: 0;
}
._1rexsh2 {
  opacity: 1;
}
._1rexsh3 {
  opacity: 1;
}
._1rexsh7 {
  z-index: 1054;
}
._1rexsh7 > * {
  transform: scale(0.8);
  transition: transform var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
}
._1rexsh7._1rexsh8 > * {
  transform: none;
}
._1rexsh7._1rexsh9 > * {
  transform: none;
}
._1rtn4ly0 {
  isolation: isolate;
  transition: box-shadow var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  display: flex;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._1rtn4ly1 {
  box-shadow: none;
}
._1rtn4ly1:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._1rtn4ly1:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._1rtn4ly1:focus {
  z-index: 1;
}
._1rtn4ly1:hover:not(:disabled) {
  box-shadow: none;
}
._1rtn4ly2:hover, ._1rtn4ly2[aria-expanded='true'] {
  background: rgb(22 4 96);
}
._1rtn4ly2 + ._1rtn4ly2 {
  border-left: 1px solid rgb(255 255 255 / 0.4);
}
._1rtn4ly3 {
  border: 1px solid var(--color-border__1bl7jj110);
}
._1rtn4ly3:hover, ._1rtn4ly3[aria-expanded='true'] {
  background: var(--color-surfaceHover__1bl7jj1n);
}
._1rtn4ly3 + ._1rtn4ly3 {
  border-left: none;
}
._16b0wc10 {
  display: flex;
  gap: var(--spacing-xs__1bl7jj11k);
  align-items: center;
  justify-content: space-between;
}
._1vjd0jc0 {
  margin: 0;
  height: 1px;
  background-color: var(--color-border__1bl7jj110);
  overflow: initial;
  border: none;
}
@keyframes _1wci1tg8 {
  0% {
    transform: scale(0.85);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(0.85);
  }
}
._1wci1tg9 {
  animation-duration: var(--_1wci1tg0);
  animation-iteration-count: var(--_1wci1tg1);
  animation-name: _1wci1tg8;
  background-color: var(--_1wci1tg2);
  border-color: var(--_1wci1tg4);
  border-radius: var(--_1wci1tg5);
  border-style: solid;
  display: block;
  font-size: var(--_1wci1tg6);
  padding: var(--_1wci1tg7);
}
 .project-block .columns ._2fdphpb, .project-block .quote-header ._2fdphpb, .project-block .plan-section__title ._2fdphpb, .project-block .plan-card__feature-list ._2fdphpb, .project-block .video-header ._2fdphpb, .project-block .content ._2fdphpb, .project-block .content-wrapper ._2fdphpb {
  text-align: var(--_2fdphp1);
  color: var(--_2fdphp2);
  line-height: var(--_2fdphp4);
  letter-spacing: var(--_2fdphp5);
  text-transform: var(--_2fdphp6);
  font-family: var(--_2fdphp9);
  font-weight: var(--_2fdphpa);
}
 .project-block .columns ._2fdphpb, .project-block .quote-header ._2fdphpb, .project-block .plan-section__title ._2fdphpb, .project-block .plan-card__feature-list ._2fdphpb, .project-block .video-header ._2fdphpb, .project-block .content ._2fdphpb, .project-block .content-wrapper ._2fdphpb {
  font-size: calc((16 + (19 * (var(--_2fdphp3) - 16))/84) * 1px);
}
#print .project-block .columns ._2fdphpb,#print .project-block .quote-header ._2fdphpb,#print .project-block .plan-section__title ._2fdphpb,#print .project-block .plan-card__feature-list ._2fdphpb,#print .project-block .video-header ._2fdphpb,#print .project-block .content ._2fdphpb,#print .project-block .content-wrapper ._2fdphpb {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_2fdphp3) - 16)/84) * 1px);
}
 .project-block .columns ._2fdphpc, .project-block .quote-header ._2fdphpc, .project-block .plan-section__title ._2fdphpc, .project-block .plan-card__feature-list ._2fdphpc, .project-block .video-header ._2fdphpc, .project-block .content ._2fdphpc, .project-block .content-wrapper ._2fdphpc {
  font-size: calc((16 + (19 * (var(--_2fdphp3) - 16))/84) * 1px);
}
#print .project-block .columns ._2fdphpc,#print .project-block .quote-header ._2fdphpc,#print .project-block .plan-section__title ._2fdphpc,#print .project-block .plan-card__feature-list ._2fdphpc,#print .project-block .video-header ._2fdphpc,#print .project-block .content ._2fdphpc,#print .project-block .content-wrapper ._2fdphpc {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_2fdphp3) - 16)/84) * 1px);
}
.project-block h1 {
  letter-spacing: 0;
  line-height: 1.2;
  padding: var(--_2fdphp7) 0 var(--_2fdphp8) 0;
  font-weight: 300;
}
.project-block ._2fdphpc {
  padding: var(--_2fdphp7) 0 var(--_2fdphp8) 0;
}
.project-block ._2fdphpc h1 {
  padding: 0;
}
._2fdphpc:first-child {
  padding-top: 0;
}
.project-block table h1 {
  padding: 0;
  margin: 0;
}
.project-block table ._2fdphpc {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns ._2fdphpb, .project-block .quote-header ._2fdphpb, .project-block .plan-section__title ._2fdphpb, .project-block .plan-card__feature-list ._2fdphpb, .project-block .video-header ._2fdphpb, .project-block .content ._2fdphpb, .project-block .content-wrapper ._2fdphpb {
    font-size: calc((16 + (19 * (var(--_2fdphp3) - 16))/84) * 1px + (var(--_2fdphp3) - (16 + (19 * (var(--_2fdphp3) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns ._2fdphpc, .project-block .quote-header ._2fdphpc, .project-block .plan-section__title ._2fdphpc, .project-block .plan-card__feature-list ._2fdphpc, .project-block .video-header ._2fdphpc, .project-block .content ._2fdphpc, .project-block .content-wrapper ._2fdphpc {
    font-size: calc((16 + (19 * (var(--_2fdphp3) - 16))/84) * 1px + (var(--_2fdphp3) - (16 + (19 * (var(--_2fdphp3) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns ._2fdphpb, .project-block .quote-header ._2fdphpb, .project-block .plan-section__title ._2fdphpb, .project-block .plan-card__feature-list ._2fdphpb, .project-block .video-header ._2fdphpb, .project-block .content ._2fdphpb, .project-block .content-wrapper ._2fdphpb {
    font-size: calc(var(--_2fdphp3) * 1px);
  }
   .project-block .columns ._2fdphpc, .project-block .quote-header ._2fdphpc, .project-block .plan-section__title ._2fdphpc, .project-block .plan-card__feature-list ._2fdphpc, .project-block .video-header ._2fdphpc, .project-block .content ._2fdphpc, .project-block .content-wrapper ._2fdphpc {
    font-size: calc(var(--_2fdphp3) * 1px);
  }
}
 .project-block .columns ._1fux1sib, .project-block .quote-header ._1fux1sib, .project-block .plan-section__title ._1fux1sib, .project-block .plan-card__feature-list ._1fux1sib, .project-block .video-header ._1fux1sib, .project-block .content ._1fux1sib, .project-block .content-wrapper ._1fux1sib {
  text-align: var(--_1fux1si1);
  color: var(--_1fux1si2);
  line-height: var(--_1fux1si4);
  letter-spacing: var(--_1fux1si5);
  text-transform: var(--_1fux1si6);
  font-family: var(--_1fux1si9);
  font-weight: var(--_1fux1sia);
}
 .project-block .columns ._1fux1sib, .project-block .quote-header ._1fux1sib, .project-block .plan-section__title ._1fux1sib, .project-block .plan-card__feature-list ._1fux1sib, .project-block .video-header ._1fux1sib, .project-block .content ._1fux1sib, .project-block .content-wrapper ._1fux1sib {
  font-size: calc((16 + (19 * (var(--_1fux1si3) - 16))/84) * 1px);
}
#print .project-block .columns ._1fux1sib,#print .project-block .quote-header ._1fux1sib,#print .project-block .plan-section__title ._1fux1sib,#print .project-block .plan-card__feature-list ._1fux1sib,#print .project-block .video-header ._1fux1sib,#print .project-block .content ._1fux1sib,#print .project-block .content-wrapper ._1fux1sib {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_1fux1si3) - 16)/84) * 1px);
}
 .project-block .columns ._1fux1sic, .project-block .quote-header ._1fux1sic, .project-block .plan-section__title ._1fux1sic, .project-block .plan-card__feature-list ._1fux1sic, .project-block .video-header ._1fux1sic, .project-block .content ._1fux1sic, .project-block .content-wrapper ._1fux1sic {
  font-size: calc((16 + (19 * (var(--_1fux1si3) - 16))/84) * 1px);
}
#print .project-block .columns ._1fux1sic,#print .project-block .quote-header ._1fux1sic,#print .project-block .plan-section__title ._1fux1sic,#print .project-block .plan-card__feature-list ._1fux1sic,#print .project-block .video-header ._1fux1sic,#print .project-block .content ._1fux1sic,#print .project-block .content-wrapper ._1fux1sic {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_1fux1si3) - 16)/84) * 1px);
}
.project-block h2 {
  letter-spacing: 0;
  line-height: 1.3;
  padding: var(--_1fux1si7) 0 var(--_1fux1si8) 0;
  font-weight: 300;
}
.project-block ._1fux1sic {
  padding: var(--_1fux1si7) 0 var(--_1fux1si8) 0;
}
.project-block ._1fux1sic h2 {
  padding: 0;
}
._1fux1sic:first-child {
  padding-top: 0;
}
.project-block table h2 {
  padding: 0;
  margin: 0;
}
.project-block table ._1fux1sic {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns ._1fux1sib, .project-block .quote-header ._1fux1sib, .project-block .plan-section__title ._1fux1sib, .project-block .plan-card__feature-list ._1fux1sib, .project-block .video-header ._1fux1sib, .project-block .content ._1fux1sib, .project-block .content-wrapper ._1fux1sib {
    font-size: calc((16 + (19 * (var(--_1fux1si3) - 16))/84) * 1px + (var(--_1fux1si3) - (16 + (19 * (var(--_1fux1si3) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns ._1fux1sic, .project-block .quote-header ._1fux1sic, .project-block .plan-section__title ._1fux1sic, .project-block .plan-card__feature-list ._1fux1sic, .project-block .video-header ._1fux1sic, .project-block .content ._1fux1sic, .project-block .content-wrapper ._1fux1sic {
    font-size: calc((16 + (19 * (var(--_1fux1si3) - 16))/84) * 1px + (var(--_1fux1si3) - (16 + (19 * (var(--_1fux1si3) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns ._1fux1sib, .project-block .quote-header ._1fux1sib, .project-block .plan-section__title ._1fux1sib, .project-block .plan-card__feature-list ._1fux1sib, .project-block .video-header ._1fux1sib, .project-block .content ._1fux1sib, .project-block .content-wrapper ._1fux1sib {
    font-size: calc(var(--_1fux1si3) * 1px);
  }
   .project-block .columns ._1fux1sic, .project-block .quote-header ._1fux1sic, .project-block .plan-section__title ._1fux1sic, .project-block .plan-card__feature-list ._1fux1sic, .project-block .video-header ._1fux1sic, .project-block .content ._1fux1sic, .project-block .content-wrapper ._1fux1sic {
    font-size: calc(var(--_1fux1si3) * 1px);
  }
}
 .project-block .columns .h5f980a, .project-block .quote-header .h5f980a, .project-block .plan-section__title .h5f980a, .project-block .plan-card__feature-list .h5f980a, .project-block .video-header .h5f980a, .project-block .content .h5f980a, .project-block .content-wrapper .h5f980a {
  text-align: var(--h5f9800);
  color: var(--h5f9801);
  line-height: var(--h5f9803);
  letter-spacing: var(--h5f9804);
  text-transform: var(--h5f9805);
  font-family: var(--h5f9808);
  font-weight: var(--h5f9809);
}
 .project-block .columns .h5f980a, .project-block .quote-header .h5f980a, .project-block .plan-section__title .h5f980a, .project-block .plan-card__feature-list .h5f980a, .project-block .video-header .h5f980a, .project-block .content .h5f980a, .project-block .content-wrapper .h5f980a {
  font-size: calc((16 + (19 * (var(--h5f9802) - 16))/84) * 1px);
}
#print .project-block .columns .h5f980a,#print .project-block .quote-header .h5f980a,#print .project-block .plan-section__title .h5f980a,#print .project-block .plan-card__feature-list .h5f980a,#print .project-block .video-header .h5f980a,#print .project-block .content .h5f980a,#print .project-block .content-wrapper .h5f980a {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--h5f9802) - 16)/84) * 1px);
}
 .project-block .columns .h5f980b, .project-block .quote-header .h5f980b, .project-block .plan-section__title .h5f980b, .project-block .plan-card__feature-list .h5f980b, .project-block .video-header .h5f980b, .project-block .content .h5f980b, .project-block .content-wrapper .h5f980b {
  font-size: calc((16 + (19 * (var(--h5f9802) - 16))/84) * 1px);
}
#print .project-block .columns .h5f980b,#print .project-block .quote-header .h5f980b,#print .project-block .plan-section__title .h5f980b,#print .project-block .plan-card__feature-list .h5f980b,#print .project-block .video-header .h5f980b,#print .project-block .content .h5f980b,#print .project-block .content-wrapper .h5f980b {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--h5f9802) - 16)/84) * 1px);
}
.project-block h3 {
  letter-spacing: 0;
  line-height: 1.3;
  padding: var(--h5f9806) 0 var(--h5f9807) 0;
  font-weight: 300;
}
.project-block .h5f980b {
  padding: var(--h5f9806) 0 var(--h5f9807) 0;
}
.project-block .h5f980b h3 {
  padding: 0;
}
.h5f980b:first-child {
  padding-top: 0;
}
.project-block table h3 {
  padding: 0;
  margin: 0;
}
.project-block table .h5f980b {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns .h5f980a, .project-block .quote-header .h5f980a, .project-block .plan-section__title .h5f980a, .project-block .plan-card__feature-list .h5f980a, .project-block .video-header .h5f980a, .project-block .content .h5f980a, .project-block .content-wrapper .h5f980a {
    font-size: calc((16 + (19 * (var(--h5f9802) - 16))/84) * 1px + (var(--h5f9802) - (16 + (19 * (var(--h5f9802) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns .h5f980b, .project-block .quote-header .h5f980b, .project-block .plan-section__title .h5f980b, .project-block .plan-card__feature-list .h5f980b, .project-block .video-header .h5f980b, .project-block .content .h5f980b, .project-block .content-wrapper .h5f980b {
    font-size: calc((16 + (19 * (var(--h5f9802) - 16))/84) * 1px + (var(--h5f9802) - (16 + (19 * (var(--h5f9802) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns .h5f980a, .project-block .quote-header .h5f980a, .project-block .plan-section__title .h5f980a, .project-block .plan-card__feature-list .h5f980a, .project-block .video-header .h5f980a, .project-block .content .h5f980a, .project-block .content-wrapper .h5f980a {
    font-size: calc(var(--h5f9802) * 1px);
  }
   .project-block .columns .h5f980b, .project-block .quote-header .h5f980b, .project-block .plan-section__title .h5f980b, .project-block .plan-card__feature-list .h5f980b, .project-block .video-header .h5f980b, .project-block .content .h5f980b, .project-block .content-wrapper .h5f980b {
    font-size: calc(var(--h5f9802) * 1px);
  }
}
 .project-block .columns .atfej3a, .project-block .quote-header .atfej3a, .project-block .plan-section__title .atfej3a, .project-block .plan-card__feature-list .atfej3a, .project-block .video-header .atfej3a, .project-block .content .atfej3a, .project-block .content-wrapper .atfej3a {
  text-align: var(--atfej30);
  color: var(--atfej31);
  line-height: var(--atfej33);
  letter-spacing: var(--atfej34);
  text-transform: var(--atfej35);
  font-family: var(--atfej38);
  font-weight: var(--atfej39);
}
 .project-block .columns .atfej3a, .project-block .quote-header .atfej3a, .project-block .plan-section__title .atfej3a, .project-block .plan-card__feature-list .atfej3a, .project-block .video-header .atfej3a, .project-block .content .atfej3a, .project-block .content-wrapper .atfej3a {
  font-size: calc((16 + (19 * (var(--atfej32) - 16))/84) * 1px);
}
#print .project-block .columns .atfej3a,#print .project-block .quote-header .atfej3a,#print .project-block .plan-section__title .atfej3a,#print .project-block .plan-card__feature-list .atfej3a,#print .project-block .video-header .atfej3a,#print .project-block .content .atfej3a,#print .project-block .content-wrapper .atfej3a {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--atfej32) - 16)/84) * 1px);
}
 .project-block .columns .atfej3b, .project-block .quote-header .atfej3b, .project-block .plan-section__title .atfej3b, .project-block .plan-card__feature-list .atfej3b, .project-block .video-header .atfej3b, .project-block .content .atfej3b, .project-block .content-wrapper .atfej3b {
  font-size: calc((16 + (19 * (var(--atfej32) - 16))/84) * 1px);
}
#print .project-block .columns .atfej3b,#print .project-block .quote-header .atfej3b,#print .project-block .plan-section__title .atfej3b,#print .project-block .plan-card__feature-list .atfej3b,#print .project-block .video-header .atfej3b,#print .project-block .content .atfej3b,#print .project-block .content-wrapper .atfej3b {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--atfej32) - 16)/84) * 1px);
}
.project-block h4 {
  letter-spacing: 0;
  line-height: 1.3;
  padding: var(--atfej36) 0 var(--atfej37) 0;
  font-weight: 300;
}
.project-block .atfej3b {
  padding: var(--atfej36) 0 var(--atfej37) 0;
}
.project-block .atfej3b h4 {
  padding: 0;
}
.atfej3b:first-child {
  padding-top: 0;
}
.project-block table h4 {
  padding: 0;
  margin: 0;
}
.project-block table .atfej3b {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns .atfej3a, .project-block .quote-header .atfej3a, .project-block .plan-section__title .atfej3a, .project-block .plan-card__feature-list .atfej3a, .project-block .video-header .atfej3a, .project-block .content .atfej3a, .project-block .content-wrapper .atfej3a {
    font-size: calc((16 + (19 * (var(--atfej32) - 16))/84) * 1px + (var(--atfej32) - (16 + (19 * (var(--atfej32) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns .atfej3b, .project-block .quote-header .atfej3b, .project-block .plan-section__title .atfej3b, .project-block .plan-card__feature-list .atfej3b, .project-block .video-header .atfej3b, .project-block .content .atfej3b, .project-block .content-wrapper .atfej3b {
    font-size: calc((16 + (19 * (var(--atfej32) - 16))/84) * 1px + (var(--atfej32) - (16 + (19 * (var(--atfej32) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns .atfej3a, .project-block .quote-header .atfej3a, .project-block .plan-section__title .atfej3a, .project-block .plan-card__feature-list .atfej3a, .project-block .video-header .atfej3a, .project-block .content .atfej3a, .project-block .content-wrapper .atfej3a {
    font-size: calc(var(--atfej32) * 1px);
  }
   .project-block .columns .atfej3b, .project-block .quote-header .atfej3b, .project-block .plan-section__title .atfej3b, .project-block .plan-card__feature-list .atfej3b, .project-block .video-header .atfej3b, .project-block .content .atfej3b, .project-block .content-wrapper .atfej3b {
    font-size: calc(var(--atfej32) * 1px);
  }
}
 .project-block .columns ._66ilukb, .project-block .quote-header ._66ilukb, .project-block .plan-section__title ._66ilukb, .project-block .plan-card__feature-list ._66ilukb, .project-block .video-header ._66ilukb, .project-block .content ._66ilukb, .project-block .content-wrapper ._66ilukb {
  text-align: var(--_66iluk1);
  color: var(--_66iluk2);
  line-height: var(--_66iluk4);
  letter-spacing: var(--_66iluk5);
  text-transform: var(--_66iluk6);
  font-family: var(--_66iluk9);
  font-weight: var(--_66iluka);
}
 .project-block .columns ._66ilukb, .project-block .quote-header ._66ilukb, .project-block .plan-section__title ._66ilukb, .project-block .plan-card__feature-list ._66ilukb, .project-block .video-header ._66ilukb, .project-block .content ._66ilukb, .project-block .content-wrapper ._66ilukb {
  font-size: calc((16 + (19 * (var(--_66iluk3) - 16))/84) * 1px);
}
#print .project-block .columns ._66ilukb,#print .project-block .quote-header ._66ilukb,#print .project-block .plan-section__title ._66ilukb,#print .project-block .plan-card__feature-list ._66ilukb,#print .project-block .video-header ._66ilukb,#print .project-block .content ._66ilukb,#print .project-block .content-wrapper ._66ilukb {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_66iluk3) - 16)/84) * 1px);
}
 .project-block .columns ._66ilukc, .project-block .quote-header ._66ilukc, .project-block .plan-section__title ._66ilukc, .project-block .plan-card__feature-list ._66ilukc, .project-block .video-header ._66ilukc, .project-block .content ._66ilukc, .project-block .content-wrapper ._66ilukc {
  font-size: calc((16 + (19 * (var(--_66iluk3) - 16))/84) * 1px);
}
#print .project-block .columns ._66ilukc,#print .project-block .quote-header ._66ilukc,#print .project-block .plan-section__title ._66ilukc,#print .project-block .plan-card__feature-list ._66ilukc,#print .project-block .video-header ._66ilukc,#print .project-block .content ._66ilukc,#print .project-block .content-wrapper ._66ilukc {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_66iluk3) - 16)/84) * 1px);
}
.project-block ._66ilukb {
  letter-spacing: 0;
  line-height: 1.5;
  padding: var(--_66iluk7) 0 var(--_66iluk8) 0;
  font-weight: 400;
}
.project-block ._66ilukc {
  padding: var(--_66iluk7) 0 var(--_66iluk8) 0;
}
.project-block ._66ilukc ._66ilukb {
  padding: 0;
}
._66ilukc:first-child {
  padding-top: 0;
}
.project-block table ._66ilukb {
  padding: 0;
  margin: 0;
}
.project-block table ._66ilukc {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns ._66ilukb, .project-block .quote-header ._66ilukb, .project-block .plan-section__title ._66ilukb, .project-block .plan-card__feature-list ._66ilukb, .project-block .video-header ._66ilukb, .project-block .content ._66ilukb, .project-block .content-wrapper ._66ilukb {
    font-size: calc((16 + (19 * (var(--_66iluk3) - 16))/84) * 1px + (var(--_66iluk3) - (16 + (19 * (var(--_66iluk3) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns ._66ilukc, .project-block .quote-header ._66ilukc, .project-block .plan-section__title ._66ilukc, .project-block .plan-card__feature-list ._66ilukc, .project-block .video-header ._66ilukc, .project-block .content ._66ilukc, .project-block .content-wrapper ._66ilukc {
    font-size: calc((16 + (19 * (var(--_66iluk3) - 16))/84) * 1px + (var(--_66iluk3) - (16 + (19 * (var(--_66iluk3) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns ._66ilukb, .project-block .quote-header ._66ilukb, .project-block .plan-section__title ._66ilukb, .project-block .plan-card__feature-list ._66ilukb, .project-block .video-header ._66ilukb, .project-block .content ._66ilukb, .project-block .content-wrapper ._66ilukb {
    font-size: calc(var(--_66iluk3) * 1px);
  }
   .project-block .columns ._66ilukc, .project-block .quote-header ._66ilukc, .project-block .plan-section__title ._66ilukc, .project-block .plan-card__feature-list ._66ilukc, .project-block .video-header ._66ilukc, .project-block .content ._66ilukc, .project-block .content-wrapper ._66ilukc {
    font-size: calc(var(--_66iluk3) * 1px);
  }
}
 .project-block .columns .pd80nsa, .project-block .quote-header .pd80nsa, .project-block .plan-section__title .pd80nsa, .project-block .plan-card__feature-list .pd80nsa, .project-block .video-header .pd80nsa, .project-block .content .pd80nsa, .project-block .content-wrapper .pd80nsa {
  text-align: var(--pd80ns0);
  color: var(--pd80ns1);
  line-height: var(--pd80ns3);
  letter-spacing: var(--pd80ns4);
  text-transform: var(--pd80ns5);
  font-family: var(--pd80ns8);
  font-weight: var(--pd80ns9);
}
 .project-block .columns .pd80nsa, .project-block .quote-header .pd80nsa, .project-block .plan-section__title .pd80nsa, .project-block .plan-card__feature-list .pd80nsa, .project-block .video-header .pd80nsa, .project-block .content .pd80nsa, .project-block .content-wrapper .pd80nsa {
  font-size: calc((16 + (19 * (var(--pd80ns2) - 16))/84) * 1px);
}
#print .project-block .columns .pd80nsa,#print .project-block .quote-header .pd80nsa,#print .project-block .plan-section__title .pd80nsa,#print .project-block .plan-card__feature-list .pd80nsa,#print .project-block .video-header .pd80nsa,#print .project-block .content .pd80nsa,#print .project-block .content-wrapper .pd80nsa {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--pd80ns2) - 16)/84) * 1px);
}
 .project-block .columns .pd80nsb, .project-block .quote-header .pd80nsb, .project-block .plan-section__title .pd80nsb, .project-block .plan-card__feature-list .pd80nsb, .project-block .video-header .pd80nsb, .project-block .content .pd80nsb, .project-block .content-wrapper .pd80nsb {
  font-size: calc((16 + (19 * (var(--pd80ns2) - 16))/84) * 1px);
}
#print .project-block .columns .pd80nsb,#print .project-block .quote-header .pd80nsb,#print .project-block .plan-section__title .pd80nsb,#print .project-block .plan-card__feature-list .pd80nsb,#print .project-block .video-header .pd80nsb,#print .project-block .content .pd80nsb,#print .project-block .content-wrapper .pd80nsb {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--pd80ns2) - 16)/84) * 1px);
}
.project-block .pd80nsa {
  letter-spacing: 0;
  line-height: 1.5;
  padding: var(--pd80ns6) 0 var(--pd80ns7) 0;
  font-weight: 400;
}
.project-block .pd80nsb {
  padding: var(--pd80ns6) 0 var(--pd80ns7) 0;
}
.project-block .pd80nsb .pd80nsa {
  padding: 0;
}
.pd80nsb:first-child {
  padding-top: 0;
}
.project-block table .pd80nsa {
  padding: 0;
  margin: 0;
}
.project-block table .pd80nsb {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns .pd80nsa, .project-block .quote-header .pd80nsa, .project-block .plan-section__title .pd80nsa, .project-block .plan-card__feature-list .pd80nsa, .project-block .video-header .pd80nsa, .project-block .content .pd80nsa, .project-block .content-wrapper .pd80nsa {
    font-size: calc((16 + (19 * (var(--pd80ns2) - 16))/84) * 1px + (var(--pd80ns2) - (16 + (19 * (var(--pd80ns2) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns .pd80nsb, .project-block .quote-header .pd80nsb, .project-block .plan-section__title .pd80nsb, .project-block .plan-card__feature-list .pd80nsb, .project-block .video-header .pd80nsb, .project-block .content .pd80nsb, .project-block .content-wrapper .pd80nsb {
    font-size: calc((16 + (19 * (var(--pd80ns2) - 16))/84) * 1px + (var(--pd80ns2) - (16 + (19 * (var(--pd80ns2) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns .pd80nsa, .project-block .quote-header .pd80nsa, .project-block .plan-section__title .pd80nsa, .project-block .plan-card__feature-list .pd80nsa, .project-block .video-header .pd80nsa, .project-block .content .pd80nsa, .project-block .content-wrapper .pd80nsa {
    font-size: calc(var(--pd80ns2) * 1px);
  }
   .project-block .columns .pd80nsb, .project-block .quote-header .pd80nsb, .project-block .plan-section__title .pd80nsb, .project-block .plan-card__feature-list .pd80nsb, .project-block .video-header .pd80nsb, .project-block .content .pd80nsb, .project-block .content-wrapper .pd80nsb {
    font-size: calc(var(--pd80ns2) * 1px);
  }
}
 .project-block .columns ._17exks8a, .project-block .quote-header ._17exks8a, .project-block .plan-section__title ._17exks8a, .project-block .plan-card__feature-list ._17exks8a, .project-block .video-header ._17exks8a, .project-block .content ._17exks8a, .project-block .content-wrapper ._17exks8a {
  text-align: var(--_17exks80);
  color: var(--_17exks81);
  line-height: var(--_17exks83);
  letter-spacing: var(--_17exks84);
  text-transform: var(--_17exks85);
  font-family: var(--_17exks88);
  font-weight: var(--_17exks89);
}
 .project-block .columns ._17exks8a, .project-block .quote-header ._17exks8a, .project-block .plan-section__title ._17exks8a, .project-block .plan-card__feature-list ._17exks8a, .project-block .video-header ._17exks8a, .project-block .content ._17exks8a, .project-block .content-wrapper ._17exks8a {
  font-size: calc((16 + (19 * (var(--_17exks82) - 16))/84) * 1px);
}
#print .project-block .columns ._17exks8a,#print .project-block .quote-header ._17exks8a,#print .project-block .plan-section__title ._17exks8a,#print .project-block .plan-card__feature-list ._17exks8a,#print .project-block .video-header ._17exks8a,#print .project-block .content ._17exks8a,#print .project-block .content-wrapper ._17exks8a {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_17exks82) - 16)/84) * 1px);
}
 .project-block .columns ._17exks8b, .project-block .quote-header ._17exks8b, .project-block .plan-section__title ._17exks8b, .project-block .plan-card__feature-list ._17exks8b, .project-block .video-header ._17exks8b, .project-block .content ._17exks8b, .project-block .content-wrapper ._17exks8b {
  font-size: calc((16 + (19 * (var(--_17exks82) - 16))/84) * 1px);
}
#print .project-block .columns ._17exks8b,#print .project-block .quote-header ._17exks8b,#print .project-block .plan-section__title ._17exks8b,#print .project-block .plan-card__feature-list ._17exks8b,#print .project-block .video-header ._17exks8b,#print .project-block .content ._17exks8b,#print .project-block .content-wrapper ._17exks8b {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_17exks82) - 16)/84) * 1px);
}
.project-block ._17exks8a {
  letter-spacing: 0;
  line-height: 1.5;
  padding: var(--_17exks86) 0 var(--_17exks87) 0;
  font-weight: 400;
}
.project-block ._17exks8b {
  padding: var(--_17exks86) 0 var(--_17exks87) 0;
}
.project-block ._17exks8b ._17exks8a {
  padding: 0;
}
._17exks8b:first-child {
  padding-top: 0;
}
.project-block table ._17exks8a {
  padding: 0;
  margin: 0;
}
.project-block table ._17exks8b {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 200px) {
   .project-block .columns ._17exks8a, .project-block .quote-header ._17exks8a, .project-block .plan-section__title ._17exks8a, .project-block .plan-card__feature-list ._17exks8a, .project-block .video-header ._17exks8a, .project-block .content ._17exks8a, .project-block .content-wrapper ._17exks8a {
    font-size: calc((16 + (19 * (var(--_17exks82) - 16))/84) * 1px + (var(--_17exks82) - (16 + (19 * (var(--_17exks82) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns ._17exks8b, .project-block .quote-header ._17exks8b, .project-block .plan-section__title ._17exks8b, .project-block .plan-card__feature-list ._17exks8b, .project-block .video-header ._17exks8b, .project-block .content ._17exks8b, .project-block .content-wrapper ._17exks8b {
    font-size: calc((16 + (19 * (var(--_17exks82) - 16))/84) * 1px + (var(--_17exks82) - (16 + (19 * (var(--_17exks82) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns ._17exks8a, .project-block .quote-header ._17exks8a, .project-block .plan-section__title ._17exks8a, .project-block .plan-card__feature-list ._17exks8a, .project-block .video-header ._17exks8a, .project-block .content ._17exks8a, .project-block .content-wrapper ._17exks8a {
    font-size: calc(var(--_17exks82) * 1px);
  }
   .project-block .columns ._17exks8b, .project-block .quote-header ._17exks8b, .project-block .plan-section__title ._17exks8b, .project-block .plan-card__feature-list ._17exks8b, .project-block .video-header ._17exks8b, .project-block .content ._17exks8b, .project-block .content-wrapper ._17exks8b {
    font-size: calc(var(--_17exks82) * 1px);
  }
}
._15lj6c5h {
  margin: 20px 0;
}
._15lj6c5i {
  -webkit-tap-highlight-color: transparent;
  align-items: flex-start;
  background-clip: padding-box;
  background-color: var(--_15lj6c54);
  background-repeat: no-repeat;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  display: flex;
  font-weight: unset;
  padding: var(--spacing-xs__1bl7jj11k) 0;
  position: relative;
  width: 100%;
  word-break: break-word;
}
._15lj6c5i:after {
  display: none;
}
._15lj6c5i:before {
  display: none;
}
._15lj6c5j {
  flex-direction: row;
  padding-left: 0px;
  padding-right: var(--spacing-m__1bl7jj11m);
}
._15lj6c5k {
  flex-direction: row-reverse;
  padding-left: var(--spacing-m__1bl7jj11m);
  padding-right: 0px;
}
._15lj6c5o {
  border: 1px solid rgba(129, 162, 178, 0.25);
}
#print ._15lj6c5o {
  padding-left: 16px;
  padding-right: 16px;
}
._15lj6c5p {
  background-color: transparent;
  border: 1px solid transparent;
}
#print ._15lj6c5p {
  padding-left: 0;
  padding-right: 0;
}
._15lj6c5q {
  align-items: flex-end;
  background-color: transparent;
  background-position: center;
  background-size: cover;
  border: 1px solid rgba(129, 162, 178, 0.25);
  position: relative;
  z-index: 0;
}
._15lj6c5q:after {
  content: "";
  background-color: var(--_15lj6c56);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  display: block;
  height: 100%;
  left: 0;
  opacity: var(--_15lj6c57);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
._15lj6c5q:before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  display: block;
  height: calc(100% - var(--_15lj6c5a));
  left: 0;
  position: absolute;
  top: var(--_15lj6c5a);
  transition: height var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r), top  var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  width: 100%;
  z-index: -1;
}
#print ._15lj6c5q {
  padding-left: 16px;
  padding-right: 16px;
}
._15lj6c5s {
  border-bottom: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
._15lj6c5s:after {
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}
._15lj6c5s:before {
  border-bottom-left-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}
.project-block ._15lj6c5i ._15lj6c5q .accordion-widget-heading__content a:not(.link-styler):not(.kl-link) {
  color: white;
  border-bottom-color: white;
}
._15lj6c5t {
  cursor: auto;
}
._15lj6c5u {
  cursor: pointer;
}
._15lj6c5v {
  background-image: none !important;
}
._15lj6c5w {
  background-image: none !important;
}
._15lj6c5x {
  outline: none;
}
._15lj6c5y:before {
  left: 0;
  width: 100%;
}
._15lj6c510:before {
  content: "";
  background-color: var(--_15lj6c5g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  display: unset;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition-duration: var(--duration-m__1bl7jj11v);
  transition-property: opacity, transform;
  transition-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
  z-index: 0;
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1);
  left: 0;
  width: 100%;
}
._15lj6c510:focus:before, ._15lj6c510:active:before {
  opacity: 1;
  transform: scale3d(1,1,1);
}
._15lj6c510:focus:not(:focus-visible):not(:hover):before {
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1);
}
._15lj6c511:before {
  content: "";
  background-color: var(--_15lj6c5g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  display: unset;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition-duration: var(--duration-m__1bl7jj11v);
  transition-property: opacity, transform;
  transition-timing-function: var(--easing-fastoutSlowin__1bl7jj11r);
  z-index: 0;
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1);
}
._15lj6c511:focus:before, ._15lj6c511:active:before {
  opacity: 1;
  transform: scale3d(1,1,1);
}
._15lj6c511:focus:not(:focus-visible):not(:hover):before {
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1);
}
._15lj6c512:before {
  left: 0;
  width: 100%;
}
._15lj6c512:focus:before {
  height: 100%;
  top: 0;
}
._15lj6c512:focus:not(:focus-visible):before {
  height: calc(100% - var(--_15lj6c5a));
  top: var(--_15lj6c5a);
}
._15lj6c512:hover:before {
  height: 100% !important;
  top: 0 !important;
}
._15lj6c513:before {
  left: -8px;
  width: calc(100% + 8px);
}
._15lj6c514 {
  cursor: auto;
}
._15lj6c515 {
  flex: 1;
  margin-top: 0;
  transition: margin-top var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  z-index: 1;
}
._15lj6c516 {
  margin-top: var(--_15lj6c5a);
}
._15lj6c518 {
  background-color: transparent;
  transition: background-color var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
._15lj6c518:hover {
  background-color: var(--_15lj6c5g);
}
._15lj6c519 {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
#print ._15lj6c519 {
  display: none;
}
._15lj6c51a {
  min-height: 32px;
}
._15lj6c51b {
  min-height: 32px;
}
._15lj6c51c {
  min-height: 40px;
}
._15lj6c51d {
  margin: 0 8px;
  margin-bottom: 0;
}
._15lj6c51e {
  margin: 0 8px;
  margin-bottom: 0;
}
._15lj6c51f {
  margin: 0 16px;
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
._15lj6c51g {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex: 1 0 0;
  max-width: 200px;
  z-index: 1;
}
._15lj6c51h {
  box-shadow: none;
  height: 32px;
  padding: 0;
  transition: none;
  width: 32px;
}
._15lj6c51h:after {
  height: 0;
  width: 0;
}
._15lj6c51h:before {
  content: "";
  @media {
    (prefers-reduced-motion: reduce) {
      transition: none;
    }
  }
  height: 32px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  width: 32px;
}
._15lj6c51h:hover {
  border-radius: 4px;
  box-shadow: none;
}
._15lj6c51i {
  box-shadow: none;
  height: 32px;
  padding: 0;
  transition: none;
  width: 32px;
}
._15lj6c51i:after {
  height: 0;
  width: 0;
}
._15lj6c51i:before {
  content: "";
  @media {
    (prefers-reduced-motion: reduce) {
      transition: none;
    }
  }
  height: 32px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  width: 32px;
}
._15lj6c51i:hover {
  border-radius: 4px;
  box-shadow: none;
}
._15lj6c51j {
  background-color: var(--_15lj6c52);
  box-shadow: 0 0 0 0 var(--_15lj6c52);
  height: auto;
  padding: var(--spacing-xs__1bl7jj11k) var(--spacing-m__1bl7jj11m);
  transition: border-radius var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r), box-shadow var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  width: auto;
}
._15lj6c51j:after {
  content: "";
  @media {
    (prefers-reduced-motion: reduce) {
      transition: none;
    }
  }
  background: var(--_15lj6c5f);
  flex-shrink: 0;
  height: 24px;
  position: static;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  width: 24px;
}
._15lj6c51j:before {
  background: none;
  color: var(--_15lj6c5e);
  font-size: 14px;
  font-weight: 600;
  height: unset;
  line-height: var(--spacing-m__1bl7jj11m);
  margin-right: var(--spacing-xs__1bl7jj11k);
  position: static;
  text-transform: uppercase;
  transform: scaleY(1);
  width: unset;
}
._15lj6c51j:hover {
  box-shadow: 0 0 0 2px var(--_15lj6c52);
}
._15lj6c51m {
  background: var(--_15lj6c5d);
  position: relative;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  transform: rotate(90deg);
}
._15lj6c51m:before {
  background: var(--_15lj6c5c);
  transform: scaleY(0);
}
._15lj6c51n {
  background: var(--_15lj6c5d);
  position: relative;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  transform: none;
}
._15lj6c51n:before {
  background: var(--_15lj6c5c);
  transform: scaleY(0);
}
._15lj6c51o {
  background-image: none;
  transform: none;
}
._15lj6c51o:after {
  transform: rotate(90deg);
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._15lj6c51o:before {
  content: var(--_15lj6c59);
  transform: scaleY(1);
}
._15lj6c51p {
  background: var(--_15lj6c5c);
  position: relative;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._15lj6c51p:before {
  background: var(--_15lj6c5c);
  transform: scaleY(1);
}
._15lj6c51q {
  background: var(--_15lj6c5d);
  position: relative;
  transition: transform var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._15lj6c51q:before {
  background: var(--_15lj6c5c);
  transform: scaleY(1);
}
._15lj6c51r {
  background-image: none;
}
._15lj6c51r:before {
  content: var(--_15lj6c58);
  transform: scaleY(1);
}
._15lj6c51s {
  white-space: initial;
}
._15lj6c51t {
  background-clip: padding-box;
  background-color: var(--_15lj6c5b);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
._15lj6c51w {
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-top: none;
}
#print ._15lj6c51w {
  padding-left: 16px;
  padding-right: 16px;
}
._15lj6c51x {
  border: 1px solid transparent;
  border-top: none;
}
#print ._15lj6c51x {
  padding-left: 0;
  padding-right: 0;
}
._15lj6c51y {
  border: 1px solid rgba(129, 162, 178, 0.25);
  border-top: none;
}
#print ._15lj6c51y {
  padding-left: 16px;
  padding-right: 16px;
}
._15lj6c51z {
  padding: 16px 16px 16px  48px;
}
._15lj6c520 {
  padding: 16px 16px 16px  16px;
}
._15lj6c521 {
  padding: 0 0 0 48px;
}
._15lj6c522 {
  padding: 0 0 0 0;
}
._15lj6c523 {
  padding: 16px 16px 16px  48px;
}
._15lj6c524 {
  padding: 16px 16px 16px  16px;
}
.project-block ._15lj6c51t > *:last-child {
  padding-bottom: 0;
}
.project-block ._15lj6c515 > * {
  padding: 0;
}
.project-block ._15lj6c5i ._2fdphpb,.project-block ._15lj6c5i ._1fux1sib,.project-block ._15lj6c5i .h5f980a,.project-block ._15lj6c5i .atfej3a,.project-block ._15lj6c5i ._66ilukb,.project-block ._15lj6c5i .pd80nsa,.project-block ._15lj6c5i ._17exks8a {
  text-align: left;
}
.project-block ._15lj6c51t ._2fdphpb,.project-block ._15lj6c51t ._1fux1sib,.project-block ._15lj6c51t .h5f980a,.project-block ._15lj6c51t .atfej3a,.project-block ._15lj6c51t ._66ilukb,.project-block ._15lj6c51t .pd80nsa,.project-block ._15lj6c51t ._17exks8a {
  text-align: left;
}
@media screen and (max-width: 750px) {
  ._15lj6c5l {
    padding-right: 0;
  }
  ._15lj6c5m {
    padding-right: 0;
  }
  ._15lj6c5n {
    padding-right: 16px;
  }
  ._15lj6c51a {
    position: unset;
    top: unset;
    right: unset;
  }
  ._15lj6c51b {
    position: unset;
    top: unset;
    right: unset;
  }
  ._15lj6c51c {
    position: absolute;
    top: 16px;
    right: 0;
  }
  ._15lj6c51j {
    max-width: unset;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._15lj6c510:before {
    transition: none;
  }
  ._15lj6c511:before {
    transition: none;
  }
  ._15lj6c518 {
    transition: none;
  }
  ._15lj6c51m {
    transition: none;
  }
  ._15lj6c51n {
    transition: none;
  }
  ._15lj6c51o:after {
    transition: none;
  }
  ._15lj6c51p {
    transition: none;
  }
  ._15lj6c51q {
    transition: none;
  }
}
@media (pointer: fine) {
  ._15lj6c510:hover:before {
    opacity: 1;
    transform: scale3d(1,1,1);
  }
  ._15lj6c511:hover:before {
    opacity: 1;
    transform: scale3d(1,1,1);
  }
}
.ffeglh5 {
  background: var(--ffeglh0);
  border-radius: var(--ffeglh1);
  max-width: 100%;
  width: max-content;
}
.ffeglh6 {
  --ffeglh3: 16px;
  --ffeglh4: 24px;
  min-width: 100px;
  height: 60px;
  width: 100%;
}
.ffeglh7 {
  --ffeglh3: 20px;
  --ffeglh4: 40px;
  min-width: 140px;
  height: 76px;
  width: 100%;
}
.ffeglh8 {
  --ffeglh3: 26px;
  --ffeglh4: 48px;
  min-width: 180px;
  height: 90px;
  width: 100%;
}
.ffeglh9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ffeglha {
  font-weight: 600 !important;
  text-align: center;
}
.ffeglhb {
  white-space: nowrap;
  max-width: 100%;
}

  .ffeglh5 .button-widget__button-text .text-input__input,
  .ffeglh5 .button-widget__button-expander,
  .ffeglh5 .button-widget__button-text
 {
  font-size: var(--ffeglh3);
  font-family: inherit;
}
.ffeglh5 .button-widget__button {
  padding: 0 var(--ffeglh4);
}

  .ffeglh5 .button-widget__button-text,
  .ffeglh5 .button-widget__button-expander
 {
  color: var(--ffeglh2);
}
@container z6322b0 (min-width: 0px) {
  .ffeglh6 {
    min-width: min(100px, 100cqw);
    max-width: 100cqw;
  }
  .ffeglh7 {
    min-width: min(140px, 100cqw);
    max-width: 100cqw;
  }
  .ffeglh8 {
    min-width: min(180px, 100cqw);
    max-width: 100cqw;
  }
  .ffeglh5 .button-widget__button {
    padding: 0 min(var(--ffeglh4), 25cqw);
  }
}
._12zed3t0 {
  width: fit-content;
}
._12zed3t2 {
  transition: all 150ms cubic-bezier(0.24, 0.01, 0.42, 0.98);
}
._12zed3t2:hover {
  border-color: transparent;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), var(--ffeglh0);
  transform: scale(1.02);
}
._12zed3t2:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--ffeglh0);
  transform: scale(0.98);
  box-shadow: none;
}
._12zed3t2:focus-within {
  box-shadow: 0 0 0 3px var(--_12zed3t1);
}
._12zed3t2 .button-widget__button-text {
  white-space: normal;
}
@container z6322b0 (min-width: 0px) {
  ._12zed3t2 .button-widget__button-text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-bottom: 2px;
    margin-bottom: -2px;
  }
}
.xj1dpa6 {
  --xj1dpa1: '•';
  --xj1dpa2: '○';
  font-size: var(--xj1dpa4);
}
.xj1dpa6::before {
  color: var(--xj1dpa0);
}
.xj1dpa7::before {
  font-family: 'bullet' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.xj1dpa9 {
  --xj1dpa3: var(--xj1dpa2);
}
.xj1dpaa {
  --xj1dpa3: var(--xj1dpa1);
}
.xj1dpab {
  --xj1dpa1: '\e901';
  --xj1dpa2: '\e903';
}
.xj1dpac {
  --xj1dpa1: '\e900';
  --xj1dpa2: '\e900';
}
.xj1dpad {
  --xj1dpa1: '\e902';
  --xj1dpa2: '\e904';
}
.project-block .xj1dpa6 {
  color: var(--xj1dpa5);
}
.project-block .xj1dpa6.xj1dpa7::before {
  content: var(--xj1dpa3);
}
.xj1dpa6.xj1dpa8 .before {
  color: var(--xj1dpa0);
}
 .project-block .columns .xj1dpa6, .project-block .quote-header .xj1dpa6, .project-block .plan-section__title .xj1dpa6, .project-block .plan-card__feature-list .xj1dpa6, .project-block .video-header .xj1dpa6, .project-block .content .xj1dpa6, .project-block .content-wrapper .xj1dpa6 {
  font-size: calc((16 + (19 * (var(--xj1dpa4) - 16))/84) * 1px);
}
#print .project-block .columns .xj1dpa6,#print .project-block .quote-header .xj1dpa6,#print .project-block .plan-section__title .xj1dpa6,#print .project-block .plan-card__feature-list .xj1dpa6,#print .project-block .video-header .xj1dpa6,#print .project-block .content .xj1dpa6,#print .project-block .content-wrapper .xj1dpa6 {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--xj1dpa4) - 16)/84) * 1px);
}
 .project-block .columns .xj1dpae, .project-block .quote-header .xj1dpae, .project-block .plan-section__title .xj1dpae, .project-block .plan-card__feature-list .xj1dpae, .project-block .video-header .xj1dpae, .project-block .content .xj1dpae, .project-block .content-wrapper .xj1dpae {
  font-size: calc((16 + (19 * (var(--xj1dpa4) - 16))/84) * 1px);
}
#print .project-block .columns .xj1dpae,#print .project-block .quote-header .xj1dpae,#print .project-block .plan-section__title .xj1dpae,#print .project-block .plan-card__feature-list .xj1dpae,#print .project-block .video-header .xj1dpae,#print .project-block .content .xj1dpae,#print .project-block .content-wrapper .xj1dpae {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--xj1dpa4) - 16)/84) * 1px);
}
@media screen and (min-width: 200px) {
   .project-block .columns .xj1dpa6, .project-block .quote-header .xj1dpa6, .project-block .plan-section__title .xj1dpa6, .project-block .plan-card__feature-list .xj1dpa6, .project-block .video-header .xj1dpa6, .project-block .content .xj1dpa6, .project-block .content-wrapper .xj1dpa6 {
    font-size: calc((16 + (19 * (var(--xj1dpa4) - 16))/84) * 1px + (var(--xj1dpa4) - (16 + (19 * (var(--xj1dpa4) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns .xj1dpae, .project-block .quote-header .xj1dpae, .project-block .plan-section__title .xj1dpae, .project-block .plan-card__feature-list .xj1dpae, .project-block .video-header .xj1dpae, .project-block .content .xj1dpae, .project-block .content-wrapper .xj1dpae {
    font-size: calc((16 + (19 * (var(--xj1dpa4) - 16))/84) * 1px + (var(--xj1dpa4) - (16 + (19 * (var(--xj1dpa4) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns .xj1dpa6, .project-block .quote-header .xj1dpa6, .project-block .plan-section__title .xj1dpa6, .project-block .plan-card__feature-list .xj1dpa6, .project-block .video-header .xj1dpa6, .project-block .content .xj1dpa6, .project-block .content-wrapper .xj1dpa6 {
    font-size: calc(var(--xj1dpa4) * 1px);
  }
   .project-block .columns .xj1dpae, .project-block .quote-header .xj1dpae, .project-block .plan-section__title .xj1dpae, .project-block .plan-card__feature-list .xj1dpae, .project-block .video-header .xj1dpae, .project-block .content .xj1dpae, .project-block .content-wrapper .xj1dpae {
    font-size: calc(var(--xj1dpa4) * 1px);
  }
}
._1evvrrr0 .popover__caret {
  background-color: #f5f5ff;
}
._1evvrrr1 {
  background-color: transparent;
  height: auto;
  white-space: unset;
  text-align: left;
}
._1evvrrr1:before {
  content: unset;
}
._1evvrrr2 {
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  background-color: #f5f5ff !important;
  background: linear-gradient(118deg, #f5f5ff 0%, #fbf1f4 50%, #fffaef 100%) !important;
}
._1evvrrr3 {
  color: var(--color-icon__1bl7jj1p);
}
._1evvrrr4 {
  color: var(--color-primary__1bl7jj10);
}
._1evvrrr5 {
  color: var(--color-primary__1bl7jj10);
  padding-bottom: var(--spacing-s__1bl7jj11l);
}
._1evvrrr6 {
  background-color: var(--color-primary__1bl7jj10);
}
._19zrvrt0 {
  width: 100%;
}
._19zrvrt1 {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--page-content-width);
}
._19zrvrt6 {
  margin-left: 50%;
  transform: translateX(-50%);
  width: var(--page-content-width);
}
@media screen and (min-width: 1140px) {
  ._19zrvrt1 {
    width: 115%;
  }
}
@media screen and (min-width: 1440px) {
  ._19zrvrt1 {
    width: 133%;
  }
}
@media screen and (min-width: 768px) {
  ._19zrvrt5 {
    margin-left: 50%;
    transform: translateX(-50%);
    width: var(--page-content-width);
  }
}
._1rxk5f0 {
  margin-left: auto !important;
  margin-right: auto !important;
}

._1i5u1xs0 {
  display: grid;
  gap: var(--spacing-m__1bl7jj11m);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
}
.roi-calculator-slider__container {
  --_1296cjn6: var(--_1296cjn0);
  --slider-filled: var(--_1296cjn0);
  --_1296cjn7: rgba(129, 162, 178, 0.25);
  --slider-unfilled: rgba(129, 162, 178, 0.25);
}
._1jne9w50 {
  color: var(--_1296cjn5);
}
._1jne9w51 {
  --_1296cjn5: white;
}
._1jne9w54 {
  background-color: var(--_1296cjn4);
}
._1jne9w55 {
  filter: blur(calc(var(--_1296cjn1) * 1px));
  transform: scale(calc(1 + var(--_1296cjn1, 0px) / 100));
}
._1jne9w56 {
  opacity: calc(var(--_1296cjn2) / 100);
  background-color: var(--_1296cjn3);
}

  ._1jne9w50 ._1jne9w53 .text-input__textarea,
  ._1jne9w50 ._1jne9w53 .text-input__input.text-input__input
 {
  color: var(--_1296cjn5);
}
._1ymggbp0::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, var(--_1296cjn6) 0%, var(--_1296cjn6) var(--slider-progress, 0%), var(--_1296cjn7) var(--slider-progress, 100%), var(--_1296cjn7) 100%);
}
._1ymggbp0::-moz-range-track {
  background-color: var(--_1296cjn7);
}
._1ymggbp0::-moz-range-progress {
  background-color: var(--_1296cjn6);
}
._1ymggbp0::-ms-fill-lower {
  background-color: var(--_1296cjn6);
}
._1ymggbp0::-ms-fill-upper {
  background-color: var(--_1296cjn7);
}
._1ymggbp0::-webkit-slider-thumb {
  background-color: var(--_1296cjn0) !important;
}
._1ymggbp0::-moz-range-thumb {
  background-color: var(--_1296cjn0) !important;
}
._1ymggbp0::-ms-thumb {
  background: var(--_1296cjn0) !important;
}
._1ymggbp1 {
  color: var(--_1296cjn5);
}
._120u1ck0 {
  height: 100%;
  background: var(--color-surface__1bl7jj1g);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
  display: flex;
  justify-content: space-between;
  color: var(--color-text__1bl7jj14);
  font-family: var(--font-ui__1bl7jj125);
}
._120u1ck1 {
  flex-shrink: 0;
}
._120u1ck2 {
  height: var(--controlSize-xs__1bl7jj11y);
}
._120u1ck3 {
  border-right: 1px solid var(--color-border__1bl7jj110);
  height: 40%;
}
._120u1ck4 {
  color: var(--color-textSecondary__1bl7jj15);
}
._120u1ck5 {
  width: var(--controlSize-s__1bl7jj11z);
}
._120u1ck6 {
  display: none;
}
._120u1ck7 {
  padding-left: var(--spacing-xxs__1bl7jj11j);
}
@media (min-width: 700px) {
  ._120u1ck5 {
    width: unset;
  }
  ._120u1ck6 {
    display: unset;
  }
}
._1suejkk0 {
  padding-bottom: var(--spacing-xxl__1bl7jj11p);
  margin-bottom: var(--spacing-xxl__1bl7jj11p);
}
._1i8flhx0 {
  display: grid;
  gap: var(--spacing-m__1bl7jj11m);
}
._1uhtsvo0 {
  display: grid;
  aspect-ratio: 400 / 209;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  overflow: hidden;
}
._1uhtsvo1 {
  grid-area: 1 / 1;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
._1uhtsvo2 {
  padding: var(--spacing-xl__1bl7jj11o);
  padding-top: var(--spacing-l__1bl7jj11n);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
._1uhtsvo3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
._1uhtsvo4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs__1bl7jj11k);
}
._1uhtsvo5 {
  color: white;
}
._1uhtsvo6 {
  text-align: center;
}
._8cpmr30 {
  font-family: calibre-legacy;
  padding: var(--spacing-m__1bl7jj11m);
  height: 100vh;
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
  align-items: start;
  justify-content: center;
  grid-template-columns: minmax(0, 400px);
  grid-template-rows: 1fr auto;
  padding-top: 10vh;
  overflow-y: auto;
}
._8cpmr31 {
  max-width: 400px;
  margin: 0 auto;
  display: grid;
  grid-area: 1 / 1;
  gap: var(--spacing-m__1bl7jj11m);
  width: 100%;
}
._8cpmr32 {
  overflow: hidden;
}
._8cpmr33 {
  grid-area: 1 / 1;
}
._8cpmr34 {
  grid-row: 2;
  margin-bottom: var(--spacing-l__1bl7jj11n);
}
._8cpmr35 {
  grid-area: 1 / 1;
}
._8cpmr36 {
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
  padding: var(--spacing-xl__1bl7jj11o);
}
._8cpmr37 {
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
  padding: var(--spacing-xl__1bl7jj11o);
  text-align: center;
}
._8cpmr38 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
._8cpmr39 {
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
}
._8cpmr39 .text-input__label {
  text-transform: unset;
  font-size: var(--fontSize-label-l__1bl7jj12x);
  letter-spacing: 0;
}
._8cpmr3a {
  color: white;
}
._8cpmr3b {
  margin-left: -12px;
}
._8cpmr3c {
  text-align: center;
}
._8cpmr3d {
  text-align: center;
}
._8cpmr3e {
  display: flex;
  justify-content: center;
}
@media (min-width: 700px) {
  ._8cpmr30 {
    padding-top: 20vh;
  }
}
@media (max-height: 863px) {
  ._8cpmr30 {
    padding-top: 15vh;
  }
}
@media (max-height: 767px) {
  ._8cpmr30 {
    padding-top: 10vh;
  }
}
@supports (height: 100dvh) {
  ._8cpmr30 {
    height: 100dvh;
  }
}
.p6gt4a0 {
  display: grid;
  gap: var(--spacing-l__1bl7jj11n);
  padding: var(--spacing-xl__1bl7jj11o);
  text-align: center;
  justify-items: center;
}
.p6gt4a1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  background: var(--color-surfaceSuccess__1bl7jj1k);
  border-radius: 50%;
  color: var(--color-iconSuccess__1bl7jj1t);
}
.p6gt4a2 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
}
.v0cy60 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m__1bl7jj11m);
  padding: var(--spacing-xl__1bl7jj11o);
}
.v0cy61 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.v0cy62 {
  display: flex;
  justify-content: center;
}
.v0cy63 {
  position: absolute;
  left: var(--spacing-m__1bl7jj11m);
  top: var(--spacing-m__1bl7jj11m);
}
.v0cy64 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
._10y0guw0 {
  display: grid;
  align-items: start;
  justify-content: stretch;
}
._10y0guw1 {
  width: 100%;
  display: grid;
  grid-area: 1 / 1;
  opacity: 0;
  transition: var(--duration-l__1bl7jj11w) var(--easing-standard__1bl7jj11s);
  transition-property: opacity, transform;
}
._10y0guw2 {
  transition-delay: var(--duration-l__1bl7jj11w);
  opacity: 1;
}
._10y0guw3 {
  opacity: 1;
}
._10y0guw4 {
  opacity: 0;
}
._10y0guw5 {
  opacity: 0;
}
._10y0guw8 {
  transform: scale(0.8);
}
._10y0guw9 {
  transform: scale(0.8);
}
._1neau991 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
._1neau991:not(:empty) + ._1neau991 {
  margin-top: var(--spacing-xxl__1bl7jj11p);
}
._1neau991:empty {
  display: none;
}
._1neau992 {
  margin-bottom: var(--spacing-s__1bl7jj11l);
}
._1neau993 {
  margin-bottom: var(--spacing-s__1bl7jj11l);
}
._1neau994 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
body#print ._1neau994 {
  display: table-row;
  grid-template-columns: unset;
}
._1neau995 {
  padding: var(--spacing-xs__1bl7jj11k) 0;
  border-top: 1px solid var(--color-heading__1bl7jj1e);
  border-bottom: 1px solid var(--color-heading__1bl7jj1e);
}
._1neau996 {
  text-align: start;
}
._1neau997 {
  text-align: end;
}
._1neau998 {
  grid-column: 1 / 5;
}
body#print ._1neau998 {
  width: 50%;
  grid-column: unset;
}
._1neau999 {
  display: none;
}
body#print ._1neau999 {
  display: table-cell;
  width: calc(50% / 3);
}
._1neau99a {
  width: 100%;
}
._1neau99b {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
body#print ._1neau99b {
  display: table-row;
  grid-template-columns: unset;
}
._1neau99c:not(.continued) {
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
}
._1neau99d {
  border-bottom: 1px solid var(--color-heading__1bl7jj1e);
}
._1neau99f {
  padding: var(--spacing-xs__1bl7jj11k) 0;
  vertical-align: baseline;
}
._1neau99g {
  text-align: start;
  padding-right: var(--spacing-s__1bl7jj11l);
}
._1neau99h {
  text-align: end;
}
._1neau99i {
  grid-column: 1 / 4;
}
body#print tr:not(.continued) ._1neau99i {
  border-bottom: 1px solid var(--color-heading__1bl7jj1e);
}
tr.split ._1neau99j {
  opacity: 0;
}
tr:not(.continued) ._1neau99j {
  border-bottom: 1px solid var(--color-heading__1bl7jj1e);
}
._1neau99k {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
body#print ._1neau99k {
  width: 50%;
}
._1neau99l {
  padding: var(--spacing-xs__1bl7jj11k) 0;
}
._1neau99m {
  text-align: start;
}
._1neau99n {
  text-align: end;
  word-wrap: break-word;
}
._1neau99o {
  border-bottom: 1px solid var(--color-heading__1bl7jj1e);
}
._1neau99p {
  padding: var(--spacing-xxs__1bl7jj11j) 0;
}
._1neau99q {
  padding: var(--spacing-xs__1bl7jj11k) 0;
  border-bottom: 1px solid var(--color-heading__1bl7jj1e);
}
._1neau99r {
  text-align: start;
}
._1neau99s {
  text-align: end;
  word-wrap: break-word;
}
._1neau99t {
  padding: var(--spacing-xxs__1bl7jj11j) 0;
}
._1neau99u {
  padding: var(--spacing-xl__1bl7jj11o) 0 var(--spacing-xs__1bl7jj11k) 0;
  border-bottom: 3px double var(--color-heading__1bl7jj1e);
  font-weight: var(--fontWeight-bold__1bl7jj133);
}
._1neau99v {
  text-align: start;
}
._1neau99w {
  text-align: end;
  word-wrap: break-word;
}
._1neau99x {
  text-decoration: line-through;
}
._1neau990 ._1neau99b ._1neau99y ul>li:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  position: relative;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(35 13 123)' fill-rule='evenodd' d='M19.707 8.707L10 18.414l-5.707-5.707 1.414-1.414L10 15.586l8.293-8.293 1.414 1.414z'/%3E%3C/svg%3E%0A");
}
#print ._1neau990 ._1neau99b ._1neau99y ul>li:before {
  transform: scale(0.5);
  margin-top: -6px;
}
@media screen and (min-width: 700px) {
  ._1neau994 {
    display: table-row;
    grid-template-columns: unset;
  }
  ._1neau998 {
    width: 50%;
    grid-column: unset;
  }
  ._1neau999 {
    display: table-cell;
    width: calc(50% / 3);
  }
  ._1neau99b {
    display: table-row;
    grid-template-columns: unset;
  }
  ._1neau99i {
    grid-column: unset;
  }
  tr:not(.continued) ._1neau99i {
    border-bottom: 1px solid var(--color-heading__1bl7jj1e);
  }
  ._1neau99k {
    width: 50%;
  }
}
.sfnipg0 {
  width: 100%;
  border-bottom: 2px solid rgb(102 111 139);
  border-top: 1px solid rgb(102 111 139);
}
._1xt92wj0 {
  margin-top: var(--spacing-m__1bl7jj11m);
  margin-bottom: var(--spacing-m__1bl7jj11m);
}
._1xt92wj2 {
  width: 100%;
}
._1xt92wj3 {
  display: grid;
  grid-template-columns: repeat(var(--_1xt92wj1), 1fr);
  row-gap: calc(128px * 0.5);
}
._1j1zsc50 {
  margin-top: var(--spacing-m__1bl7jj11m);
  margin-bottom: var(--spacing-m__1bl7jj11m);
}
._1j1zsc52 {
  width: 100%;
}
._1j1zsc53 {
  display: grid;
  grid-template-columns: repeat(var(--_1j1zsc51), 1fr);
  row-gap: calc(128px * 0.5);
}
._18lnw3h0 {
  border: 1px solid #5954F8;
  position: relative;
}
._18lnw3h1 {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%);
}
._7z27a0 {
  border: 1px solid #5954F8;
  position: relative;
}
._7z27a1 {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%);
}
._1ckt3qp0 {
  width: 400px;
  min-height: 200px;
  background: #5954F8;
  position: relative;
}
._1ckt3qp1 {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%);
}
._1sg5e360 {
  margin-top: var(--spacing-m__1bl7jj11m);
  margin-bottom: var(--spacing-m__1bl7jj11m);
}
._1qc2dic3::before {
  background-color: var(--_1qc2dic1);
  opacity: 0;
}
._1qc2dic3::after {
  background-color: var(--_1qc2dic1);
  top: 0;
  height: 100%;
}
._1qc2dic4::before {
  opacity: 1;
}
._1qc2dic4::after {
  top: 38px;
  height: calc(100% + -38px);
}
._1qc2dic5::before {
  background-image: url("/Assets/icons/small/pullquote-marker-dark.svg");
}
._1qc2dic6::before {
  background-image: url("/Assets/icons/small/pullquote-marker-light.svg");
}
 .project-block .columns ._1qc2dic3, .project-block .quote-header ._1qc2dic3, .project-block .plan-section__title ._1qc2dic3, .project-block .plan-card__feature-list ._1qc2dic3, .project-block .video-header ._1qc2dic3, .project-block .content ._1qc2dic3, .project-block .content-wrapper ._1qc2dic3 {
  font-size: calc((16 + (19 * (var(--_1qc2dic0) - 16))/84) * 1px);
}
#print .project-block .columns ._1qc2dic3,#print .project-block .quote-header ._1qc2dic3,#print .project-block .plan-section__title ._1qc2dic3,#print .project-block .plan-card__feature-list ._1qc2dic3,#print .project-block .video-header ._1qc2dic3,#print .project-block .content ._1qc2dic3,#print .project-block .content-wrapper ._1qc2dic3 {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_1qc2dic0) - 16)/84) * 1px);
}
 .project-block .columns ._1qc2dic7, .project-block .quote-header ._1qc2dic7, .project-block .plan-section__title ._1qc2dic7, .project-block .plan-card__feature-list ._1qc2dic7, .project-block .video-header ._1qc2dic7, .project-block .content ._1qc2dic7, .project-block .content-wrapper ._1qc2dic7 {
  font-size: calc((16 + (19 * (var(--_1qc2dic0) - 16))/84) * 1px);
}
#print .project-block .columns ._1qc2dic7,#print .project-block .quote-header ._1qc2dic7,#print .project-block .plan-section__title ._1qc2dic7,#print .project-block .plan-card__feature-list ._1qc2dic7,#print .project-block .video-header ._1qc2dic7,#print .project-block .content ._1qc2dic7,#print .project-block .content-wrapper ._1qc2dic7 {
  font-size: calc((var(--smallest-print-size, 8) + (60 - var(--smallest-print-size, 8)) * (var(--_1qc2dic0) - 16)/84) * 1px);
}
 .project-block .columns ._1qc2dic3, .project-block .quote-header ._1qc2dic3, .project-block .plan-section__title ._1qc2dic3, .project-block .plan-card__feature-list ._1qc2dic3, .project-block .video-header ._1qc2dic3, .project-block .content ._1qc2dic3, .project-block .content-wrapper ._1qc2dic3 {
  color: var(--_1qc2dic2);
}
@media screen and (min-width: 200px) {
   .project-block .columns ._1qc2dic3, .project-block .quote-header ._1qc2dic3, .project-block .plan-section__title ._1qc2dic3, .project-block .plan-card__feature-list ._1qc2dic3, .project-block .video-header ._1qc2dic3, .project-block .content ._1qc2dic3, .project-block .content-wrapper ._1qc2dic3 {
    font-size: calc((16 + (19 * (var(--_1qc2dic0) - 16))/84) * 1px + (var(--_1qc2dic0) - (16 + (19 * (var(--_1qc2dic0) - 16))/84)) * ((100vw - 200px) / 568));
  }
   .project-block .columns ._1qc2dic7, .project-block .quote-header ._1qc2dic7, .project-block .plan-section__title ._1qc2dic7, .project-block .plan-card__feature-list ._1qc2dic7, .project-block .video-header ._1qc2dic7, .project-block .content ._1qc2dic7, .project-block .content-wrapper ._1qc2dic7 {
    font-size: calc((16 + (19 * (var(--_1qc2dic0) - 16))/84) * 1px + (var(--_1qc2dic0) - (16 + (19 * (var(--_1qc2dic0) - 16))/84)) * ((100vw - 200px) / 568));
  }
}
@media screen and (min-width: 768px) {
   .project-block .columns ._1qc2dic3, .project-block .quote-header ._1qc2dic3, .project-block .plan-section__title ._1qc2dic3, .project-block .plan-card__feature-list ._1qc2dic3, .project-block .video-header ._1qc2dic3, .project-block .content ._1qc2dic3, .project-block .content-wrapper ._1qc2dic3 {
    font-size: calc(var(--_1qc2dic0) * 1px);
  }
   .project-block .columns ._1qc2dic7, .project-block .quote-header ._1qc2dic7, .project-block .plan-section__title ._1qc2dic7, .project-block .plan-card__feature-list ._1qc2dic7, .project-block .video-header ._1qc2dic7, .project-block .content ._1qc2dic7, .project-block .content-wrapper ._1qc2dic7 {
    font-size: calc(var(--_1qc2dic0) * 1px);
  }
}
._8f16930 {
  margin-top: var(--spacing-xl__1bl7jj11o);
  margin-bottom: var(--spacing-xl__1bl7jj11o);
}
._8f16931 {
  margin-top: 0.2em;
  margin-bottom: 1.2em;
}
.ded76t0 {
  width: fit-content;
}
#print .project-block .project-block__block-element--image {
  max-width: 10cm;
}
#print .project-block  ._19zrvrt2.project-block__block-element--image {
  max-width: unset;
}
#print .project-block  ._19zrvrt1.project-block__block-element--image {
  max-width: 12cm;
}
._12z82t41 {
  border-radius: 0;
  overflow: hidden;
  height: 0;
  padding-bottom: calc(100% / var(--_12z82t40));
}
._12z82t42 {
  border-radius: 50%;
}
._2x00627 {
  --_2x00623: 2px;
}
._2x00628 {
  --_2x00623: 0px;
}
._2x00624._2x00625 td {
  background: var(--_2x00620);
}
._2x00624._2x00626 tr.table-header-row td {
  background: var(--_2x00621);
}
._2x00624 td {
  border-left: 1px solid var(--_2x00622, rgba(128, 128, 128, 0.5));
  border-bottom: 1px solid var(--_2x00622, rgba(128, 128, 128, 0.5));
}
._2x00624 tr td:last-of-type {
  border-right: 1px solid var(--_2x00622, rgba(128, 128, 128, 0.5));
}
._2x00624 tr:first-of-type td {
  border-top: 1px solid var(--_2x00622, rgba(128, 128, 128, 0.5));
}
._2x00624 tr:first-of-type td:first-child {
  border-top-left-radius: var(--_2x00623);
}
._2x00624 tr:first-of-type td:last-child {
  border-top-right-radius: var(--_2x00623);
}
._2x00624 tr:last-child td:first-child {
  border-bottom-left-radius: var(--_2x00623);
}
._2x00624 tr:last-child td:last-child {
  border-bottom-right-radius: var(--_2x00623);
}
._2x00624._2x00628 tr td {
  border-left-width: 0;
  border-right-width: 0;
}
._2x00624._2x00628 tr td:last-child {
  border-right-width: 0;
}
.project-block.project-block, #print .project-block.project-block {
  background-color: var(--ij2xgd0);
}
.project-block.project-block .background-container.background-container--is-public-page, #print .project-block.project-block .background-container.background-container--is-public-page {
  z-index: 1;
}
.project-block.project-block .background-container, #print .project-block.project-block .background-container {
  position: relative;
  min-height: var(--ij2xgd7);
}
.project-block.project-block .background-container {
  display: flex;
  align-items: center;
}
#print .project-block.project-block .background-container {
  height: 100%;
  width: 100%;
  min-height: 100%;
}
#print .project-block.project-block .background-container:not(.full-height) {
  display: block;
}
.project-block.project-block .background-container .background-video-container, #print .project-block.project-block .background-container .background-video-container {
  pointer-events: none;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.project-block.project-block .background-container .background-video-container .background-video-thumbnail {
  grid-area: 1 / 1;
  background-image: var(--ij2xgd6);
  background-size: cover;
  background-position: var(--ij2xgd4);
  position: absolute;
  top: calc(-2 * var(--ij2xgd5));
  left: calc(-2 * var(--ij2xgd5));
  width: calc(100% + 4 * var(--ij2xgd5));
  height: calc(100% + 4 * var(--ij2xgd5));
  filter: blur(var(--ij2xgd5));
  transform: translate3d(0, 0, 0);
}
.project-block.project-block .background-container .background-video-container .background-video {
  grid-area: 1 / 1;
  position: absolute;
  top: calc(-2 * var(--ij2xgd5));
  left: calc(-2 * var(--ij2xgd5));
  width: calc(100% + 4 * var(--ij2xgd5));
  height: calc(100% + 4 * var(--ij2xgd5));
  filter: blur(var(--ij2xgd5));
  transform: translate3d(0, 0, 0);
}
#print .project-block.project-block .background-container .background-video-container .background-video {
  display: none;
}
.project-block.project-block .background-container .background-video-container .background-video .background-video-html5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-block.project-block .background-container .background-video-container .background-video .background-video-youtube {
  position: absolute;
  inset: 0;
}
.project-block.project-block .background-container .background-video-container .background-video .background-video-youtube > ng-include {
  display: block;
  height: 100%;
}
.project-block.project-block .background-container .background-video-container .background-video .background-video-vimeo {
  aspect-ratio: 16 / 9;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.project-block .background-video-vimeo .background-video-vimeo__inner {
  width: 100%;
  height: 100%;
}
.project-block.project-block .background-image, #print .project-block.project-block .background-image {
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.project-block.project-block .background-image:before, #print .project-block.project-block .background-image:before {
  content: "";
  position: absolute;
  background-image: var(--ij2xgd1);
  background-size: cover;
  background-position: var(--ij2xgd4);
  top: calc(-2 * var(--ij2xgd5));
  left: calc(-2 * var(--ij2xgd5));
  width: calc(100% + 4 * var(--ij2xgd5));
  height: calc(100% + 4 * var(--ij2xgd5));
  filter: blur(var(--ij2xgd5));
  transform: translate3d(0, 0, 0);
}
.project-block.project-block .background-tint, #print .project-block.project-block .background-tint {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--ij2xgd2);
  mix-blend-mode: var(--ij2xgd3);
}
.project-block.project-block .background-container .background-card, #print .project-block.project-block .background-container .background-card {
  background-color: var(--ij2xgd8);
  border-radius: 2px;
  padding: 2.5%;
}
#print .project-block.project-block .row.container:has(.background-card) {
  padding: calc(40px - 2.5%);
}
.project-block.project-block .legacy-video-widget-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.project-block.project-block .legacy-video-widget-container.legacy-video-widget-container--standard {
  width: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}
.project-block.project-block .legacy-video-widget {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.project-block.project-block .legacy-video-widget-container--small .legacy-video-widget {
  width: 75%;
}
.project-block.project-block :is(.large-8, .content, .quote-header, .video-header) {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 500px) {
  .project-block.project-block .background-container .background-video-container .background-video {
    display: none;
  }
  .project-block.project-block .background-container .background-card, #print .project-block.project-block .background-container .background-card {
    width: 95%;
    padding: 10px;
    margin: 0 auto;
    float: unset;
  }
}
@media screen and (min-width: 1140px) {
  .project-block.project-block .legacy-video-widget-container.legacy-video-widget-container--standard {
    width: 115%;
  }
}
@media screen and (min-width: 1440px) {
  .project-block.project-block .legacy-video-widget-container.legacy-video-widget-container--standard {
    width: 133%;
  }
}
@media screen and (min-width: 768px) {
  .project-block.project-block .block-spacer, .project-block.project-block .block-wrapper {
    padding: var(--ij2xgdc, 7.5%) 0 var(--ij2xgdd, 7.5%) 0;
  }
  .project-block.project-block :is(.large-8, .content, .quote-header, .video-header) {
    width: var(--ij2xgd9, 75%);
  }
}
.side-by-side-widget__spacing-shim {
  margin-top: calc(7 * 8px);
  margin-bottom: calc(7 * 8px);
}
.side-by-side__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 1;
}
.side-by-side {
  width: 100%;
}
.side-by-side__col.side-by-side__col--one-quarter {
  --_11bflsk1: 0.25;
}
.side-by-side__col.side-by-side__col--one-half {
  --_11bflsk1: 0.5;
}
.side-by-side__col.side-by-side__col--three-quarter {
  --_11bflsk1: 0.75;
}
@media screen and (min-width: 768px) {
  .side-by-side--full .side-by-side__col-content > *:not(.image-widget__spacing-shim) {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
  }
  .side-by-side__col.side-by-side__col--one-quarter {
    width: 25%;
  }
  .side-by-side__col.side-by-side__col--one-half {
    width: 50%;
  }
  .side-by-side__col.side-by-side__col--three-quarter {
    width: 75%;
  }
  .side-by-side .side-by-side__col-content > *:not(.image-widget__spacing-shim) {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
  .side-by-side--full .side-by-side__col .side-by-side__col-content > *:not(.image-widget__spacing-shim) {
    max-width: calc(1140px * (var(--ij2xgdb) * 1.15 * 0.01) * var(--_11bflsk1) - 64px);
  }
}
@media screen and (min-width: 1140px) {
  .side-by-side--full .side-by-side__col .side-by-side__col-content > *:not(.image-widget__spacing-shim) {
    max-width: calc(((1140px * (var(--ij2xgdb) * 0.01) - 50px) * var(--_11bflsk0)) * var(--_11bflsk1));
  }
}
@media screen and (min-width: 1140px) and (max-width: 1440px) {
  .side-by-side--full .side-by-side__col .side-by-side__col-content > *:not(.image-widget__spacing-shim) {
    --_11bflsk0: var(--ij2xgda);
  }
}
@media screen and (min-width: 1440px) {
  .side-by-side--full .side-by-side__col .side-by-side__col-content > *:not(.image-widget__spacing-shim) {
    --_11bflsk0: 1.33;
  }
}
body#print ._6mi5is0 {
  margin-top: 56px;
  margin-bottom: 56px;
}
body#print ._6mi5is5 {
  display: flex;
  gap: clamp(0px, var(--_6mi5is1), calc(100% / (var(--_6mi5is4) - 1)));
  padding: var(--_6mi5is2);
  align-items: var(--_6mi5is3);
}
body#print ._6mi5is5 {
  gap: calc(clamp(0px, var(--_6mi5is1), (100% / (var(--_6mi5is4) - 1))) / 2);
  padding: calc(var(--_6mi5is2) / 2);
}
._6mi5is7 {
  container-name: z6322b0;
  container-type: inline-size;
}
body#print ._6mi5is7 {
  flex: var(--_6mi5is6);
  min-width: 0;
  word-break: break-word;
  hyphens: auto;
}
body#print ._6mi5is7 > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body#print ._6mi5is7 > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  ._6mi5is0 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  ._6mi5is5 {
    display: flex;
    gap: clamp(0px, var(--_6mi5is1), calc(100% / (var(--_6mi5is4) - 1)));
    padding: var(--_6mi5is2);
    align-items: var(--_6mi5is3);
  }
  ._6mi5is7 {
    flex: var(--_6mi5is6);
    min-width: 0;
    word-break: break-word;
    hyphens: auto;
  }
  ._6mi5is7 > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  ._6mi5is7 > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  @container block-content (min-width: 0px) {
    ._6mi5is5 ._6mi5is7 > .pencic0, ._6mi5is5 ._6mi5is7 > div[data-hydration-data*="encic0"], ._6mi5is5 ._6mi5is7 > ul, ._6mi5is5 ._6mi5is7 > ol {
      --_6mi5is9: calc((100% - min(100%, var(--block-content-width))) / 2);
      max-width: calc(100% - (var(--_6mi5is9) * 2));
      margin-left: var(--_6mi5is9);
      margin-right: var(--_6mi5is9);
    }
    ._19zrvrt2._6mi5is5 > ._6mi5is7:first-child > .pencic0, ._19zrvrt2._6mi5is5 > ._6mi5is7:first-child > div[data-hydration-data*="encic0"], ._19zrvrt2._6mi5is5 > ._6mi5is7:first-child > ul, ._19zrvrt2._6mi5is5 > ._6mi5is7:first-child > ol {
      --_6mi5is9: calc((100% - min(100% - 64px, var(--block-content-width))) / 2);
    }
    ._19zrvrt2._6mi5is5 > ._6mi5is7:last-child > .pencic0, ._19zrvrt2._6mi5is5 > ._6mi5is7:last-child > div[data-hydration-data*="encic0"], ._19zrvrt2._6mi5is5 > ._6mi5is7:last-child > ul, ._19zrvrt2._6mi5is5 > ._6mi5is7:last-child > ol {
      --_6mi5is9: calc((100% - min(100% - 64px, var(--block-content-width))) / 2);
    }
  }
}
.lcb17h1 {
  padding: var(--spacing-xxs__1bl7jj11j) 0.33em;
  border: 0.08em solid rgba(16, 153, 252, 0.25);
  border-radius: 2em;
  background: rgba(16, 153, 252, 0.25);
  white-space: nowrap;
  user-select: none;
  cursor: default;
  color: var(--lcb17h0);
}
@keyframes _7f9db60 {
  60% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(0, -16%, 0);
  }
}
._7f9db61 circle {
  animation-name: _7f9db60;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
._7f9db61 circle:nth-of-type(2n) {
  animation-delay: 0.1s;
}
._7f9db61 circle:nth-of-type(3n) {
  animation-delay: 0.2s;
}
.f2nt4p0 {
  margin-left: var(--spacing-xs__1bl7jj11k);
}
._16bx7970 {
  display: inline-block;
  padding: 0.4em 0.8em;
  border-radius: 10em;
  background-color: rgb(241 240 254);
  color: rgb(77 65 167);
}
.jcgugu0 {
  color: var(--color-textSecondary__1bl7jj15);
}
.jcgugu0[aria-current="true"] {
  color: var(--color-heading__1bl7jj1e);
}
.sjuacf0 {
  max-width: 560px;
  margin: 0 var(--spacing-m__1bl7jj11m);
}
.sjuacf1 {
  padding: var(--spacing-s__1bl7jj11l) 0;
  border-bottom: 1px solid;
  border-bottom-color: var(--color-border__1bl7jj110);
  flex-grow: 1;
}
.sjuacf1:last-child {
  border-bottom: unset;
}
 .sjuacf1:nth-child(odd):nth-last-child(2) {
  border-bottom: unset;
}
.sjuacf2 {
  width: 280px;
  padding: var(--spacing-m__1bl7jj11m);
  box-shadow: unset;
}
.sjuacf2:hover {
  background: rgb(240 244 249);
  box-shadow: none!important;
}
.sjuacf3 {
  color: var(--color-iconPrimary__1bl7jj1s);
}
.sjuacf4 {
  color: var(--color-text__1bl7jj14);
}
.sjuacf5 {
  color: var(--color-textSecondary__1bl7jj15);
}
@media screen and (max-width: 670px) {
  .sjuacf0 {
    flex-direction: column;
  }
   .sjuacf1:nth-child(odd):nth-last-child(2) {
    border-bottom: 1px solid;
    border-bottom-color: var(--color-border__1bl7jj110);
  }
}
.j89wnc3 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs__1bl7jj11j);
  margin-top: var(--spacing-xs__1bl7jj11k);
}
.j89wnc4 {
  margin-top: var(--spacing-xxs__1bl7jj11j);
  color: var(--color-textCritical__1bl7jj19);
}
.j89wnc5 {
  --j89wnc0: var(--color-surfaceSecondary__1bl7jj1i);
  --j89wnc1: var(--color-text__1bl7jj14);
  --j89wnc2: var(--color-icon__1bl7jj1p);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs__1bl7jj11k);
  background-color: var(--j89wnc0);
  padding: var(--spacing-xxs__1bl7jj11j);
  padding-left: var(--spacing-xs__1bl7jj11k);
  border-radius: 4px;
}
.j89wnc6 {
  --j89wnc0: var(--color-surfaceCritical__1bl7jj1m);
  --j89wnc1: var(--color-textCritical__1bl7jj19);
  --j89wnc2: var(--color-iconCritical__1bl7jj1v);
}
.j89wnc7 {
  --j89wnc0: var(--color-surfaceSecondary__1bl7jj1i);
  --j89wnc1: var(--color-textDisabled__1bl7jj1d);
  --j89wnc2: var(--color-iconDisabled__1bl7jj1w);
}
.j89wnc8 {
  flex: 0 0 auto;
  color: var(--j89wnc2);
}
.j89wnc9 {
  overflow-wrap: anywhere;
  color: var(--j89wnc1);
}
.j89wnca {
  color: var(--j89wnc2);
  margin-bottom: -2px;
}
.j89wnca > svg {
  width: 20px;
}
.j89wncb {
  text-transform: none;
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  letter-spacing: unset;
}
.j89wncc {
  color: var(--color-icon__1bl7jj1p);
}
.j89wncd {
  margin-bottom: var(--spacing-xxxs__1bl7jj11i);
}
.j89wncc > svg {
  width: 16px;
}
._1jj4p6y0 {
  color: rgb(95 85 205);
  font-size: 80px;
}
.sjr10u0 {
  align-self: center;
  margin: 0 auto;
  background: linear-gradient(90deg, rgba(66,238,236,1) 10%, #716BF1 85%);
  padding: 1px;
  border-radius: calc(var(--borderRadius-control__1bl7jj11g) + 1px);
  width: fit-content;
}
.sjr10u1 {
  box-shadow: unset;
}
._1dgxczc0 {
  width: 300px;
  height: 170px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-color: var(--color-border__1bl7jj110);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.mxwkaj2 {
  padding: var(--spacing-l__1bl7jj11n);
  background-color: var(--mxwkaj0);
}
.mxwkaj3 {
  --mxwkaj0: var(--color-surfacePrimary__1bl7jj1h);
  --mxwkaj1: var(--color-primary__1bl7jj10);
}
.mxwkaj4 {
  --mxwkaj0: var(--color-surfaceSecondary__1bl7jj1i);
  --mxwkaj1: var(--color-heading__1bl7jj1e);
}
.mxwkaj5 {
  height: 100%;
}
.mxwkaj6 {
  flex: 0 1 auto;
  max-height: 110px;
}
.mxwkaj7 {
  color: var(--mxwkaj1);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mxwkaj8 {
  flex: 0 2 auto;
}
.mxwkaj9 {
  margin-top: auto;
  flex: 0 0 auto;
}
.mxwkaja[disabled] {
  background: var(--color-background__1bl7jj1z);
}
.bqp6e60 {
  height: 100%;
}
.bqp6e61 {
  padding: var(--spacing-m__1bl7jj11m);
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  box-shadow: none;
}
.bqp6e62 {
  border-bottom: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
.bqp6e63 {
  width: 100%;
  max-width: 640px;
}
.bqp6e64 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "gridCell";
}
.bqp6e65 {
  grid-area: gridCell;
}
.bqp6e66 {
  background-color: var(--color-background__1bl7jj1z);
}
.bqp6e67 {
  grid-area: gridCell;
  padding: var(--spacing-l__1bl7jj11n);
  z-index: 1;
}
.bqp6e68 {
  pointer-events: none;
}
.bqp6e69 {
  pointer-events: auto;
}
.bqp6e6a {
  filter: saturate(0%);
}
.bqp6e6b {
  width: var(--controlSize-l__1bl7jj121);
}
.bqp6e6c {
  text-transform: capitalize;
}
.ptdkkk0 {
  margin-left: 60px;
}
.ptdkkk1 {
  display: grid;
  grid-template-columns: 60px auto;
  grid-template-rows: auto auto auto;
  align-items: center;
  grid-template-areas: 
    "anyAllSelector anyAllDescriptor"
    "verticalLine conditionsList"
    "addCondition ."
    ;
}
.ptdkkk2 {
  grid-area: anyAllSelector;
  justify-self: stretch;
}
.ptdkkk3 {
  grid-area: anyAllDescriptor;
  margin-left: var(--spacing-xxs__1bl7jj11j);
}
.ptdkkk4 {
  grid-area: verticalLine;
  justify-self: center;
  align-self: stretch;
  border-left: 1px dashed;
  border-color: var(--color-controlBorder__1bl7jj111);
}
.ptdkkk5 {
  grid-area: conditionsList;
}
.ptdkkk6 {
  grid-area: addCondition;
  justify-self: center;
}
.ptdkkk7 {
  border-top: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
.ptdkkk8 {
  flex: 0 1 80px;
}
.ptdkkk9 {
  height: var(--controlSize-m__1bl7jj120);
  line-height: var(--controlSize-m__1bl7jj120);
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-controlBorder__1bl7jj111);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
}
.ptdkkka {
  padding-left: var(--spacing-xs__1bl7jj11k);
  padding-right: var(--spacing-xs__1bl7jj11k);
  text-transform: capitalize;
  flex: 0 0 auto;
}
.ptdkkkb {
  padding-left: var(--spacing-xs__1bl7jj11k);
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ptdkkkc {
  flex: 0 1 80px;
}
._8t50pg0 {
  margin: var(--spacing-xxxl__1bl7jj11q);
}
._8t50pg1 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
._8t50pg2 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-l__1bl7jj11n);
}
._8t50pg3 {
  width: 266px;
  height: 211px;
  flex-shrink: 0;
}
._8t50pg4 {
  padding-top: var(--spacing-s__1bl7jj11l);
  padding-bottom: var(--spacing-s__1bl7jj11l);
  border-bottom: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
.catdav0 {
  position: relative;
  width: 266px;
  height: 211px;
  flex-shrink: 0;
}
.catdav1 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.catdav2 {
  padding: var(--spacing-l__1bl7jj11n);
  pointer-events: none;
}
.gfd29v0 {
  height: 100%;
}
.gfd29v1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs__1bl7jj11j);
}
.gfd29v2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.gfd29v3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gfd29v4 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.gfd29v5 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs__1bl7jj11k);
}
.gfd29v6 {
  border-top: 1px solid;
  border-color: var(--color-border__1bl7jj110);
  padding-top: var(--spacing-s__1bl7jj11l);
  pointer-events: auto;
}
._1jsg2vh0 {
  padding: 60px;
  width: 100%;
}
._1jsg2vh1 {
  background-color: var(--color-surfaceTertiary__1bl7jj1j);
  border-radius: 5px;
  box-shadow: unset;
  opacity: 0.5;
  padding: 5px 8px;
  width: 100%;
}
._1jsg2vh2 {
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  opacity: 1;
}
._1jsg2vh3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1jsg2vh4 {
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  display: block;
  overflow: hidden;
  margin-left: var(--spacing-xs__1bl7jj11k);
}
._1jsg2vh5 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
._1jsg2vh6 {
  color: var(--color-heading__1bl7jj1e);
}
._1jsg2vh7 {
  font-size: var(--fontSize-text-s__1bl7jj12u);
}
._1jsg2vh8 {
  text-align: left;
  color: var(--color-text__1bl7jj14);
  font-size: var(--fontSize-text-xs__1bl7jj12v);
  font-weight: var(--fontWeight-regular__1bl7jj130);
  border-top: 1px solid;
  border-color: var(--color-controlBorder__1bl7jj111);
  margin: 0px 20px;
  padding: 14px 0px;
  width: calc( 100% - 40px );
  display: block;
}
._1jsg2vh9 {
  display: block;
  font-size: var(--fontSize-label-s__1bl7jj12z);
}
._1jsg2vha {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
._1jsg2vhb {
  flex-grow: 1;
}
._1jsg2vhc {
  flex-grow: 1;
}
._1jsg2vhd {
  position: absolute;
  top: 30px;
  right: 30px;
}
._1jsg2vhe {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 230px;
  width: 404px;
  overflow-y: auto;
  overflow-x: hidden;
}
._1jsg2vhf {
  border-style: dashed;
  border-width: 1px;
  height: inherit;
  width: inherit;
  border-color: var(--color-controlBorder__1bl7jj111);
  border-radius: var(--spacing-xs__1bl7jj11k);
}
._1jsg2vhg {
  display: flex;
  padding: 8px;
  border: 1px solid;
  border-color: var(--color-controlBorder__1bl7jj111);
  border-radius: 8px;
  gap: 5px;
  filter: grayscale(1);
  opacity: 0.5;
}
._1jsg2vhh {
  color: var(--color-icon__1bl7jj1p);
}
._1jsg2vhi {
  filter: unset;
  opacity: 1;
  background-color: #fff;
}
._1jsg2vhj {
  display: flex;
  gap: 4px;
  align-items: center;
}
._1seb1n80 {
  width: 100px;
  padding: var(--spacing-xs__1bl7jj11k);
  border: 1px solid;
  border-color: var(--color-controlBorder__1bl7jj111);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  background: var(--color-surface__1bl7jj1g);
  color: var(--color-icon__1bl7jj1p);
}
._1seb1n81 {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
}
._1tbsxw40 {
  margin: var(--spacing-xxxl__1bl7jj11q);
}
._1tbsxw41 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
._1tbsxw42 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1tbsxw43 {
  overflow: visible;
}
._1tbsxw44 {
  position: relative;
  display: inline-block;
}
._1tbsxw45 {
  position: absolute;
  top: 50%;
  right: 6px;
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  border-radius: 15px;
  transform: translate(100%, -50%);
  background: var(--color-primary__1bl7jj10);
  color: var(--color-textOnPrimary__1bl7jj1a);
}
._1fuwvvz0 .two-panel-settings-modal__right {
  background-color: #fafcfd;
  width: 100%;
}
._1fuwvvz1 {
  color: var(--color-textCritical__1bl7jj19);
}
._1fuwvvz2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
._1fuwvvz3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
  width: 750px;
  margin: 0 auto;
}
._1fuwvvz4 {
  color: var(--color-icon__1bl7jj1p);
}
.y7gn7x0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
.y7gn7x2 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  background-color: #fff;
  padding: 20px;
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  z-index: 0;
}
.y7gn7x2:before {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  background-image: linear-gradient(#c8ced6 33%, rgba(255,255,255,0) 0%);
  background-position: right;
  background-size: 1px 3px;
  background-repeat: repeat-y;
  left: 65px;
  position: absolute;
  z-index: -1;
}
.y7gn7x3 {
  display: grid;
  grid-template-columns: 90px 1fr;
  grid-gap: 10px;
  padding-bottom: var(--spacing-xl__1bl7jj11o);
}
.y7gn7x4 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.y7gn7x6 {
  position: relative;
  min-height: 90px;
}
.y7gn7x6:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(#c8ced6 33%, rgba(255,255,255,0) 0%);
  background-position: right;
  background-size: 1px 3px;
  background-repeat: repeat-y;
  left: 45px;
  position: absolute;
  z-index: -1;
}
.y7gn7x7 {
  width: 100%;
}
.y7gn7x8 {
  border: 1px solid;
  border-color: #E0E8F1;
  padding: 16px;
  background-color: #FAFCFD;
  border-radius: 8px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.y7gn7x9 {
  display: grid;
  grid-template-columns: 90px 1fr;
  grid-gap: 10px;
}
.y7gn7xa {
  padding: var(--spacing-xs__1bl7jj11k) var(--spacing-xxs__1bl7jj11j);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
}
.y7gn7xb {
  padding-left: var(--spacing-xxs__1bl7jj11j);
  display: flex;
  flex-direction: column;
}
.y7gn7xc {
  padding: 6px;
  background-color: #f0f4f8;
  border: 1px solid;
  border-color: #e8eef6;
  border-radius: 4px;
  color: #495076;
  width: 100%;
  text-transform: initial;
  text-align: center;
  height: min-content;
}
.y7gn7xd {
  margin-left: 29px;
  width: fit-content;
}
.y7gn7xe {
  border-radius: 50%;
  border: 1px solid;
  border-color: #d1d7e2;
  background-color: #fff;
}
.y7gn7xg {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  flex: 1;
}
.y7gn7xh {
  text-transform: initial;
}
.y7gn7xi {
  width: 210px;
  height: 0px;
  overflow: hidden;
}
.y7gn7xj {
  z-index: 1053;
  background-color: rgb(240 244 249);
  border-radius: var(--spacing-s__1bl7jj11l);
}
.y7gn7xj .popover__panel {
  background: transparent;
}
.y7gn7xj .popover__panel-content {
  padding: 0;
}
.y7gn7xk {
  margin: var(--spacing-m__1bl7jj11m) var(--spacing-l__1bl7jj11n) var(--spacing-l__1bl7jj11n) var(--spacing-l__1bl7jj11n);
  padding: var(--spacing-m__1bl7jj11m);
  width: 400px;
  height: 320px;
}
.y7gn7xl {
  padding-left: var(--spacing-m__1bl7jj11m);
  padding-top: var(--spacing-m__1bl7jj11m);
  font-weight: var(--fontWeight-medium__1bl7jj131);
}
.y7gn7xm {
  display: flex;
  flex-direction: column;
  border: 1px solid #d1d7e2;
  border-radius: 15px;
  overflow: hidden;
  margin-top: var(--spacing-m__1bl7jj11m);
}
.y7gn7xn {
  display: flex;
  padding: var(--spacing-s__1bl7jj11l);
  padding-left: var(--spacing-l__1bl7jj11n);
  background-color: #f0f4fa;
  border-bottom: 1px solid #d1d7e2;
}
.y7gn7xo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.y7gn7xp {
  min-width: 140px;
  text-align: center;
}
.y7gn7xq {
  color: var(--color-textCaution__1bl7jj18);
}
.y7gn7xr {
  padding: var(--spacing-l__1bl7jj11n) 0;
}
.y7gn7xs {
  margin: 0 120px;
}
.y7gn7xt {
  margin: 0 104px;
}
.y7gn7xu {
  width: 100%;
}
.y7gn7xv {
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  margin: 0 var(--spacing-xs__1bl7jj11k);
  background-color: var(--color-surfacePrimary__1bl7jj1h);
  color: var(--color-iconPrimary__1bl7jj1s);
  border-radius: 16px;
}
.btbt0w0 {
  display: flex;
  flex-direction: column;
}
.btbt0w2 {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
.btbt0w3 {
  display: flex;
  flex-direction: column;
  width: 45%;
  border-right: 1px solid var(--color-border__1bl7jj110);
  gap: var(--spacing-xs__1bl7jj11k);
  padding: var(--spacing-s__1bl7jj11l) var(--spacing-s__1bl7jj11l) var(--spacing-s__1bl7jj11l) var(--spacing-l__1bl7jj11n);
  position: relative;
  justify-content: center;
}
.btbt0w4 {
  width: 55%;
  padding: var(--spacing-s__1bl7jj11l) var(--spacing-s__1bl7jj11l) var(--spacing-s__1bl7jj11l) var(--spacing-l__1bl7jj11n);
  display: flex;
  flex-direction: column;
}
.btbt0w5 {
  width: 100%;
  padding: 0 var(--spacing-xxs__1bl7jj11j);
}
.btbt0w6 {
  width: 100%;
}
.btbt0w2 th {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs__1bl7jj11k);
  padding: var(--spacing-xs__1bl7jj11k);
  flex-direction: row;
}
.btbt0w7 {
  position: absolute;
  right: -12px;
  top: calc(50% - var(--spacing-s__1bl7jj11l));
  color: var(--color-icon__1bl7jj1p);
  background-color: var(--color-surface__1bl7jj1g);
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: 4px;
}
.btbt0w8 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
.btbt0w9 {
  color: var(--color-iconDisabled__1bl7jj1w);
}
.btbt0wa {
  color: var(--color-iconCritical__1bl7jj1v);
}
.btbt0wb {
  display: block;
  padding: var(--spacing-xl__1bl7jj11o);
  color: var(--color-textDisabled__1bl7jj1d);
}
.btbt0wc {
  width: 100%;
}
.m85uct0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-l__1bl7jj11n);
  padding-bottom: var(--spacing-l__1bl7jj11n);
}
.m85uct1 {
  display: flex;
  flex-direction: column;
  border: 1px solid #d1d7e2;
  border-radius: 15px;
  overflow: hidden;
}
.m85uct2 {
  gap: 0;
}
.m85uct3 {
  min-width: 140px;
  text-align: center;
}
.m85uct4 {
  display: flex;
  padding: var(--spacing-s__1bl7jj11l);
  padding-left: var(--spacing-l__1bl7jj11n);
  background-color: #f0f4fa;
  border-bottom: 1px solid #d1d7e2;
}
.m85uct5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.m85uct6 {
  display: none;
}
.sbatla0 {
  margin-bottom: 144px;
}
.sbatla1 {
  height: 1px;
  width: 100%;
  background-color: var(--color-border__1bl7jj110);
  overflow: hidden;
  border: none;
}
.sbatla2 {
  margin: auto var(--spacing-m__1bl7jj11m);
  font-weight: var(--fontWeight-medium__1bl7jj131);
  position: relative;
  top: -0.25ex;
}
._1hu47z00 {
  border: 1px solid;
  border-color: var(--color-controlBorder__1bl7jj111);
  background-color: rgb(240 244 249);
  border-radius: var(--spacing-xxs__1bl7jj11j);
}
._1hu47z01 {
  background-color: var(--color-surface__1bl7jj1g);
  border: 1px solid;
  border-color: var(--color-border__1bl7jj110);
  color: var(--color-icon__1bl7jj1p);
  border-radius: var(--spacing-xxs__1bl7jj11j);
  padding: var(--spacing-xs__1bl7jj11k);
  height: var(--spacing-xxl__1bl7jj11p);
  min-width: var(--spacing-xxl__1bl7jj11p);
}
._1hu47z02 {
  border-radius: var(--spacing-xxs__1bl7jj11j);
  display: flex;
  align-items: center;
  padding-left: var(--spacing-xs__1bl7jj11k);
  gap: var(--spacing-s__1bl7jj11l);
  width: calc(50% - 28px);
}
._1hu47z03 {
  height: var(--spacing-xxl__1bl7jj11p);
  width: calc(50% - 28px);
}
._13hnz2f0 {
  display: flex;
  padding: 7px 12px;
  border-radius: var(--spacing-xs__1bl7jj11k);
  align-items: center;
  gap: var(--spacing-xl__1bl7jj11o);
  justify-content: space-between;
}
._13hnz2f1 {
  color: var(--color-textPrimary__1bl7jj16);
  background-color: var(--color-surfacePrimary__1bl7jj1h);
}
._13hnz2f2 {
  color: var(--color-textCaution__1bl7jj18);
  background-color: var(--color-surfaceCaution__1bl7jj1l);
}
._13hnz2f3 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs__1bl7jj11k);
  padding-left: var(--spacing-xs__1bl7jj11k);
}
._13hnz2f4 {
  display: flex;
  align-items: center;
}
._13hnz2f6 {
  color: var(--color-textPrimary__1bl7jj16);
}
._13hnz2f7 {
  color: var(--color-textCaution__1bl7jj18);
}
._13hnz2f8 {
  background-color: var(--color-iconCaution__1bl7jj1u);
  border-radius: 50%;
  color: var(--color-surface__1bl7jj1g);
}
.jiezsd0 {
  position: relative;
}
.jiezsd1 {
  min-width: 260px;
}
.jiezsd2 {
  width: 100%;
}
.jiezsd3 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  grid-auto-rows: 220px;
  gap: var(--spacing-l__1bl7jj11n);
}
.jiezsd4 {
  position: absolute;
  top: var(--spacing-l__1bl7jj11n);
  left: 50%;
  transform: translateX(-50%);
}
.jiezsd5 {
  min-height: 180px;
}
.jiezsd6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
}
.jiezsd7 {
  text-align: center;
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  color: var(--color-textSecondary__1bl7jj15);
  border-radius: 16px;
  width: 24px;
}
.jiezsd8 {
  display: inherit;
}
.jiezsd9 {
  display: none;
}
.jiezsda {
  display: inherit;
}
.o3tjdu0 {
  position: relative;
  aspect-ratio: 1.26;
  padding: var(--spacing-l__1bl7jj11n);
}
.o3tjdu1 {
  cursor: default;
}
.o3tjdu2 {
  height: 100%;
}
.o3tjdu3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs__1bl7jj11k);
}
.o3tjdu4 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.o3tjdu5 {
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.o3tjdu6 {
  color: var(--color-textDisabled__1bl7jj1d);
}
.o3tjdu7 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.o3tjdu8 {
  color: var(--color-textDisabled__1bl7jj1d);
}
.o3tjdu9 {
  border-top: 1px solid;
  border-color: var(--color-border__1bl7jj110);
  padding-top: var(--spacing-s__1bl7jj11l);
  pointer-events: auto;
  align-items: center;
}
.o3tjdua {
  border-color: var(--color-controlBorderDisabled__1bl7jj114);
}
.o3tjdub {
  color: var(--color-icon__1bl7jj1p);
}
.o3tjduc {
  border-top: 1px solid;
  border-top-color: var(--color-controlBorder__1bl7jj111);
}
._1drp01e0 {
  margin-bottom: var(--spacing-m__1bl7jj11m);
}
._1drp01e1 {
  width: 100%;
  gap: var(--spacing-xxs__1bl7jj11j);
}
._1drp01e2 {
  align-items: center;
  border-radius: var(--spacing-xxs__1bl7jj11j);
  background: var(--color-surfaceSecondary__1bl7jj1i);
  padding: var(--spacing-xxs__1bl7jj11j);
}
._1drp01e3 {
  color: var(--color-icon__1bl7jj1p);
  padding: var(--spacing-xs__1bl7jj11k);
}
._1drp01e4 {
  text-align: left;
}
._4xb7ny0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px;
  gap: var(--spacing-l__1bl7jj11n);
}
._1bqhosl0 {
  width: 23%;
  overflow: hidden;
}
._1bqhosl1 {
  width: 4%;
  overflow: hidden;
}
._1bqhosl2 {
  width: 25%;
  overflow: hidden;
}
._1bqhosl3 {
  width: 25%;
  overflow: hidden;
}
._1bqhosl4 {
  width: 13%;
  overflow: hidden;
}
._1bqhosl5 {
  width: 10%;
  overflow: hidden;
}
._1bqhosl6 {
  flex: 0 0 auto;
  color: var(--color-icon__1bl7jj1p);
}
._1bqhosl7 {
  margin-top: var(--spacing-m__1bl7jj11m);
}
._1bqhosl8 {
  padding: var(--spacing-m__1bl7jj11m);
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
}
._1bqhosl9 {
  padding: var(--spacing-m__1bl7jj11m);
  margin-bottom: var(--spacing-s__1bl7jj11l);
  background-color: var(--color-surfaceCritical__1bl7jj1m);
}
._1bqhosla {
  color: var(--color-textCritical__1bl7jj19);
}
._1bqhoslb {
  color: inherit;
}
._1bqhoslc {
  color: var(--color-textSuccess__1bl7jj17);
}
._1bqhosld {
  color: var(--color-textCritical__1bl7jj19);
}
._1bqhosle {
  color: var(--color-textCaution__1bl7jj18);
}
._1bqhoslf {
  border-radius: 50%;
}
._1bqhoslg {
  background-color: var(--color-surfaceSuccess__1bl7jj1k);
  color: var(--color-iconSuccess__1bl7jj1t);
}
._1bqhoslh {
  background-color: var(--color-surfaceCritical__1bl7jj1m);
  color: var(--color-iconCritical__1bl7jj1v);
}
._1bqhosli {
  background-color: var(--color-surfaceCaution__1bl7jj1l);
  color: var(--color-iconCaution__1bl7jj1u);
}
._1bqhoslj {
  color: inherit;
}
._1bqhoslk {
  color: var(--color-textCaution__1bl7jj18);
}
._1bqhosll {
  color: var(--color-textCaution__1bl7jj18);
}
._1bqhoslm {
  color: var(--color-text__1bl7jj14);
}
._1bqhosln {
  color: var(--color-textCritical__1bl7jj19);
}
._1bqhoslo {
  color: var(--color-textPlaceholder__1bl7jj1b);
}
.y74dbj0 {
  overflow: hidden;
  transition: height var(--duration) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--duration) cubic-bezier(0.4, 0, 0.2, 1), margin var(--duration) cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(180deg, #F1F0FE 0%, rgba(241, 240, 254, 0) 118%);
}
.y74dbj1 {
  position: absolute;
  top: var(--spacing-m__1bl7jj11m);
  right: var(--spacing-m__1bl7jj11m);
}
.y74dbj2 {
  display: flex;
  flex-direction: column;
  padding: 50px;
  gap: var(--spacing-xl__1bl7jj11o);
}
.y74dbj3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--spacing-xxl__1bl7jj11p);
  isolation: isolate;
}
._192oqri0 {
  padding-top: var(--spacing-xxl__1bl7jj11p);
  padding-left: var(--spacing-l__1bl7jj11n);
  padding-right: var(--spacing-l__1bl7jj11n);
  display: flex;
  justify-content: center;
}
._192oqri1 {
  max-width: 1200px;
  width: 100%;
}
._192oqri2 {
  background: linear-gradient(90deg, #4D41A7 0.26%, #2286CF 54.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._192oqri3 {
  display: flex;
  align-items: center;
  white-space: pre;
  margin-bottom: -8px;
}
.d9k1ol0 {
  display: flex;
  position: relative;
  align-items: center;
  gap: 20px;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  padding: var(--spacing-s__1bl7jj11l) var(--spacing-m__1bl7jj11m);
  max-width: 340px;
}
.d9k1ol1 {
  font-family: var(--font-ui__1bl7jj125);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
  font-size: var(--fontSize-label-s__1bl7jj12z);
  color: var(--color-textSecondary__1bl7jj15);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.d9k1ol2 {
  background: linear-gradient(90deg, #4D41A7 0.26%, #2286CF 54.67%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.d9k1ol3 {
  height: 80px;
  width: auto;
}
.d9k1ol4 {
  height: 100%;
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.d9k1ol5 {
  height: 16px;
  width: 16px;
  position: absolute;
  right: var(--spacing-s__1bl7jj11l);
  top: var(--spacing-s__1bl7jj11l);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  border: 2px solid var(--color-primaryBorder__1bl7jj11);
  color: var(--color-surface__1bl7jj1g);
}
.d9k1ol6 {
  border: 2px solid var(--color-textSuccess__1bl7jj17);
  background-color: var(--color-textSuccess__1bl7jj17);
}
._1k543ur0 {
  align-self: stretch;
}
._1k543ur2 {
  cursor: pointer;
  overflow: hidden;
  background: var(--_1k543ur1);
}
._1k543ur4 {
  --color__xq82d81: var(--_1k543ur3, var(--color-icon__1bl7jj1p));
}
._1k543ur5 {
  width: 100%;
}
._1k543ur7 {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: var(--_1k543ur6);
  transition-property: background-color, opacity;
  transition-duration: var(--duration-s__1bl7jj11u);
  transition-timing-function: var(--easing-standard__1bl7jj11s);
}
._1k543ur8 {
  opacity: 0;
}
._1k543ur9 .react-colorful {
  width: 100%;
}
._1k543ur9 .react-colorful__saturation {
  margin-bottom: var(--spacing-s__1bl7jj11l);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._1k543ur9 .react-colorful__hue {
  border-radius: var(--controlSize-s__1bl7jj11z);
}
._1uveui60 {
  padding: 0 !important;
  max-width: unset !important;
}
._1uveui61 {
  margin: -1px;
  padding: 0;
  width: 80vw;
  height: 80vh;
}
._1uveui62 {
  border-radius: 5px;
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 0;
}
._1uveui63 {
  position: absolute;
  top: var(--spacing-xs__1bl7jj11k);
  right: var(--spacing-xs__1bl7jj11k);
  z-index: 1;
}
.gd87ys0 {
  background-color: rgb(255 255 255 / 0.8);
  box-shadow: var(--shadow-elevation2__1bl7jj11e) !important;
  max-width: 340px;
  padding: var(--spacing-m__1bl7jj11m);
  position: relative;
}
.gd87ys0:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--gradient-unicorn__1bl7jj11b);
  border-radius: 9px;
  margin: -1px;
  transition: all var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.gd87ys0:hover:before {
  border-radius: 11px;
  margin: -3px;
}
.gd87ys1 {
  border: 5px solid rgb(217 221 237);
  border-radius: 100%;
}
.gd87ys2 {
  flex: 1;
}
.gd87ys3 {
  color: rgb(96 92 171);
}
.gd87ys4 {
  display: none;
}
.gd87ys5 {
  width: 16px;
  height: 16px;
  position: absolute;
  right: var(--spacing-s__1bl7jj11l);
  top: var(--spacing-s__1bl7jj11l);
  border: 2px solid;
  border-radius: 100%;
}
.gd87ys6 {
  background-color: var(--color-textSuccess__1bl7jj17);
  border-color: var(--color-textSuccess__1bl7jj17);
  color: var(--color-surface__1bl7jj1g);
}
.gd87ys7 {
  border-color: rgb(66 238 236);
  color: transparent;
}
@media (min-width: 700px) {
  .gd87ys4 {
    background-color: var(--color-surface__1bl7jj1g);
    border: 1px solid var(--color-border__1bl7jj110);
    border-radius: var(--borderRadius-control__1bl7jj11g);
    color: var(--color-text__1bl7jj14);
    font-family: var(--font-ui__1bl7jj125);
    font-size: var(--fontSize-text-xs__1bl7jj12v);
    font-weight: var(--fontWeight-medium__1bl7jj131);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: var(--controlSize-s__1bl7jj11z);
    padding-inline: var(--spacing-m__1bl7jj11m);
  }
}
.tjyjvy0 {
  z-index: 890;
}
.tjyjvy0 .modal {
  padding: 0;
  max-width: 528px;
  overflow: hidden;
}
.tjyjvy1 {
  width: 100%;
}
.tjyjvy2 {
  margin-right: var(--spacing-m__1bl7jj11m);
}
.tjyjvy3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 200px;
}
.tjyjvy4 {
  position: fixed;
  inset: 0;
  z-index: 1051;
  pointer-events: none;
}
._4guv0k0 {
  background-color: rgb(113 107 241);
}
._4guv0k1 {
  color: rgb(255 255 255);
}
._4guv0k2 {
  position: absolute;
  right: var(--spacing-xxs__1bl7jj11j);
  top: var(--spacing-xxs__1bl7jj11j);
}
.och0gs0 {
  margin: var(--spacing-xxxl__1bl7jj11q);
}
.och0gs1 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
  margin-bottom: var(--spacing-xxxl__1bl7jj11q);
}
.och0gs2 {
  min-width: 220px;
}
.och0gs3 {
  color: var(--color-textSuccess__1bl7jj17);
}
.och0gs4 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
.och0gs5 {
  color: var(--color-textCaution__1bl7jj18);
}
.och0gs6 {
  background-color: var(--color-surfaceCaution__1bl7jj1l);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  padding: var(--spacing-xs__1bl7jj11k);
  padding-left: var(--spacing-s__1bl7jj11l);
  padding-right: var(--spacing-s__1bl7jj11l);
}
.och0gs7 {
  color: var(--color-iconCaution__1bl7jj1u);
}
.och0gs8 {
  color: var(--color-textSecondary__1bl7jj15);
}
.och0gs9 {
  color: var(--color-icon__1bl7jj1p);
}
.och0gsa {
  font-weight: 500;
}
._19pxok0 {
  width: 100%;
  height: 100%;
}
._19pxok0.modal {
  max-width: 1440px;
  padding: 0px;
  text-align: left;
}
._19pxok1 {
  width: 100%;
  height: 100%;
  padding: var(--spacing-xl__1bl7jj11o);
  border-right: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
._19pxok2 {
  width: 100%;
  height: 100%;
  padding: var(--spacing-xl__1bl7jj11o);
  overflow: auto;
  background-color: var(--color-background__1bl7jj1z);
}
._19pxok3 {
  width: 100%;
  height: 76px;
  padding: var(--spacing-l__1bl7jj11n);
  grid-column: span 2;
  border-bottom: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
._19pxok4 {
  padding: var(--spacing-l__1bl7jj11n);
}
._19pxok5 {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  grid-template-rows: 0.05fr 1fr;
}
._19pxok6 {
  text-align: left;
  padding: var(--spacing-xl__1bl7jj11o);
}
._19pxok7 {
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  padding: var(--spacing-xl__1bl7jj11o);
  text-align: left;
}
._19pxok8 {
  border-radius: var(--spacing-m__1bl7jj11m);
  background-color: var(--color-surfaceCritical__1bl7jj1m);
  color: var(--color-textCritical__1bl7jj19);
  padding: 3px 15px;
}
._19pxok9 {
  width: 50px;
}
._19pxoka {
  min-width: 42px;
  width: 42px;
  height: 39px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgb(88 184 253);
  background-color: rgb(231 245 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
._19pxokb {
  min-width: 42px;
  width: 42px;
  height: 39px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgb(198 196 249);
  background-color: rgb(241 240 254);
  display: flex;
  align-items: center;
  justify-content: center;
}
._19pxokc {
  width: 100%;
}
._19pxokd {
  min-height: 52px;
  padding-top: var(--spacing-s__1bl7jj11l);
  padding-bottom: var(--spacing-s__1bl7jj11l);
}
._19pxoke {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._19pxokf {
  width: 85%;
}
._19pxokg {
  border: none;
  box-shadow: none!important;
  display: flex;
  flex-direction: column;
}
._19pxokh {
  border: 1px solid ;
  border-color: var(--color-border__1bl7jj110);
  border-radius: 4px;
  align-items: center;
  padding: 2px;
  max-width: 240px;
}
._19pxoki {
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: 4px;
  overflow: hidden;
}
._19pxokj {
  flex-grow: 1;
  padding-left: var(--spacing-s__1bl7jj11l);
}
._19pxokk {
  color: var(--color-iconSuccess__1bl7jj1t);
}
._19pxokl {
  min-width: 42px;
  width: 42px;
  height: 39px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgb(186 241 241);
  background-color: rgb(239 251 251);
  display: flex;
  align-items: center;
  justify-content: center;
}
._19pxokm {
  background: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: var(--spacing-s__1bl7jj11l);
  padding: var(--spacing-m__1bl7jj11m);
  margin-top: var(--spacing-m__1bl7jj11m);
}
._19pxokn {
  box-shadow: none;
  background: transparent;
}
._19pxoko {
  border: none;
  box-shadow: none;
}
._19pxokp {
  fill: var(--color-iconPrimary__1bl7jj1s);
}
._1rknqik0 {
  background: linear-gradient(145deg, #F2F3FE 19.92%, #FCF1F4 62.47%, #FFF9EF 103.34%);
}
._1rknqik1 {
  color: rgb(58 47 127);
}
.fmnbpp0 {
  padding: 0 !important;
  background: linear-gradient(145deg, #F2F3FE 19.92%, #FCF1F4 62.47%, #FFF9EF 103.34%);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  width: 450px;
}
.fmnbpp1 {
  margin-bottom: 96px;
}
.fmnbpp2 {
  font-size: var(--fontSize-heading-desktop-2__1bl7jj12d);
  color: rgb(175 180 216);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
}
.fmnbpp3 {
  font-size: var(--fontSize-heading-desktop-2__1bl7jj12d);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
  color: rgb(96 92 171);
}
.fmnbpp4 {
  color: rgb(58 47 127);
}
.fmnbpp5 {
  width: 300px;
}
.fmnbpp6 {
  text-align: left;
  width: 300px;
}
.fmnbpp7 {
  width: 80%;
}
.fmnbpp8 {
  width: 50%;
}
._1j604nk0 {
  border-radius: 2px;
  width: 1.1em;
  border: 1px solid var(--color-border__1bl7jj110);
  height: 0.8em;
}
._1j604nk0#qwilr-flag {
  width: 1.1em;
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: 2px;
  height: 0.8em;
}
.ugi78s0 {
  fill: var(--color-iconPrimary__1bl7jj1s);
}
.ugi78s1 {
  padding: var(--spacing-l__1bl7jj11n);
  max-height: 100vh;
}
._1mdjwre0 {
  width: 100%;
}
._1mdjwre1 {
  box-shadow: none;
  background: transparent;
}
._1mdjwre2 {
  background-color: rgb(96 92 171);
  border-radius: var(--spacing-xxxl__1bl7jj11q);
  padding: var(--spacing-xxs__1bl7jj11j);
  color: rgb(255 255 255);
  overflow: hidden;
}
._1mdjwre3 {
  color: var(--color-textSuccess__1bl7jj17);
}
._1mdjwre4 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
._1mdjwre5 {
  color: var(--color-textCaution__1bl7jj18);
}
._1mdjwre6 {
  color: var(--color-iconCaution__1bl7jj1u);
}
._1mdjwre7 {
  border-radius: var(--spacing-m__1bl7jj11m);
  background-color: var(--color-surfacePrimary__1bl7jj1h);
  color: var(--color-textPrimary__1bl7jj16);
  padding: 2px 10px;
}
._15sk84q0 {
  padding: 0 !important;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  background-color: rgb(255 255 255);
}
._15sk84q1 {
  width: 500px;
}
._15sk84q2 {
  width: 100%;
}
._15sk84q3 {
  width: 50%;
}
._15sk84q4 {
  background-color: var(--color-surfaceCritical__1bl7jj1m);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._15sk84q5 {
  color: var(--color-textCritical__1bl7jj19);
  padding: var(--spacing-xs__1bl7jj11k);
  text-align: left;
}
._13eyr6z0 {
  max-width: 270px;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._13eyr6z1 {
  padding: var(--spacing-s__1bl7jj11l);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._13eyr6z2 .kl-label {
  font-weight: 100;
}
.nou95i0 {
  background-color: rgb(240 244 249);
  border-radius: var(--spacing-xs__1bl7jj11k);
  min-height: 300px;
  padding: var(--spacing-m__1bl7jj11m);
}
.nou95i1 {
  color: var(--color-textSecondary__1bl7jj15);
}
.nou95i2 {
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  background-color: var(--color-surfaceCaution__1bl7jj1l);
}
._3vbavw0 {
  width: var(--controlSize-l__1bl7jj121);
  height: var(--controlSize-l__1bl7jj121);
  margin: var(--spacing-m__1bl7jj11m);
  border-radius: 50%;
  background-color: var(--color-surfacePrimary__1bl7jj1h);
}
.wsdb9e0 {
  border: 1px solid ;
  border-color: var(--color-border__1bl7jj110);
  border-radius: 4px;
  align-items: center;
  padding: 2px;
}
.wsdb9e1 {
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: 4px;
  overflow: hidden;
}
.wsdb9e2 {
  width: 50px;
}
.wsdb9e3 {
  color: var(--color-textDisabled__1bl7jj1d);
}
.wsdb9e4 .kl-label {
  font-weight: 100;
}
.wsdb9e5 {
  width: 100%;
  height: 100%;
  background-color: rgb(96 92 171);
}
.wsdb9e5:before {
  background-color: rgb(96 92 171) !important;
}
.wsdb9e6 {
  fill: rgb(255 255 255);
}
.wsdb9e7 {
  flex-grow: 1;
  padding-left: var(--spacing-s__1bl7jj11l);
}
.wsdb9e8 {
  width: 100%;
  padding: var(--spacing-s__1bl7jj11l);
  margin-top: var(--spacing-xxs__1bl7jj11j);
  margin-bottom: var(--spacing-xxs__1bl7jj11j);
}
.wsdb9e9 {
  color: var(--color-textPrimary__1bl7jj16);
}
.wsdb9ea {
  background: linear-gradient(145deg, #F2F3FE 19.92%, #FCF1F4 62.47%, #FFF9EF 103.34%);
  padding-top: var(--spacing-xxl__1bl7jj11p);
  padding-bottom: var(--spacing-xxl__1bl7jj11p);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
.wsdb9eb {
  background: linear-gradient(145deg, #F2F3FE 19.92%, #FCF1F4 62.47%, #FFF9EF 103.34%);
  border-radius: 6px;
  border: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
.wsdb9ec {
  color: var(--color-icon__1bl7jj1p);
}
.wsdb9ed {
  color: var(--color-textSecondary__1bl7jj15);
  align-items: center;
}
.wsdb9ee {
  color: var(--color-textCaution__1bl7jj18) !important;
}
.wsdb9ef {
  background-color: var(--color-surfaceCaution__1bl7jj1l);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  padding: var(--spacing-xs__1bl7jj11k);
}
.wsdb9eg {
  color: var(--color-iconCaution__1bl7jj1u);
  flex-shrink: 0;
}
.wsdb9eh {
  width: var(--spacing-s__1bl7jj11l);
  height: var(--spacing-s__1bl7jj11l);
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--color-border__1bl7jj110);
  vertical-align: middle;
  margin-right: var(--spacing-xxs__1bl7jj11j);
}
.wsdb9ei {
  display: inline;
}
.wsdb9ej {
  font-size: var(--fontSize-text-xxs__1bl7jj12w);
}
.wsdb9ek {
  outline: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}
.wsdb9ek:hover {
  outline: none;
  border: none;
  box-shadow: none !important;
}
.wsdb9ek div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.wsdb9el {
  outline: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}
.wsdb9el:hover {
  outline: none;
  border: none;
  box-shadow: none !important;
}
.wsdb9el div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
._2y0ypv0 {
  isolation: isolate;
  inset: var(--spacing-l__1bl7jj11n);
  position: fixed;
  justify-self: center;
  display: flex;
  max-width: 1440px;
  width: calc(100% - (var(--spacing-l__1bl7jj11n) * 2));
  margin: auto;
}
._2y0ypv1 {
  background: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  box-shadow: var(--shadow-elevation3__1bl7jj11f);
  width: 100%;
  height: 100%;
}
._2y0ypv2 {
  padding: var(--spacing-m__1bl7jj11m);
  width: 100%;
  height: 100%;
}
._2y0ypv3 {
  border-radius: 100%;
  background-color: var(--color-surfacePrimary__1bl7jj1h);
  width: 36px;
  height: 36px;
}
._2y0ypv4 {
  background: var(--color-surface__1bl7jj1g);
  border-top-left-radius: var(--borderRadius-surface__1bl7jj11h);
  border-top-right-radius: var(--borderRadius-surface__1bl7jj11h);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1v4oej40 {
  height: 100%;
  width: 100%;
}
._1v4oej41 {
  width: fit-content;
  background: var(--color-surfaceCaution__1bl7jj1l);
  color: var(--color-textCaution__1bl7jj18);
}
._1v4oej42 {
  color: rgb(96 92 171);
}
._1v4oej43 {
  color: rgb(28 8 110);
}
.o4pi630 {
  height: 100%;
  width: 100%;
}
.o4pi631 {
  height: 100%;
  border: 2px solid transparent;
  transition: background var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.o4pi632 {
  border: 2px dashed rgb(16 153 252);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  background-color: rgb(231 245 255);
}
.o4pi633 {
  display: none;
}
.o4pi634 {
  flex-grow: 1;
}
.o4pi635 {
  height: 180px;
}
.o4pi636 {
  display: grid;
}
.o4pi637 {
  grid-area: 1/1;
  display: flex;
  flex-direction: row;
  align-items: end;
  opacity: 1;
}
.o4pi639 {
  opacity: 0;
}
.o4pi63a {
  display: grid;
  align-items: center;
  justify-content: center;
  transform: translateZ(10px);
}
.o4pi63b {
  align-self: center;
  justify-self: center;
  grid-area: 1/1;
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.o4pi63c {
  position: relative;
  transition: left var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.o4pi63d {
  opacity: 1;
  left: 20px;
}
.o4pi63e {
  opacity: 0;
  left: 5px;
}
.o4pi63f {
  position: relative;
  transition: left var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.o4pi63g {
  opacity: 1;
  left: 5px;
}
.o4pi63h {
  opacity: 0;
  left: 20px;
}
.o4pi63i {
  position: relative;
  transition: left var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.o4pi63j {
  opacity: 1;
  left: -18px;
}
.o4pi63k {
  opacity: 0;
  left: -3px;
}
.o4pi63l {
  position: relative;
  transition: left var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.o4pi63m {
  opacity: 1;
  left: -3px;
}
.o4pi63n {
  opacity: 0;
  left: -18px;
}
.o4pi63o {
  margin-top: var(--spacing-xl__1bl7jj11o);
  flex-grow: 1;
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.o4pi63p {
  pointer-events: none;
  opacity: 0;
}
.o4pi63q {
  align-self: flex-end;
}
.o4pi631.o4pi632 * {
  pointer-events: none;
}
._16xh48d0 {
  min-width: 490px;
}
._16xh48d1 {
  position: relative;
}
._16xh48d2 {
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: rgb(96 92 171);
  opacity: 0;
  margin: 6px 0;
}
._16xh48d3 {
  opacity: 1;
}
._16xh48d4 {
  border-radius: 100%;
  border: 1px solid var(--color-controlBorder__1bl7jj111);
  color: var(--color-icon__1bl7jj1p);
}
._16xh48d5 {
  width: 365px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: var(--spacing-xxl__1bl7jj11p);
}
.w45bgs1 {
  height: 10px;
  width: 100%;
  background: rgb(224 232 241);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
.w45bgs2 {
  height: 100%;
  background: var(--gradient-brand__1bl7jj119);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
.w45bgs3 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  transition: width var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._12h05u90 {
  background: var(--color-surfaceSuccess__1bl7jj1k);
  border-radius: 100%;
  width: 32px;
  height: 32px;
}
._12h05u91 {
  color: var(--color-textSuccess__1bl7jj17);
}
._1g23cd10 {
  background: var(--color-surfaceCaution__1bl7jj1l);
  color: var(--color-iconCaution__1bl7jj1u);
  border-radius: 100%;
  width: 32px;
  height: 32px;
}
._1g23cd11 {
  color: var(--color-textCaution__1bl7jj18);
}
.xgte550 {
  width: 360px;
  align-self: flex-end;
  border-left: 1px solid var(--color-border__1bl7jj110);
}
.xgte551 {
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
.xgte552 {
  left: -278px;
}
.xgte553 {
  display: flex;
  flex-direction: column;
  left: 0;
}
.xgte554 {
  height: calc((((100vh - 60px) - (65px + var(--spacing-l__1bl7jj11n))) - var(--horizontal-scrollbar-height)) + var(--spacing-l__1bl7jj11n));
}
.brc9xq0 {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  width: 20px;
  height: 90px;
  cursor: pointer;
  display: grid;
  align-items: center;
  color: var(--color-icon__1bl7jj1p);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.brc9xq0 > * {
  pointer-events: none;
}
.brc9xq1 {
  grid-area: 1 / 1 / 1 / 1;
  position: relative;
  left: -2px;
}
.brc9xq2 {
  justify-content: center;
  position: absolute;
  top: 50%;
  z-index: 501;
  transform: translate(0, -50%);
}
.brc9xq3 {
  transition: left var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  left: calc(0px - 1px);
}
.brc9xq4 {
  transition: left var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  left: calc(360px - 1px);
}
.brc9xq5 {
  transition: left var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  left: calc((360px + 278px) - 1px);
}
.brc9xq6 {
  display: block;
  width: 40px;
  height: 90px;
  max-width: unset;
  grid-area: 1 / 1 / 1 / 1;
}
.brc9xq7 {
  z-index: 501;
}
@media (prefers-reduced-motion) {
  .brc9xq2 {
    transition: none;
  }
}
._1row2lp0 {
  width: 360px;
}
._1row2lp1 {
  padding-left: var(--spacing-l__1bl7jj11n);
  padding-right: var(--spacing-l__1bl7jj11n);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
.nm1u6e0 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-left: var(--spacing-l__1bl7jj11n);
  padding-right: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.nm1u6e1 {
  overflow-y: scroll;
  padding-bottom: var(--spacing-l__1bl7jj11n);
  height: calc((((((100vh - 60px) - ((65px + var(--spacing-l__1bl7jj11n)) + var(--spacing-l__1bl7jj11n))) - (34px + var(--spacing-m__1bl7jj11m))) - var(--_1row2lp2)) - var(--horizontal-scrollbar-height)) + var(--spacing-l__1bl7jj11n));
}
._1a0mu6l1 {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: visible;
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._1a0mu6l2 {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: visible;
}
._1a0mu6l3 {
  position: absolute;
  inset: 0;
  box-shadow: 0 0 0 1px var(--color-border__1bl7jj110) !important;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: box-shadow, transform, opacity;
  cursor: grab;
}
._1a0mu6l3:hover {
  transform: scale(1.03);
  box-shadow: var(--shadow-elevation1__1bl7jj11d) !important;
  z-index: 1;
}
._1a0mu6l4 {
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  position: absolute;
  inset: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
._1a0mu6l5 {
  height: 50%;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(transparent, rgb(18 20 35));
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._1a0mu6l6 {
  height: 100%;
}
._1a0mu6l7 {
  margin: var(--spacing-xxxs__1bl7jj11i);
}
._1qbprfv1 {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: visible;
  background: var(--color-surface__1bl7jj1g);
  border-radius: 6px;
}
._1qbprfv2 {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: visible;
}
._1qbprfv3 {
  position: absolute;
  inset: 0;
  box-shadow: 0 0 0 1px var(--color-border__1bl7jj110) !important;
  border-radius: 6px;
  transition: var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  transition-property: box-shadow, transform, opacity;
  cursor: grab;
}
._1qbprfv3:hover {
  transform: scale(1.03);
  box-shadow: var(--shadow-elevation1__1bl7jj11d) !important;
  z-index: 1;
}
._1qbprfv4 {
  border-radius: 6px;
  position: absolute;
  inset: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
._1qbprfv5 {
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(transparent, rgb(18 20 35));
  border-radius: 6px;
}
._1qbprfv6 {
  margin: var(--spacing-xxxs__1bl7jj11i);
}
._1aa72l90 > .empty-state__content > span.kl-text {
  max-width: calc((360px - var(--spacing-l__1bl7jj11n)) - var(--spacing-l__1bl7jj11n));
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes _9ej4f2 {
  100% {
    transform: translate3d(0, 0, 0);
  }
}
._9ej4f0 {
  height: 100%;
  background-color: var(--color-surfaceTertiary__1bl7jj1j);
  border-radius: 6px;
}
._9ej4f1 .block-0 {
  transform: translate3d(4px, 4px, 0);
}
._9ej4f1 .block-2 {
  transform: translate3d(-4px, -4px, 0);
}
._9ej4f1 .block-0, .block-2 {
  animation: 1.6s _9ej4f2 infinite alternate;
}
@media (prefers-reduced-motion) {
  ._9ej4f1 .block-0, .block-2 {
    animation: none;
    transform: none;
  }
}
.x78hz30 {
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: var(--spacing-l__1bl7jj11n);
  height: calc((((((100vh - 60px) - ((65px + var(--spacing-l__1bl7jj11n)) + var(--spacing-l__1bl7jj11n))) - (34px + var(--spacing-m__1bl7jj11m))) - var(--_1row2lp2)) - var(--horizontal-scrollbar-height)) + var(--spacing-l__1bl7jj11n));
}
.x78hz31 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-left: var(--spacing-l__1bl7jj11n);
  padding-right: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.x78hz32 {
  padding: var(--spacing-xxs__1bl7jj11j) 0;
}
.ro368z0 {
  display: flex;
  justify-content: space-between;
  width: 360px;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: white;
  border-top: 1px solid var(--color-border__1bl7jj110);
  z-index: 1;
}
.ro368z1 {
  opacity: 0;
  width: 10%;
  position: absolute;
  display: none;
}
.ro368z2 {
  flex-grow: 1;
}
.eofl0m0 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-left: var(--spacing-l__1bl7jj11n);
  padding-right: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
.eofl0m1 {
  display: flex;
  margin-bottom: var(--spacing-xxs__1bl7jj11j);
  padding: var(--spacing-xxs__1bl7jj11j);
  padding-left: var(--spacing-m__1bl7jj11m);
}
.eofl0m2 {
  flex: 1;
  overflow: hidden;
  gap: var(--spacing-xxs__1bl7jj11j);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.eofl0m3 {
  margin-right: var(--spacing-xxxs__1bl7jj11i);
}
.eofl0m4 {
  overflow-y: scroll;
  padding-bottom: var(--spacing-l__1bl7jj11n);
  height: calc((((((((100vh - 60px) - ((65px + var(--spacing-l__1bl7jj11n)) + var(--spacing-l__1bl7jj11n))) - (34px + var(--spacing-m__1bl7jj11m))) - var(--_1row2lp2)) - var(--horizontal-scrollbar-height)) + var(--spacing-l__1bl7jj11n)) - var(--ro368z3)) - var(--ro368z4));
}
._16hcgrh0 {
  display: grid;
  gap: var(--spacing-xs__1bl7jj11k);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-left: var(--spacing-l__1bl7jj11n);
  padding-right: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xxs__1bl7jj11j);
}
._16hcgrh1 {
  overflow-y: scroll;
  padding-bottom: var(--spacing-l__1bl7jj11n);
  height: calc((((((((100vh - 60px) - ((65px + var(--spacing-l__1bl7jj11n)) + var(--spacing-l__1bl7jj11n))) - (34px + var(--spacing-m__1bl7jj11m))) - var(--_1row2lp2)) - var(--horizontal-scrollbar-height)) + var(--spacing-l__1bl7jj11n)) - var(--ro368z3)) - var(--ro368z4));
}
.xltz5q0 {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  margin-top: var(--spacing-m__1bl7jj11m);
}
.xltz5q1 {
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.xltz5q2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xltz5q3 {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  align-items: stretch;
  aspect-ratio: 16 / 10;
  border-radius: 6px;
}
.xltz5q4 {
  display: none;
  opacity: 0;
  background-color: rgb(18 20 35 / 0.5);
  grid-area: 1 / 1;
  transition: opacity var(--duration-s__1bl7jj11u) ease;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.xltz5q5 {
  display: flex;
  opacity: 1;
}
.xltz5q7 {
  opacity: 0;
  grid-area: 1 / 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
}
.xltz5q8 {
  transition: ease-in var(--duration-l__1bl7jj11w);
  opacity: 1;
}
._1bnmqjo0 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
._1bnmqjo2 {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  height: 120px;
}
._1bnmqjo3 {
  grid-area: 1 / 1;
}
._1bnmqjo4 {
  --_1bnmqjo1: rgb(241 240 254);
  background-image: linear-gradient(color-mix(in lab, var(--_1bnmqjo1) 70%, transparent), color-mix(in lab, var(--_1bnmqjo1) 10%, transparent));
  grid-area: 1 / 1;
  display: grid;
  grid-template-columns: 40% 1fr;
  align-items: center;
  pointer-events: none;
  position: relative;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
tokens_darkTheme__1bl7jj135 ._1bnmqjo4 {
  --_1bnmqjo1: rgb(58 47 127);
}
._1bnmqjo5 {
  width: 150px;
}
._1bnmqjo6 {
  position: relative;
  right: NaNpx;
}
._1bnmqjo7 {
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: var(--spacing-l__1bl7jj11n);
  height: calc((((((100vh - 60px) - ((65px + var(--spacing-l__1bl7jj11n)) + var(--spacing-l__1bl7jj11n))) - (34px + var(--spacing-m__1bl7jj11m))) - var(--_1row2lp2)) - var(--horizontal-scrollbar-height)) + var(--spacing-l__1bl7jj11n));
}
._1bnmqjo8 {
  height: 143px;
}
._123ijgt0 {
  display: flex;
  gap: var(--spacing-xs__1bl7jj11k);
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
._123ijgt1 {
  opacity: 1;
}
._123ijgt2 {
  opacity: 0;
}
._123ijgt3 {
  opacity: 1;
}
._123ijgt4 {
  z-index: 500;
}
._123ijgt5 {
  padding: var(--spacing-l__1bl7jj11n);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m__1bl7jj11m);
}
._123ijgt6 {
  display: flex;
  flex-direction: column;
}
@media (max-height: 900px) {
  ._123ijgt4 .panel {
    height: 500px;
  }
}
._1gpypxg0 {
  position: relative;
}
._1gpypxg2 {
  --_1gpypxg1: 0px;
  position: absolute;
  z-index: 1;
  top: calc(var(--_1gpypxg1, 0px) + var(--spacing-xs__1bl7jj11k));
  right: var(--spacing-xs__1bl7jj11k);
}
._1gpypxg9 {
  --_1gpypxg1: 0px;
}
._1gpypxga {
  --_1gpypxg1: 62px;
}
._1gpypxgb {
  --_1gpypxg1: calc(48px + var(--spacing-s__1bl7jj11l));
}
._1gpypxgc {
  --_1gpypxg1: calc(48px + var(--spacing-s__1bl7jj11l));
}
._5nuaxp0 {
  position: relative;
  display: flex;
  gap: var(--spacing-xs__1bl7jj11k);
}
._5nuaxp2 {
  opacity: 0.5;
}
._5nuaxp3 {
  flex: 1;
}
._5nuaxp4 {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
._5nuaxp5 {
  opacity: 0;
}
._5nuaxp0:hover ._5nuaxp5 {
  opacity: 1;
}
._5nuaxp5:focus-visible {
  opacity: 1;
}
._5nuaxp6 {
  width: 75%;
}
.lamgng0 {
  opacity: 0;
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
.h988ih:hover .lamgng1, .lamgng1:focus-visible {
  opacity: 1;
}
.h988ih:hover .lamgng2, .lamgng2:focus-visible {
  opacity: 1;
}
.h988ih:hover .lamgng3, .lamgng3:focus-visible {
  opacity: 0;
}
.h988ih:hover .lamgng4, .lamgng4:focus-visible {
  opacity: 0;
}
._1t0n6tj0 {
  opacity: 0;
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._1t0n6tj1 {
  opacity: 0;
}
._1t0n6tj2 {
  opacity: 1;
}
._1t0n6tj3 {
  opacity: 0;
}
._1t0n6tj4 {
  opacity: 0;
}
._1t0n6tj5 {
  position: absolute;
}
._1t0n6tj6 {
  top: 50%;
  transform: translateY(-50%);
  left: calc(-48px - var(--spacing-xxs__1bl7jj11j) * 2);
  padding: var(--spacing-m__1bl7jj11m) var(--spacing-xxs__1bl7jj11j);
}
._1t0n6tj7 {
  left: 50%;
  transform: translateX(-50%);
  top: calc(-24px - var(--spacing-xxs__1bl7jj11j) * 2);
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-m__1bl7jj11m);
}
._1t0n6tj8 {
  position: relative;
  width: auto;
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._706yu72 {
  position: absolute;
  inset: 0;
  opacity: 0.3333333333333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  user-select: none;
  color: var(--_706yu70);
  padding-left: var(--_706yu71);
}
._18e4h0k0 {
  position: absolute;
  justify-self: center;
  align-self: center;
}
.horizontal-rule-widget__spacing-shim {
  margin-top: 24px;
  margin-bottom: 24px;
}
._5007of0 {
  --_706yu71: 0px;
}
._5007of1 {
  position: relative;
}
._1ruabcr0 {
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
._1ruabcr2 {
  position: fixed;
  width: var(--_1ruabcr1);
  top: 0;
  outline: 1px solid transparent;
  left: 200vw;
}
_::-webkit-full-page-media, _:future, :root ._1ruabcr2::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  left: calc(-100vw - 1px);
  top: 0;
  background-color: transparent;
}
._1ruabcr2 > *:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
._1ruabcr2 .image-widget__ghost {
  display: none;
}
._1nizbzd1 {
  position: relative;
  height: 100%;
}
._1nizbzd2::before {
  content: "";
  position: absolute;
  left: 0px;
  height: 150px;
  width: 100%;
  transform: translateY(-150px);
}
._1nizbzd3::after {
  content: "";
  position: absolute;
  height: 180px;
  left: 0px;
  width: 100%;
}
._1nizbzd4 {
  width: 100%;
}
._1nizbzd5 {
  width: fit-content;
}
._1nizbzd6 {
  display: inline-block;
  height: auto;
}
[data-selection-ring] {
  cursor: pointer;
}
[data-interactive-zone],[data-slate-node="element"] {
  cursor: default;
}
[data-element-type="textElement"] {
  --_706yu71: 8px;
  cursor: text;
  padding-left: 8px;
  left: -8px;
  width: calc(100% + 8px);
}
._1nizbzdd {
  --_1nizbzdc: transparent;
  --_1nizbzd8: 0px;
  --_1nizbzd9: 0px;
  --_1nizbzda: 0px;
  position: absolute;
  cursor: pointer;
  inset: calc((var(--_1nizbzd9) + var(--_1nizbzda)) * -1);
}
._1nizbzdd::before {
  content: "";
  position: absolute;
  box-shadow: 0 0 0 2px;
  color: var(--_1nizbzd0, var(--_1nizbzdc));
  background-color: transparent;
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s), background-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  inset: var(--_1nizbzda);
  border-radius: var(--_1nizbzdb, var(--_1nizbzd8));
}
._1ruabcr2 ._1nizbzdd {
  display: none;
}
._1nizbzde {
  --_1nizbzdc: rgb(235 240 247);
}
._1nizbzdf {
  --_1nizbzdc: rgb(159 214 254);
}
._1nizbzdg {
  --_1nizbzdc: rgb(16 153 252);
}
._1nizbzdi {
  --_1nizbzd8: var(--borderRadius-control__1bl7jj11g);
  --_1nizbzd9: 8px;
  --_1nizbzda: 4px;
}
._1nizbzdk {
  pointer-events: none;
  inset: -4px;
}
._1nizbzdk::before {
  inset: 0;
  background-color: var(--_1nizbzdc);
  box-shadow: none;
}
._1nizbzdm {
  display: inline-block;
  height: auto;
}
._1nizbzdo {
  --_1nizbzdc: color-mix(in lab, rgb(88 184 253) 10%, transparent);
}
._1nizbzdp {
  --_1nizbzdc: color-mix(in lab, rgb(88 184 253) 20%, transparent);
}
._1nizbzds {
  position: absolute;
  top: var(--_1nizbzdr);
  right: calc(100% + var(--_1nizbzdq));
}
._1nizbzds::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: var(--_1nizbzdq);
}
._1ruabcr2 ._1nizbzds {
  opacity: 0;
  top: 0;
}
._1nizbzdt {
  --_1nizbzdr: 0;
}
._1nizbzdu {
  --_1nizbzdr: -10px;
}
._1nizbzdv {
  --_1nizbzdq: 6px;
}
._1nizbzdw {
  --_1nizbzdq: 14px;
}
._1nizbzdy {
  --_1nizbzdq: 8px;
}
._1d7pnk82 {
  position: absolute;
  width: var(--_1d7pnk80);
  top: 0;
  bottom: 0;
  background: rgb(16 153 252 / 0.25);
  z-index: 1;
  pointer-events: none;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  opacity: 0;
  transition: opacity var(--duration-l__1bl7jj11w) var(--easing-standard__1bl7jj11s), background var(--duration-l__1bl7jj11w) var(--easing-standard__1bl7jj11s);
}
._1ruabcr2 ._1d7pnk82 {
  display: none;
}
._1d7pnk84 {
  opacity: 0.8;
}
._1d7pnk86 {
  background: rgb(16 153 252 / 0.5);
}
._1d7pnk87 {
  left: 0;
}
._1d7pnk88 {
  right: 0;
}
._1d7pnk89 {
  left: 0;
  right: 0;
}
._1d7pnk8a {
  left: 0;
  transform: translate3d(var(--_1d7pnk81), 0, 0);
}
._1d7pnk8b {
  left: 0;
  transform: translate3d(var(--_1d7pnk81), 0, 0);
}
._1d7pnk8d {
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s), background-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  opacity: 0;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  cursor: pointer;
  pointer-events: none;
  z-index: 2;
}
._1d7pnk8d:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: transparent;
}
._1ruabcr2 ._1d7pnk8d {
  display: none;
}
._1d7pnk8f {
  opacity: 1;
  pointer-events: initial;
}
._1d7pnk8f::before {
  background-color: white;
  border: 1px solid var(--color-controlAccentHover__1bl7jj116);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
._1d7pnk8g {
  opacity: 1;
  pointer-events: initial;
}
._1d7pnk8g::before {
  background-color: white;
  border: 1px solid var(--_1nizbzd0, var(--color-controlAccent__1bl7jj115));
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
._1d7pnk8h {
  --_1d7pnk8c: calc(7px + var(--_1nizbzd9));
}
._1d7pnk8i {
  --_1d7pnk8c: -7px;
}
._1d7pnk8j {
  left: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  top: 50%;
  transform: translateY(-50%);
  cursor: ew-resize;
}
._1d7pnk8k {
  right: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  top: 50%;
  transform: translateY(-50%);
  cursor: ew-resize;
}
._1d7pnk8l {
  top: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  left: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  cursor: nwse-resize;
}
._1d7pnk8m {
  top: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  right: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  cursor: nesw-resize;
}
._1d7pnk8n {
  bottom: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  left: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  cursor: nesw-resize;
}
._1d7pnk8o {
  bottom: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  right: calc((var(--_1d7pnk8c) + var(--_1nizbzda)) - 3px);
  cursor: nwse-resize;
}
.csh0jf0 {
  overflow: hidden;
}
.csh0jf1 {
  width: 100%;
  aspect-ratio: 16 / 9;
}
._565io70 {
  height: 100%;
  width: 100%;
}
._565io71 {
  aspect-ratio: 16/9;
  height: 100%;
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border-radius: 8px;
  display: none;
  width: 100%;
}
._1ruabcr2 ._565io71 {
  display: block;
}
.hs0dnf0 {
  height: 100%;
  background-color: var(--color-surfaceTertiary__1bl7jj1j);
}
.hs0dnf1 {
  height: 100%;
}
.hs0dnf4 {
  --hs0dnf2: var(--color-border__1bl7jj110);
  --hs0dnf3: transparent;
  overflow: hidden;
  height: 100%;
  border: 2px dashed var(--hs0dnf2);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  transition: var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  transition-property: border-color, background-color;
  background-color: var(--hs0dnf3);
}
.hs0dnf5 {
  --hs0dnf2: rgb(16 153 252);
  --hs0dnf3: rgb(231 245 255);
}
.hs0dnf4.hs0dnf5 * {
  pointer-events: none;
}
._1d8m5vk0 {
  width: 270px;
}
.video-widget__spacing-shim {
  margin-top: 24px;
  margin-bottom: 24px;
}
._2ir6aw0 {
  position: relative;
}
._2ir6aw2 {
  --_2ir6aw1: transparent;
  position: relative;
  align-items: initial;
}
._2ir6aw2::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: 0 0 0 8px;
  color: var(--_2ir6aw1);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  pointer-events: none;
}
._2ir6aw2::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 var(--_6mi5is2);
  color: var(--_2ir6aw1);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  pointer-events: none;
}
._1ruabcr2 ._2ir6aw2::before {
  display: none;
}
._1ruabcr2 ._2ir6aw2::after {
  display: none;
}
._2ir6aw3 {
  --_2ir6aw1: color-mix(in lab, rgb(16 153 252) 10%, transparent);
}
._2ir6aw4 {
  --_2ir6aw1: color-mix(in lab, rgb(16 153 252) 20%, transparent);
}
._2ir6aw5 {
  --_2ir6aw1: color-mix(in lab, rgb(113 107 241) 20%, transparent);
}
._2ir6aw8 {
  position: relative;
}
._2ir6aw9 {
  height: 100%;
  transition: var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  transition-property: opacity, filter;
}
._2ir6awa {
  opacity: 0.2;
  filter: grayscale(100);
  pointer-events: none;
}
._2ir6aw9 > * {
  height: 100%;
}
._2ir6awb {
  --_2ir6aw7: transparent;
  position: absolute;
  inset: 0;
  border-radius: 2px;
  outline: 1px solid var(--_2ir6aw7);
  transition: var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  transition-property: outline, background-color;
  pointer-events: none;
}
._1ruabcr2 ._2ir6awb {
  display: none;
}
._2ir6awc {
  --_2ir6aw7: var(--color-border__1bl7jj110);
}
._2ir6awd {
  --_2ir6aw7: rgb(16 153 252);
}
._2ir6awe {
  background-color: color-mix(in lab, rgb(16 153 252) 20%, transparent);
}
._2ir6awe:hover {
  background-color: color-mix(in lab, rgb(16 153 252) 30%, transparent);
}
._2ir6awg {
  pointer-events: unset;
}
._2ir6awh {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 24px;
  display: grid;
  place-content: center;
  background-color: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  opacity: 0;
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  z-index: 1;
}
._2ir6awk {
  opacity: 1;
}
._2ir6awb:hover ._2ir6awl {
  opacity: 1;
}
._2ir6awo {
  --_2ir6awm: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: clamp(0px, var(--_6mi5is1), calc((var(--_2ir6awn) - (var(--_6mi5is2) * 2)) / (var(--_6mi5is4) - 1)));
  box-shadow: inset 0 0 0 var(--_6mi5is1);
  color: var(--_2ir6aw1);
  transition: color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._2ir6awo::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 80%;
  width: 2px;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background-color: var(--_2ir6awm);
  transition: background-color var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._1ruabcr2 ._2ir6awo {
  display: none;
}
._2ir6awp::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 20px;
  transform: translate(-50%, -50%);
  z-index: 1;
}
._2ir6awp:hover {
  --_2ir6awm: rgb(16 153 252);
  cursor: ew-resize;
}
._2ir6awq {
  --_2ir6awm: rgb(16 153 252);
  cursor: ew-resize;
}
._2ir6awr {
  z-index: 2;
  position: absolute;
  left: calc(100% + 9px);
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto !important;
}
._2ir6aws {
  box-shadow: none;
  border: 1px solid rgb(113 107 241);
}
._2ir6aws:hover {
  box-shadow: none !important;
  background-color: var(--color-surfaceHover__1bl7jj1n);
}
._2ir6aws:disabled {
  box-shadow: none !important;
  background-color: var(--color-surface__1bl7jj1g);
}
._2ir6awt {
  display: flex;
  flex-direction: column;
  justify-content: var(--_6mi5is3);
  height: 100%;
}
._2ir6awt > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
._2ir6awt > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
._2ir6awv {
  z-index: 2;
}
@container block-content (min-width: 0px) {
  ._2ir6aw2 ._2ir6awt > * {
    --_2ir6awu: calc((100% - min(100%, var(--block-content-width))) / 2);
    max-width: calc(100% - (var(--_2ir6awu) * 2));
    margin-left: var(--_2ir6awu);
    margin-right: var(--_2ir6awu);
  }
  ._2ir6aw2._2ir6aw6 > *:first-child ._2ir6awt > .pencic0, ._2ir6aw2._2ir6aw6 > *:first-child ._2ir6awt > div[data-hydration-data*="encic0"], ._2ir6aw2._2ir6aw6 > *:first-child ._2ir6awt > ul, ._2ir6aw2._2ir6aw6 > *:first-child ._2ir6awt > ol {
    --_2ir6awu: calc((100% - min(100% - 64px, var(--block-content-width))) / 2);
  }
  ._2ir6aw2._2ir6aw6 > *:last-child ._2ir6awt > .pencic0, ._2ir6aw2._2ir6aw6 > *:last-child ._2ir6awt > div[data-hydration-data*="encic0"], ._2ir6aw2._2ir6aw6 > *:last-child ._2ir6awt > ul, ._2ir6aw2._2ir6aw6 > *:last-child ._2ir6awt > ol {
    --_2ir6awu: calc((100% - min(100% - 64px, var(--block-content-width))) / 2);
  }
}
._142qqk31 {
  --color-text__1bl7jj14: var(--ffeglh2);
  --color-textPlaceholder__1bl7jj1b: var(--_142qqk30);
  --fontFamily__1rt9y8j3: inherit;
  --fontWeight__1rt9y8j2: 600;
  --fontSize__1rt9y8j1: var(--ffeglh3);
  min-width: 50px;
}
._142qqk31 .text-input__input {
  font-weight: 600 !important;
  text-align: center;
  min-width: 50px;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 40px;
  transition-property: font-size;
}
@container z6322b0 (min-width: 0px) {
  ._142qqk31 .text-input__input {
    text-overflow: ellipsis;
    min-width: clamp(0px, 50px, 90cqw);
  }
}
@container z6322b0 (max-width: 120px) {
  ._2ir6aw8 .button-widget__warnings-no-link-text {
    display: none;
  }
}
@container z6322b0 (max-width: 260px) {
  ._2ir6aw8 .button-widget__warnings-no-link {
    left: 50%;
    transform: translateX(-50%);
  }
  ._2ir6aw8 .button-widget__warnings-max-length {
    display: none;
  }
}
.ng6cmm0 {
  display: flex;
  align-items: center;
  height: 40px;
}
.ng6cmm1::placeholder {
  font-style: initial;
  font-size: 16px;
  color: white;
  opacity: 0.5;
}
.ng6cmm1.ng6cmm1 {
  padding: 0 0 0 10px;
  background-color: unset;
  border: none;
  width: 270px;
  color: white;
  font-size: 16px;
  line-height: 17px;
  user-select: initial;
  height: 100%;
}
.gd4zrm0 {
  background: var(--color-background__1bl7jj1z);
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.gd4zrm1 {
  margin: 0 auto;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgb(18 20 35 / 0.5);
}
.gd4zrm2 {
  height: calc(100% - var(--spacing-xxxl__1bl7jj11q));
  width: calc(100% - var(--spacing-xxxl__1bl7jj11q));
  overflow: hidden;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  background: var(--color-background__1bl7jj1z);
}
.gd4zrm3 {
  position: absolute;
  top: var(--spacing-xxxl__1bl7jj11q);
  right: var(--spacing-xxxl__1bl7jj11q);
}
.gd4zrm4 {
  width: 100%;
}
._87jnbo0 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
._87jnbo1 {
  height: 100%;
}
._87jnbo2 {
  height: 100%;
}
._87jnbo3 {
  max-width: 480px;
  width: 100%;
}
._87jnbo4 {
  position: relative;
}
._87jnbo5 {
  position: absolute;
  top: var(--spacing-l__1bl7jj11n);
  left: var(--spacing-l__1bl7jj11n);
}
._87jnbo6 {
  position: absolute;
  top: var(--spacing-xs__1bl7jj11k);
  right: var(--spacing-xs__1bl7jj11k);
}
.s0b0a00 {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.s0b0a01 {
  height: 100%;
}
.s0b0a02 {
  display: flex;
  flex-direction: column;
  width: 128px;
  height: 148px;
  padding: var(--spacing-l__1bl7jj11n) var(--spacing-m__1bl7jj11m) var(--spacing-m__1bl7jj11m) var(--spacing-m__1bl7jj11m);
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-xs__1bl7jj11k);
}
.s0b0a03 {
  display: flex;
  gap: var(--spacing-xs__1bl7jj11k);
  flex-wrap: wrap;
}
.s0b0a04 {
  position: relative;
  width: 100%;
}
.s0b0a05 {
  position: absolute;
  width: 100%;
  top: var(--spacing-xs__1bl7jj11k);
  right: var(--spacing-xs__1bl7jj11k);
}
._1lsk2ls0 {
  height: 100%;
}
._1lsk2ls1 {
  position: absolute;
  top: var(--spacing-l__1bl7jj11n);
  right: var(--spacing-l__1bl7jj11n);
}
.embed-widget__spacing-shim {
  margin-top: 24px;
  margin-bottom: 24px;
}
._14b4f5o0 {
  background-color: rgba(255, 255, 255, 0.25);
  transition: none;
}
._14b4f5o0:hover {
  background-color: inherit;
  transition: none;
}
._14b4f5o0::before {
  transition: none;
}
._14b4f5o1 {
  height: 40px !important;
  width: 360px !important;
  color: white;
}
.y2nehm0 {
  overflow: hidden;
}
.y2nehm1 {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.x076510 {
  width: 270px;
}
.trp5z20 {
  transition: border-radius 0.15s ease-out, outline 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out;
}
.trp5z21 {
  cursor: move;
}
.trp5z22 {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 0;
  transition: opacity 0.15s ease-out;
}
.trp5z23 {
  opacity: 0.15;
}
.trp5z24 {
  opacity: 0.25;
}
.trp5z25 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.trp5z26 {
  height: 40px;
  border-radius: 90px;
  background: var(--color-surfaceSecondary__1bl7jj1i);
  transition: opacity 0.2s ease-out;
}
.trp5z27 {
  opacity: 0.85;
}
.trp5z28 {
  opacity: 0;
}
._1q00mx30 {
  width: 100%;
  overflow: hidden;
}
.qbl1sp0 {
  width: 270px;
}
.cp87kv1 {
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s), box-shadow var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s), background var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  width: 20px;
  display: grid;
  place-content: center;
  height: var(--spacing-l__1bl7jj11n);
  padding: 0;
  opacity: 0;
  align-items: center;
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  cursor: grab;
  z-index: 1;
}
.cp87kv1:hover {
  background: var(--color-surfaceHover__1bl7jj1n);
  color: var(--color-surfaceHover__1bl7jj1n);
}
.cp87kv2 {
  opacity: 1;
}
.cp87kv3 {
  opacity: 0;
}
.cp87kv4 {
  color: var(--color-heading__1bl7jj1e);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
}
._1ek6z940 {
  width: 147px;
}
._1ek6z941 {
  padding: 0 var(--spacing-xxs__1bl7jj11j);
}
.f9ea9w0 {
  aspect-ratio: 16 / 9;
}
._5eug110 {
  background: var(--color-surfaceTertiary__1bl7jj1j);
  padding: 80px 0px;
  border: 1px solid var(--color-surfaceTertiary__1bl7jj1j);
  border-radius: 3px;
}
._5eug111 {
  border: 1px solid rgb(88 184 253);
}
._5eug112 {
  position: absolute;
  left: -9999px;
}
._48dn9o0 {
  background-color: rgb(255 250 238);
  border: 1px solid rgb(255 223 139);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  min-width: 120px;
}
.ttpmdy0 {
  background-color: rgb(255 250 238);
  border: 1px solid rgb(255 223 139);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  min-width: 80px;
}
@keyframes gofqpkq {
  from {
    opacity: 1;
    scale: 0;
  }
  to {
    opacity: 0;
    scale: 2;
  }
}
.gofqpk0 {
  position: fixed;
  inset: 0;
  z-index: 1053;
}
.gofqpk1 {
  position: fixed;
  z-index: 1053;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s), transform var(--duration-m__1bl7jj11v) var(--easing-bounce__1bl7jj11t);
}
.gofqpk2 {
  opacity: 0;
  transform: scale(0.8);
}
.gofqpk3 {
  opacity: 1;
  transform: scale(1);
}
.gofqpk4 {
  opacity: 0;
  transform: scale(0.8);
}
.gofqpk5 {
  background-color: var(--color-surface__1bl7jj1g);
  background-image: url('/Assets/Images/rainbow-bg.svg');
  background-size: cover;
  padding: var(--spacing-l__1bl7jj11n);
  padding-top: var(--spacing-xxl__1bl7jj11p);
  position: relative;
  width: 380px;
}
.gofqpk9 {
  width: 0;
  height: 0;
  position: absolute;
  top: var(--gofqpk6);
  left: var(--gofqpk7);
  transition: opacity 0s var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
.gofqpka {
  border-left: var(--gofqpk8) solid transparent;
  border-right: var(--gofqpk8) solid transparent;
  border-top: var(--gofqpk8) solid #fffaf1;
}
.gofqpkb {
  border-left: var(--gofqpk8) solid transparent;
  border-right: var(--gofqpk8) solid transparent;
  border-bottom: var(--gofqpk8) solid #faf3f8;
}
.gofqpkc {
  border-top: var(--gofqpk8) solid transparent;
  border-bottom: var(--gofqpk8) solid transparent;
  border-left: var(--gofqpk8) solid #fefdf9;
}
.gofqpkd {
  border-top: var(--gofqpk8) solid transparent;
  border-bottom: var(--gofqpk8) solid transparent;
  border-right: var(--gofqpk8) solid #faf1f7;
}
.gofqpke {
  opacity: 0;
}
.gofqpkf {
  opacity: 1;
}
.gofqpkg {
  position: absolute;
  top: 8px;
  right: 8px;
}
.gofqpkh {
  flex: 0 0 auto;
  font-size: 48px;
}
.gofqpki {
  flex: 1;
}
.gofqpkj {
  color: var(--color-primary__1bl7jj10);
}
.gofqpkk {
  display: inline;
  vertical-align: text-bottom;
  border: 1px solid;
  border-radius: 100%;
}
.gofqpkl {
  background-color: transparent;
  padding: 3px;
}
.gofqpkm {
  background-color: var(--color-primary__1bl7jj10);
  border-radius: 100%;
  width: 8px;
  height: 8px;
}
.gofqpkn {
  opacity: 1;
}
.gofqpko {
  opacity: 0.2;
}
.gofqpkp {
  position: relative;
}
.gofqpkr {
  width: 100px;
  height: 100px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  background-image: radial-gradient(circle closest-side at center, rgb(113 107 241) 0%, rgb(113 107 241) 33%, rgb(113 107 241 / 0.5) 33%, rgb(113 107 241 / 0.5) 66%, rgb(113 107 241 / 0.25) 66%, rgb(113 107 241 / 0.25) 100%);
  border-radius: 100%;
  animation: gofqpkq 2s forwards;
  pointer-events: none;
}
._157a2y20 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
._157a2y21 {
  opacity: 1;
}
._157a2y22 {
  border-radius: 4px;
  background-color: rgba(16 153 252 / 0.2);
  border: 1px solid rgba(16 153 252 / 0.5);
}
.mjpnch0 {
  position: fixed;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r), transform var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  opacity: 0;
}
.mjpnch1 {
  transform: translate3d(0, var(--spacing-xs__1bl7jj11k), 0);
}
.mjpnch4 {
  transform: translate3d(0, calc(-1 * var(--spacing-xs__1bl7jj11k)), 0);
}
.mjpnch5 {
  opacity: 1;
  transform: none;
}
.mjpnch6 {
  opacity: 1;
  transform: none;
}
.mjpnch7 {
  max-height: 385px;
  overflow-y: auto;
  overscroll-behavior: none;
}
.ea2hx80 {
  padding: var(--spacing-xs__1bl7jj11k);
}
.ea2hx80 > div {
  width: 100%;
  justify-content: space-between;
}
.ea2hx81 > div {
  overflow: hidden;
}
.ea2hx82 {
  max-height: 340px;
  overflow-y: auto;
}
.ea2hx83 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--fontSize-text-s__1bl7jj12u);
}
.pl6hqe0 {
  margin-top: calc(-1 * var(--spacing-s__1bl7jj11l));
}
.yn91bs0 {
  --selectVars_labelColor__sk1rdw0: var(--color-text__1bl7jj14);
}
.ov1uv10 {
  color: white;
}
._17wn4ob0 {
  display: flex;
}
._17wn4ob1 {
  display: grid;
  width: 100%;
  place-content: center;
  position: relative;
}
._17wn4ob2 {
  flex: 1 1 0;
  max-width: 100%;
}
._17wn4ob4 {
  position: relative;
  height: 100%;
}
._11iogg60 {
  justify-content: flex-start;
  padding-left: var(--spacing-s__1bl7jj11l);
}
._11iogg61 {
  justify-content: flex-start;
  padding-left: var(--spacing-s__1bl7jj11l);
}
._11iogg61[aria-pressed='true'] {
  --color__xq82d81: var(--color-controlAccent__1bl7jj115);
  background: var(--color-surfaceActive__1bl7jj1o);
}
._11iogg62[aria-pressed='true'] {
  --color__xq82d81: var(--color-controlAccent__1bl7jj115);
  background: var(--color-surfaceActive__1bl7jj1o);
}
._11iogg63 {
  width: var(--spacing-xl__1bl7jj11o);
  height: var(--spacing-xl__1bl7jj11o);
}
._11iogg65 {
  border: 1px solid var(--color-controlBorder__1bl7jj111);
  width: 100%;
  height: 6px;
  background: var(--_11iogg64);
}
._93xdvi0 {
  --padding__1rt9y8j0: var(--spacing-xs__1bl7jj11k);
  transition: background var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._93xdvi0:hover {
  background: var(--color-surfaceHover__1bl7jj1n);
}
._93xdvi0:focus-within {
  background: var(--color-surfaceActive__1bl7jj1o);
}
._93xdvi1 {
  --controlSize-xs__1bl7jj11y: var(--controlSize-xxs__1bl7jj11x);
}
.gw85cz0 {
  height: 48px;
  user-select: none;
}
.gw85cz1 {
  position: fixed;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.ua1gdo2 {
  position: absolute;
  top: calc(var(--ua1gdo0) - var(--spacing-xs__1bl7jj11k));
  left: var(--ua1gdo1);
  transition: left 0.1s ease;
  user-select: none;
  z-index: 400;
}
._1xcts2z0 {
  --fontScale: 1;
}
#print:not(.scale-2x) ._1xcts2z0 {
  --fontScale: 0.5;
}
._1xcts2z1 {
  position: relative;
  border: none;
  box-shadow: none;
  color: var(--color-text__1bl7jj14);
}
._1xcts2z2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: not-allowed;
}
.project-block.agreement-block._1xcts2z1 .editor-v1 .new-editor {
  margin: 0;
  padding: 0;
}
.project-block.agreement-block._1xcts2z0 h1, .project-block.agreement-block._1xcts2z0 .h1-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(42px * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block._1xcts2z0 h2, .project-block.agreement-block._1xcts2z0 .h2-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(28px * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block._1xcts2z0 h3, .project-block.agreement-block._1xcts2z0 .h3-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(24px * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block._1xcts2z0 h4, .project-block.agreement-block._1xcts2z0 .h4-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(20px * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block._1xcts2z0 p, .project-block.agreement-block._1xcts2z0 .p-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(var(--fontSize-text-s__1bl7jj12u) * var(--fontScale)) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block._1xcts2z0 .pd80nsa, .project-block.agreement-block._1xcts2z0 .smallText-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(var(--fontSize-text-xs__1bl7jj12v) * var(--fontScale)) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block._1xcts2z0 ._17exks8a, .project-block.agreement-block._1xcts2z0 .captionText-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: calc(var(--fontSize-text-xxs__1bl7jj12w) * var(--fontScale)) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block._1xcts2z0 p._1neau9910 {
  font-family: "Libre Baskerville", serif;
  font-size: calc(var(--fontSize-text-xl__1bl7jj12r) * var(--fontScale)) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block._1xcts2z0 p._1neau99z {
  font-family: "Libre Baskerville", serif;
  font-size: calc(var(--fontSize-text-xxs__1bl7jj12w) * var(--fontScale)) !important;
  color: var(--color-textSecondary__1bl7jj15) !important;
}
.project-block.agreement-block._1xcts2z0 li:not(.icon) {
  font-family: "Libre Baskerville", serif !important;
  font-size: calc(var(--fontSize-text-s__1bl7jj12u) * var(--fontScale)) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block._1xcts2z0 .widget-adder__placeholder p, .project-block.agreement-block._1xcts2z0 .widget-adder__placeholder .p-widget__spacing-shim {
  font-family: "Libre Baskerville", serif !important;
  font-size: var(--fontSize-text-s__1bl7jj12u) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block._1xcts2z0 ._1neau990 ._1neau992 h1 {
  font-family: "Libre Baskerville", serif !important;
  font-size: calc(var(--fontSize-heading-3__1bl7jj129) * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block._1xcts2z0 ._1neau990 ._1neau992 h2 {
  font-family: "Libre Baskerville", serif !important;
  font-size: calc(var(--fontSize-heading-3__1bl7jj129) * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block._1xcts2z0 ._1neau990 ._1neau993 h2 {
  font-family: "Libre Baskerville", serif !important;
  font-size: calc(var(--fontSize-heading-4__1bl7jj12a) * var(--fontScale)) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block .thumbnail-agreement {
  background: #ffffff !important;
}
.project-block.agreement-block .thumbnail-agreement h1, .project-block.agreement-block .thumbnail-agreement .h1-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: 42px !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block .thumbnail-agreement h2, .project-block.agreement-block .thumbnail-agreement .h2-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: 28px !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block .thumbnail-agreement p, .project-block.agreement-block .thumbnail-agreement .p-widget__spacing-shim {
  font-family: "Libre Baskerville", serif;
  font-size: var(--fontSize-text-s__1bl7jj12u) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block .thumbnail-agreement li:not(.icon) {
  font-family: "Libre Baskerville", serif !important;
  font-size: var(--fontSize-text-s__1bl7jj12u) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block .thumbnail-agreement .widget-adder__placeholder p, .project-block.agreement-block .thumbnail-agreement .widget-adder__placeholder .p-widget__spacing-shim {
  font-family: "Libre Baskerville", serif !important;
  font-size: var(--fontSize-text-s__1bl7jj12u) !important;
  color: var(--color-text__1bl7jj14) !important;
}
.project-block.agreement-block .thumbnail-agreement p._1neau9910 {
  font-family: "Libre Baskerville", serif;
  font-size: var(--fontSize-text-xl__1bl7jj12r) !important;
  color: var(--color-text__1bl7jj14) !important;
  text-align: end;
}
.project-block.agreement-block .thumbnail-agreement p._1neau99z {
  font-family: "Libre Baskerville", serif;
  font-size: var(--fontSize-text-xxs__1bl7jj12w) !important;
  color: var(--color-textSecondary__1bl7jj15) !important;
}
.project-block .thumbnail-agreement .qwilr-table tr.table-header-row td {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table td {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table tr.table-header-row td p {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table td p {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table tr.table-header-row td h1 {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table td h1 {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table tr.table-header-row td h2 {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table td h2 {
  background: transparent !important;
}
.project-block .thumbnail-agreement .qwilr-table tr td, .project-block .thumbnail-agreement .qwilr-table tr td:last-child, .project-block .thumbnail-agreement .qwilr-table tr:first-of-type td  {
  border-color: rgba(129, 162, 178, 0.5);
  border-width: 1px !important;
}
.project-block.agreement-block .thumbnail-agreement ._1neau990 ._1neau992 h1 {
  font-family: "Libre Baskerville", serif !important;
  font-size: var(--fontSize-heading-3__1bl7jj129) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block .thumbnail-agreement ._1neau990 ._1neau992 h2 {
  font-family: "Libre Baskerville", serif !important;
  font-size: var(--fontSize-heading-3__1bl7jj129) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.agreement-block .thumbnail-agreement ._1neau990 ._1neau993 h2 {
  font-family: "Libre Baskerville", serif !important;
  font-size: var(--fontSize-heading-4__1bl7jj12a) !important;
  color: var(--color-heading__1bl7jj1e) !important;
}
.project-block.Agreement {
  background: #ffffff !important;
}
.project-block .agreement-block {
  background: #ffffff !important;
}
.project-block .agreement-block .qwilr-table tr.table-header-row td {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table td {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table tr.table-header-row td p {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table td p {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table tr.table-header-row td h1 {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table td h1 {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table tr.table-header-row td h2 {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table td h2 {
  background: transparent !important;
}
.project-block .agreement-block .qwilr-table tr td, .project-block .agreement-block .qwilr-table tr td:last-child, .project-block .agreement-block .qwilr-table tr:first-of-type td  {
  border-color: rgba(129, 162, 178, 0.5) !important;
  border-width: 1px !important;
}
#print {
  --agreement-font: "Libre Baskerville", serif;
}
._12z2nge4 {
  top: var(--_12z2nge0);
  left: var(--_12z2nge1);
  visibility: var(--_12z2nge2, visible);
}
._12z2nge5 {
  top: calc(var(--_12z2nge0) + var(--_12z2nge3, 0px));
}
.quote-v2-module.project-block .quote-header,
  .project-block.agreement-block._1xcts2z1 {
  --_12z2nge3: 30px;
}
.hpznh0 {
  transition: background var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
  width: 24px;
  display: grid;
  place-content: center;
  height: var(--spacing-l__1bl7jj11n);
  padding: 0;
  align-items: center;
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border-radius: 100%;
}
.hpznh0:hover {
  background: var(--color-surfaceHover__1bl7jj1n);
  color: var(--color-surfaceHover__1bl7jj1n);
}
.i0b04b4 {
  pointer-events: none;
  position: fixed;
  background-color: var(--color-controlAccent__1bl7jj115);
  height: 3px;
  margin: -1px;
  z-index: 2;
  top: var(--i0b04b0);
  left: var(--i0b04b1);
  width: var(--i0b04b2);
  transition: opacity var(--easing-standard__1bl7jj11s) var(--i0b04b3);
}
.i0b04b5 {
  opacity: 1;
}
.i0b04b6 {
  opacity: 1;
}
.i0b04b7 {
  opacity: 0;
}
.i0b04b8 {
  opacity: 0;
}
.p8cfao5.p8cfao7 .checkbox-container .m9wuzz0 .project-block__block-element {
  font-family: var(--font-ui__1bl7jj125);
  font-size: var(--fontSize-label-l__1bl7jj12x);
  font-weight: normal;
  text-align: left;
  padding: 0;
  color: var(--accept-text-color);
}
.p8cfao5.p8cfao8.p8cfao7 .checkbox-container {
  margin-top: -24px;
}
.ktcpzy0 {
  display: flex;
  flex-direction: column;
}
.ktcpzy1 {
  gap: var(--spacing-xxxl__1bl7jj11q);
}
.ktcpzy2 {
  gap: var(--spacing-l__1bl7jj11n);
}
.ktcpzy0.ktcpzy1 .custom-details-select > .kl-label {
  font-size: 10px;
  color: var(--accept-text-color);
  text-transform: uppercase;
}
.ktcpzy0.ktcpzy1.ktcpzy3 .custom-details-select > .kl-label {
  font-size: var(--fontSize-label-l__1bl7jj12x);
  font-weight: var(--fontWeight-regular__1bl7jj130);
  letter-spacing: 1px;
  text-transform: capitalize;
}
.ktcpzy0.ktcpzy1 .custom-details-select__checkbox label {
  font-size: 10px;
}
.ktcpzy0.ktcpzy1.ktcpzy3 .custom-details-select__checkbox label {
  color: var(--accept-text-color);
  font-size: var(--fontSize-label-s__1bl7jj12z);
}
.ktcpzy0.ktcpzy1.ktcpzy3 .custom-details-select__checkbox {
  --color-controlBorder__1bl7jj111: var(--color-heading__1bl7jj1e);
}
.ktcpzy0.ktcpzy2 .ktcpzy4 {
  --selectVars_labelColor__sk1rdw0: var(--accept-text-color);
  --selectVars_inputColor__sk1rdw2: var(--color-text__1bl7jj14);
  --selectVars_errorMessageColor__sk1rdw1: #D71939;
}
._1lu2rkg0 {
  padding: 19.5px var(--spacing-m__1bl7jj11m);
  background-color: white;
  cursor: text;
}
._1lu2rkg1 {
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
  padding-inline: 0;
}
._1lu2rkg2 {
  transition: border var(--duration-s__1bl7jj11u) ease-out;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgba(129, 162, 178, 0.25);
}
._1lu2rkg2:hover {
  border-color: rgba(129, 162, 178, 0.5);
}
._1lu2rkg2.StripeElement--focus {
  border-color: #81a2b2;
}
._1lu2rkg3 {
  color: #D71939 !important;
}
._1lu2rkg4 {
  color: #D71939;
  background-color: rgba(215, 25, 57, 0.2);
  border-radius: 50%;
}
._1lu2rkg5 {
  flex: 1;
}
._1lu2rkg6 {
  margin-left: auto;
  text-align: right;
}
._1lu2rkg7 {
  display: none;
}
._1lu2rkg9 {
  color: var(--accept-text-color);
}
._1lu2rkg9 .alert__heading {
  display: none;
}
._1lu2rkg9 .alert__body {
  gap: var(--spacing-s__1bl7jj11l);
  align-items: center;
  flex-direction: row;
}
._1lu2rkga {
  color: var(--accept-text-color);
}
._1lu2rkgb label {
  font-weight: var(--fontWeight-regular__1bl7jj130);
}
._1lu2rkgb input {
  padding: var(--spacing-m__1bl7jj11m);
}
._1lu2rkgc {
  background-color: var(--color-surface__1bl7jj1g);
  border-radius: var(--spacing-xs__1bl7jj11k);
  padding: var(--spacing-s__1bl7jj11l);
}
._1lu2rkgd {
  padding-top: var(--spacing-m__1bl7jj11m);
}
._1lu2rkge {
  color: var(--color-icon__1bl7jj1p);
}
._1y1ruqp1 {
  background-color: white;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid #81a2b240;
}
._1y1ruqp2 {
  border: 1px solid #D71939;
}
._1y1ruqp3 {
  height: calc(var(--controlSize-m__1bl7jj120) + 1);
  padding-left: var(--spacing-xs__1bl7jj11k);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #81a2b24d;
}
._1y1ruqp1 .tabs {
  gap: 0;
}
._1y1ruqp1 .tabs__indicator {
  background-color: #00857b;
}
._1y1ruqp1 .tabs__tab-list-inner {
  height: 100%;
  justify-content: center;
}
._1y1ruqp4 {
  padding: var(--spacing-xxs__1bl7jj11j);
}
._1y1ruqp5 {
  position: absolute;
  inset: 0;
}
._1y1ruqp6 {
  position: relative;
  aspect-ratio: 2.39 / 1;
}
._1y1ruqp7 {
  aspect-ratio: 3.13 / 1;
}
._1y1ruqpa {
  position: absolute;
  inset: 0;
  padding: var(--spacing-xxl__1bl7jj11p);
  display: grid;
  justify-items: stretch;
  align-items: end;
}
._1y1ruqpb {
  padding: 0;
}
._1y1ruqpc {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #81a2b280;
  border-radius: 0;
  padding: var(--spacing-xs__1bl7jj11k) 0 0;
  outline: none;
  background: none;
  font-family: Damion, cursive;
  font-size: 34px;
  color: #242C39;
}
._1y1ruqpc:focus {
  border-color: #47535dcc;
}
._1y1ruqpc::placeholder {
  font-family: Damion, cursive;
  font-size: 34px;
  color: #dfe7eb !important;
  opacity: 1;
}
._1y1ruqpd {
  border-bottom: 2px solid var(--color-heading__1bl7jj1e);
  height: 62px;
}
._1y1ruqpe {
  display: none;
}
._1y1ruqpf {
  position: absolute;
  inset: var(--spacing-m__1bl7jj11m);
  border: 2px dashed #81a2b240;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-m__1bl7jj11m);
}
._1y1ruqpg {
  border-color: #1099FC;
  background-color: #1099fc33;
}
._1y1ruqph > * {
  margin-bottom: 0;
}
._1y1ruqpi {
  width: 100%;
  height: 100%;
}
._1y1ruqpj {
  opacity: 0;
  pointer-events: none;
}
._1y1ruqpl {
  opacity: 0;
  pointer-events: none;
}
._1y1ruqpm {
  opacity: 1;
}
._1y1ruqpn {
  padding-bottom: var(--spacing-xxxs__1bl7jj11i);
}
._1y1ruqpo {
  position: relative;
  top: var(--spacing-xxxs__1bl7jj11i);
  float: left;
  color: #D71939;
  background-color: #d7193933;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  margin-right: var(--spacing-xxs__1bl7jj11j);
}
._1y1ruqpp {
  margin: 0;
  line-height: 1.2;
}
.p8cfao5.p8cfao7 ._1y1ruqp0 ._1y1ruqpn .kl-text._1y1ruqpp {
  color: #D71939;
}
._1y1ruqpq {
  --accept-text-color: var(--color-text__1bl7jj14);
}
._1y1ruqpt {
  color: var(--accept-text-color);
}
._1y1ruqpu {
  width: 92px;
}
._1y1ruqpu .kl-select__element--end {
  background: none;
}
._1y1ruqpu .kl-select__input {
  border: none;
}
@media screen and (max-width: 450px) {
  body:not(#print) ._1y1ruqpa {
    0: undefined;
  }
  body:not(#print) ._1y1ruqpc {
    0: undefined;
    1: undefined;
  }
}
._1817z0f0 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-s__1bl7jj11l);
  align-items: center;
}
._1817z0f1 {
  --accept-text-color: var(--color-text__1bl7jj14);
  max-width: 400px;
  margin-bottom: var(--spacing-m__1bl7jj11m);
}
._1817z0f2 {
  flex-grow: 1;
  word-break: break-all;
}
._1817z0f3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1817z0f4 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
._1817z0f5 {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--color-border__1bl7jj110);
  padding-top: var(--spacing-m__1bl7jj11m);
  gap: var(--spacing-xs__1bl7jj11k);
  word-break: break-all;
}
._1817z0f6 {
  color: var(--color-icon__1bl7jj1p);
}
._1817z0f7 {
  color: var(--color-icon__1bl7jj1p);
}
._1817z0f8 {
  color: var(--color-text__1bl7jj14);
}
._1s1sq930 {
  height: 1px;
  width: 100%;
  background: var(--color-border__1bl7jj110);
}
._1s1sq931 {
  height: 24px;
}
._1s1sq932 {
  width: 52px;
  height: 52px;
  border-radius: 52px;
}
._1s1sq933 {
  width: 250px;
  height: 82px;
  mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 253 83'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='6' d='M3 80c2.7-2.5 6.3-4.3 9.4-6.1 7.8-4.6 16-9 24-13C43.7 57 50.7 53 57.8 49.1c8-4.3 16.2-7.8 23.7-12.8 9.6-6.5 17.8-15 24.3-24.6 1-1.6 4-6.7 2.1-8.5-1-1-5.2.7-6.3 1.2a171.7 171.7 0 0 0-49.3 37.3 92 92 0 0 0-10 13.4C40 58.5 37.4 62 36.8 66c-.5 3.3.1 3.8 3.2 2.7a202 202 0 0 0 26.4-13c12-6.5 24.5-14.4 34.7-23.6 2.6-2.4 1-.1-.4 1.4a152 152 0 0 0-14 17.2 27.6 27.6 0 0 0-4 7.9c-.6 2.2 5.7.7 6.1.6 7.9-2.2 15.4-5.6 22.8-8.8 4.5-2 9-3.8 13.4-6a46.5 46.5 0 0 0 8.1-4.6c1.2 0-1.5 2-2.3 3-1.7 2.1-3.6 4-5.2 6.2-1.8 2.4-8 10.4-5 13.9.6.7 2.4 0 3.2-.2 14.7-2.9 29.1-6.8 44.4-7.5 15.3-.8 19 0 29 0 17.6 0 35-2 52.5-2'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 253 83'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='6' d='M3 80c2.7-2.5 6.3-4.3 9.4-6.1 7.8-4.6 16-9 24-13C43.7 57 50.7 53 57.8 49.1c8-4.3 16.2-7.8 23.7-12.8 9.6-6.5 17.8-15 24.3-24.6 1-1.6 4-6.7 2.1-8.5-1-1-5.2.7-6.3 1.2a171.7 171.7 0 0 0-49.3 37.3 92 92 0 0 0-10 13.4C40 58.5 37.4 62 36.8 66c-.5 3.3.1 3.8 3.2 2.7a202 202 0 0 0 26.4-13c12-6.5 24.5-14.4 34.7-23.6 2.6-2.4 1-.1-.4 1.4a152 152 0 0 0-14 17.2 27.6 27.6 0 0 0-4 7.9c-.6 2.2 5.7.7 6.1.6 7.9-2.2 15.4-5.6 22.8-8.8 4.5-2 9-3.8 13.4-6a46.5 46.5 0 0 0 8.1-4.6c1.2 0-1.5 2-2.3 3-1.7 2.1-3.6 4-5.2 6.2-1.8 2.4-8 10.4-5 13.9.6.7 2.4 0 3.2-.2 14.7-2.9 29.1-6.8 44.4-7.5 15.3-.8 19 0 29 0 17.6 0 35-2 52.5-2'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
@keyframes ygea60 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ygea61 {
  0% {
    opacity: 0;
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes ygea62 {
  0% {
    opacity: 0;
    transform: translateY(20px) rotate(0deg);
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 0;
    transform: translateY(-30px) rotate(60deg);
  }
  100% {
    opacity: 0;
    transform: translateY(-30px) rotate(60deg);
  }
}
.ygea63 {
  display: grid;
  place-items: center;
  place-content: center;
  place-self: center;
  position: relative;
  opacity: 0;
  animation: ygea60 0.6s var(--easing-fastoutSlowin__1bl7jj11r) 0.2s forwards;
}
.ygea64 {
  opacity: 0;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  justify-self: center;
  grid-area: 1 / 1;
  position: relative;
  animation: ygea61 0.6s var(--easing-fastoutSlowin__1bl7jj11r) 0.2s forwards;
}
.ygea64:before {
  content: "";
  border-radius: inherit;
  position: absolute;
  inset: 0;
  background-color: rgb(29 126 138 / 0.25);
}
.ygea65 {
  opacity: 0;
  position: absolute;
  animation: ygea62 4s linear 0.4s infinite;
}
.ygea66 {
  opacity: 0;
  position: absolute;
  animation: ygea62 4s linear 0.4s infinite;
}
.ygea67 {
  grid-area: 1 / 1;
  color: rgb(29 126 138);
  z-index: 1;
}
.nne8760 {
  color: var(--color-text__1bl7jj14) !important;
}
.nne8761 {
  --accept-text-color: var(--color-text__1bl7jj14);
  color: var(--accept-text-color);
}
._1xhfxhd0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l__1bl7jj11n);
}
._1xhfxhd1 {
  position: relative;
}
._1xhfxhd2 {
  color: var(--color-background__1bl7jj1z);
}
._1xhfxhd3 {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  background-color: var(--color-iconActive__1bl7jj1r);
  align-self: center;
}
._1xhfxhd4 {
  position: absolute;
  right: 0;
}
._1xhfxhd5 {
  position: absolute;
  left: 0;
}
._1xhfxhd6 {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.dkmru0 {
  --accept-text-color: var(--color-text__1bl7jj14);
  --accept-background-color: var(--color-surface__1bl7jj1g);
  width: 100%;
}
.dkmru1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: var(--shadow-elevation0__1bl7jj11c);
  color: var(--color-textSuccess__1bl7jj17);
  background-color: var(--color-surface__1bl7jj1g);
}
.dkmru2 {
  position: absolute;
  right: 0;
}
.dkmru3 {
  color: var(--color-icon__1bl7jj1p);
}
.dkmru5 {
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
}
.dkmru6 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--color-iconActive__1bl7jj1r);
  background-color: rgb(113 107 241 / 0.25);
  height: 32px;
  width: 32px;
}
.dkmru7 {
  color: var(--color-textDisabled__1bl7jj1d);
}
.dkmru8 {
  color: var(--color-textSuccess__1bl7jj17);
}
.dkmru9 {
  color: var(--color-textDisabled__1bl7jj1d) !important;
}
.dkmrua {
  opacity: 0.3;
}
.dkmrub {
  word-break: break-word;
  white-space: normal;
  max-width: 100%;
  overflow: hidden;
}
.kbo4ub0 {
  --accept-text-color: var(--color-text__1bl7jj14);
  margin-bottom: var(--spacing-l__1bl7jj11n);
}
.kbo4ub1 {
  margin-bottom: 64px;
}
.kbo4ub2 {
  background-color: rgb(255 171 111);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
.kbo4ub3 {
  border-right: 1px solid rgb(62 69 109 / 0.25);
  padding-right: var(--spacing-xs__1bl7jj11k);
}
.b57tbb2 {
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  box-shadow: var(--shadow-elevation3__1bl7jj11f);
  width: 100%;
  height: 100%;
}
.b57tbb3 {
  height: calc(100% - 62px);
  display: flex;
}
.b57tbb4 {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
.b57tbb5 {
  overflow: hidden;
}
.b57tbb6 {
  isolation: isolate;
  inset: var(--spacing-xs__1bl7jj11k);
  position: fixed;
  justify-self: center;
  display: flex;
  max-width: 1440px;
  width: calc(100% - (var(--spacing-xs__1bl7jj11k) * 2));
  margin: auto;
}
.b57tbb7 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
  height: 62px;
}
.b57tbb8 {
  height: 100%;
}
.b57tbb9 {
  width: max-content;
  max-width: 150px;
  background-color: var(--b57tbb0);
}
.b57tbb9:hover {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--b57tbb0) 20%, transparent) !important;
}
.b57tbba {
  position: absolute;
  right: var(--spacing-l__1bl7jj11n);
  top: calc(62px + var(--spacing-s__1bl7jj11l));
}
.b57tbb2 .b57tbb9 .kl-text {
  color: var(--b57tbb1) !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b57tbb2 .form-v2__form .form-v2__submit-button {
  color: var(--b57tbb1) !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b57tbb2 .form-v2__form .form-v2__submit-button:not(.button--is-disabled) {
  background-color: var(--b57tbb0);
}
.b57tbb2 .form-v2__form .form-v2__submit-button:hover {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--b57tbb0) 20%, transparent) !important;
}
.b57tbb2 .form-v2__form .checkbox-container {
  --color-controlAccent__1bl7jj115: var(--b57tbb0);
  --color-iconOnControlAccent__1bl7jj1x: var(--b57tbb1);
}
@media (min-width: 700px) {
  .b57tbb6 {
    width: calc(100% - (var(--spacing-l__1bl7jj11n) * 2));
    inset: var(--spacing-l__1bl7jj11n);
  }
  .b57tbb9 {
    max-width: 400px;
  }
}
._80lexi0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
@media (min-width: 700px) {
  ._80lexi0 {
    display: block;
  }
}
.tqck4r0 {
  background: var(--color-border__1bl7jj110);
}
.tqck4r0[aria-orientation='horizontal'] {
  height: 1px;
  width: auto;
}
.tqck4r1 {
  width: 100%;
  justify-content: flex-start;
}
@keyframes _1hm111xb {
  100% {
    transform: translate3d(0, 0, 0);
  }
}
._1hm111x0 {
  background: var(--color-surface__1bl7jj1g);
  height: var(--controlSize-s__1bl7jj11z);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  border-radius: var(--controlSize-s__1bl7jj11z);
  margin: 5px 0 0 4px;
}
._1hm111x1 {
  height: auto;
  width: 1px;
  background: var(--color-border__1bl7jj110);
}
._1hm111x2 {
  width: 100%;
  justify-content: flex-start;
}
._1hm111x3 {
  color: var(--color-icon__1bl7jj1p);
}
._1hm111x4 {
  color: var(--color-text__1bl7jj14);
}
._1hm111x4:hover {
  color: var(--color-textCritical__1bl7jj19);
}
._1hm111x0 button:first-child:before {
  border-top-left-radius: var(--controlSize-s__1bl7jj11z);
  border-bottom-left-radius: var(--controlSize-s__1bl7jj11z);
}
._1hm111x0 button:last-child:before {
  border-top-right-radius: var(--controlSize-s__1bl7jj11z);
  border-bottom-right-radius: var(--controlSize-s__1bl7jj11z);
}
._1hm111x5 {
  max-width: 800px;
}
._1hm111x6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-m__1bl7jj11m);
  padding: var(--spacing-l__1bl7jj11n);
}
._1hm111x7 {
  position: absolute;
  right: var(--spacing-l__1bl7jj11n);
}
._1hm111x8 {
  display: block;
  border-radius: inherit;
  padding: 1px;
}
._1hm111x9 {
  height: 100%;
  width: 100%;
  min-height: 158px;
  min-width: 240px;
}
._1hm111xa {
  background: rgba(129, 162, 178, 0.05);
}
._1hm111xc .block-0 {
  transform: translate3d(4px, 4px, 0);
}
._1hm111xc .block-2 {
  transform: translate3d(-4px, -4px, 0);
}
._1hm111xc .block-0, .block-2 {
  animation: 1.6s _1hm111xb infinite alternate;
}
._1hm111xd {
  min-width: 220px;
  font-size: 24px;
  font-family: inherit;
}
._1hm111xe {
  display: block;
  border-radius: inherit;
  padding: 1px;
  width: 100%;
  height: auto;
}
._1hm111xf {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;
  width: 100%;
  text-align: left;
}
@media (prefers-reduced-motion) {
  ._1hm111xc .block-0, .block-2 {
    animation: none;
    transform: none;
  }
}
._1a5twd11 {
  width: 0px;
  position: absolute;
  overflow: hidden;
  transition: width var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  height: calc(((100vh - var(--spacing-xs__1bl7jj11k)) - var(--spacing-xs__1bl7jj11k)) - 62px);
  border-bottom-left-radius: var(--borderRadius-surface__1bl7jj11h);
}
._1a5twd12 {
  width: 340px;
}
._1a5twd13 {
  width: 340px;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  transition: width var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r), left var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  z-index: var(--_1a5twd10);
  height: calc(((100vh - var(--spacing-xs__1bl7jj11k)) - var(--spacing-xs__1bl7jj11k)) - 62px);
  position: absolute;
  border-right: 1px solid var(--color-border__1bl7jj110);
  background-color: var(--color-surface__1bl7jj1g);
  border-bottom-left-radius: var(--borderRadius-surface__1bl7jj11h);
}
._1a5twd14 {
  left: calc(0px - 340px);
}
._1a5twd15 {
  left: 0;
}
._1a5twd16 {
  padding: var(--spacing-m__1bl7jj11m);
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
._1a5twd17 {
  display: grid;
  width: 100%;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  gap: var(--spacing-m__1bl7jj11m);
}
._1a5twd18 {
  opacity: 1;
}
._1a5twd19 {
  opacity: 1;
}
._1a5twd1a {
  opacity: 0;
  transition-delay: var(--duration-s__1bl7jj11u);
}
._1a5twd1b {
  opacity: 0;
}
._1a5twd1d {
  display: block;
  border-bottom: 1px solid var(--color-border__1bl7jj110);
  padding-bottom: var(--spacing-m__1bl7jj11m);
}
@media (min-width: 700px) {
  ._1a5twd11 {
    position: relative;
    height: calc(((100vh - var(--spacing-l__1bl7jj11n)) - var(--spacing-l__1bl7jj11n)) - 62px);
  }
  ._1a5twd13 {
    height: calc(((100vh - var(--spacing-l__1bl7jj11n)) - var(--spacing-l__1bl7jj11n)) - 62px);
  }
  ._1a5twd1d {
    display: none;
  }
}
.s2xxax0 {
  padding: var(--spacing-m__1bl7jj11m);
  width: max-content;
}
.s2xxax1 {
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--controlSize-s__1bl7jj11z);
  height: var(--controlSize-s__1bl7jj11z);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
}
.s2xxax1 button::before {
  border-radius: 0;
}
.s2xxax1 button:first-child::before {
  border-top-left-radius: var(--controlSize-s__1bl7jj11z);
  border-bottom-left-radius: var(--controlSize-s__1bl7jj11z);
}
.s2xxax1 button:last-child::before {
  border-top-right-radius: var(--controlSize-s__1bl7jj11z);
  border-bottom-right-radius: var(--controlSize-s__1bl7jj11z);
}
.s2xxax2 {
  background-color: var(--color-surfaceSuccess__1bl7jj1k);
  border-radius: 100%;
  padding: var(--spacing-xs__1bl7jj11k);
}
.s2xxax3 {
  border-radius: 24px;
  opacity: 0.85;
}
.s2xxax4 {
  line-height: normal;
}
._1k5wdho0 {
  outline: none;
  border: none;
  box-shadow: none;
  padding: 0px;
}
._1k5wdho0:hover {
  outline: none;
  border: none;
  box-shadow: none !important;
}
._1k5wdho0 div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
._54eeo0 {
  padding: var(--spacing-s__1bl7jj11l);
  border-radius: var(--borderRadius-control__1bl7jj11g);
}
._54eeo1 {
  max-width: 180px;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._54eeo2 .kl-label {
  font-weight: 100;
}
._54eeo3 {
  color: var(--color-textDisabled__1bl7jj1d);
}
._1i0kqd90 {
  color: var(--color-textCritical__1bl7jj19);
}
._1i0kqd91 {
  flex-shrink: 0;
}
._1i0kqd92 {
  padding-left: var(--spacing-l__1bl7jj11n);
}
._1i0kqd93 {
  text-transform: capitalize;
}
._1i0kqd94 {
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: 4px;
}
._1i0kqd95 {
  flex: 1;
}
._1i0kqd96 {
  padding: var(--spacing-m__1bl7jj11m);
  background: var(--color-surfaceSecondary__1bl7jj1i);
}
._1u7cisa0:hover {
  box-shadow: inset 0 0 0 1px var(--color-controlBorder__1bl7jj111) !important;
}
._1u7cisa0 .button__content {
  width: 100%;
  justify-content: space-between;
}
._1u7cisa1 .popover__panel {
  padding: var(--spacing-xs__1bl7jj11k);
  width: 320px !important;
}
._1u7cisa2 {
  padding: var(--spacing-xs__1bl7jj11k)!important;
  padding-top: 0;
}
._1u7cisa3 {
  color: var(--color-textDisabled__1bl7jj1d);
}
._1u7cisa4 {
  text-decoration: none;
  color: var(--color-text__1bl7jj14);
  padding-bottom: var(--spacing-xxxs__1bl7jj11i);
}
._1u7cisa5 {
  color: var(--color-textPlaceholder__1bl7jj1b);
}
._1u7cisa6 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
._1cu90me0 {
  top: 60px;
  right: 0px;
  height: auto;
  left: unset;
  width: auto;
  background-color: transparent;
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  z-index: 1052;
}
._1cu90me1 {
  text-align: left;
  width: 368px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.lgl0uk0 {
  margin-top: var(--spacing-m__1bl7jj11m);
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  width: 290px;
}
.lgl0uk1 {
  width: 100%;
}
._1kfeehf0 {
  height: 42px;
}
._1kfeehf1.button--icon-only {
  width: 38px;
  height: 38px;
}
._1kfeehf2 {
  filter: grayscale(80%);
}
._1kfeehf3 {
  border-top: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
._1o8fedk2 {
  z-index: 1;
  position: relative;
  right: -8px;
  top: 2px;
  width: 6px;
  height: 6px;
  background: var(--color-controlAccent__1bl7jj115);
  border-radius: 100%;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
._1oajo1k1 {
  background: var(--_1oajo1k0);
  background-size: cover;
  background-position: center;
  border-radius: inherit;
  grid-area: layer;
  z-index: 1;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
._1oajo1k2 {
  background-image: url('/Assets/Images/checkerboard.png');
  opacity: 0.2;
  background-size: 12px;
  border-radius: inherit;
  grid-area: layer;
  z-index: 1;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
._1oajo1k3 {
  display: grid;
  grid-template-areas: "layer";
  border-radius: 50%;
  border: 1px solid;
  border-color: var(--color-controlBorder__1bl7jj111);
}
._1oajo1k4 {
  width: var(--controlSize-xs__1bl7jj11y);
  height: var(--controlSize-xs__1bl7jj11y);
}
._1oajo1k5 {
  width: var(--controlSize-s__1bl7jj11z);
  height: var(--controlSize-s__1bl7jj11z);
}
._89cmya0 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  gap: var(--spacing-xxs__1bl7jj11j);
  padding: var(--spacing-xs__1bl7jj11k) 0;
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
}
._89cmya1:hover {
  fill: var(--color-controlAccent__1bl7jj115);
}
._89cmya2 {
  fill: var(--color-controlAccent__1bl7jj115);
}
._89cmya3 {
  display: none;
}
@media (max-height: 900px) {
  .garc3x1 {
    height: auto;
  }
}
._1dkoc3e0 {
  position: relative;
}
._1dkoc3e1 {
  position: absolute;
  right: var(--spacing-xs__1bl7jj11k);
  top: var(--spacing-xs__1bl7jj11k);
}
._1dkoc3e2 {
  position: absolute;
  right: var(--spacing-xs__1bl7jj11k);
  top: var(--spacing-xs__1bl7jj11k);
}
._1dkoc3e5 {
  --_1dkoc3e3: var(--color-surfaceTertiary__1bl7jj1j);
  --_1dkoc3e4: var(--color-border__1bl7jj110);
  background-color: var(--_1dkoc3e3);
  border: 2px dashed var(--_1dkoc3e4);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  aspect-ratio: 16 / 9;
}
._1dkoc3e6 {
  --_1dkoc3e3: rgb(231 245 255);
  --_1dkoc3e4: rgb(16 153 252);
}
._1dkoc3e5._1dkoc3e6 * {
  pointer-events: none;
}
._1dkoc3e7 {
  aspect-ratio: 16 / 9;
}
._1dkoc3e8 {
  color: rgb(7 110 208);
}
._1dkoc3e9 {
  display: none;
}
._1dkoc3ea {
  margin-right: var(--spacing-xxs__1bl7jj11j);
}
._1dkoc3eb {
  position: relative;
  width: 300px;
}
._1dkoc3ec {
  width: 150px;
}
._10vqc7y0 {
  width: 344px;
}
._10vqc7y2 {
  --_10vqc7y1: transparent;
  overflow: auto;
  border-top: 1px solid var(--_10vqc7y1);
}
._10vqc7y3 {
  max-height: 320px;
}
._10vqc7y4 {
  max-height: calc(75vh - var(--control-size-large) - var(--control-size-medium));
}
._10vqc7y5 {
  --_10vqc7y1: var(--color-border__1bl7jj110);
}
._10vqc7y6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-s__1bl7jj11l);
  justify-content: center;
}
._10vqc7y6:after {
  content: "";
  height: var(--spacing-l__1bl7jj11n);
}
._10vqc7y7 {
  position: relative;
  aspect-ratio: 16 / 10;
  width: 100%;
  transition: box-shadow var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
  display: flex;
  justify-content: center;
  align-items: center;
  container-type: size;
}
._10vqc7y8 {
  box-shadow: 0 0 0 1px transparent, 0 0 0 2px var(--color-controlAccent__1bl7jj115);
  background: var(--color-controlAccent__1bl7jj115);
}
._10vqc7y8:hover {
  box-shadow: 0 0 0 1px transparent, 0 0 0 2px var(--color-controlAccent__1bl7jj115);
}
._10vqc7y9::before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  background: var(--color-surface__1bl7jj1g);
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 1;
}
._10vqc7ya {
  opacity: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  background: linear-gradient(color-mix(in lab,rgb(28 31 51) 0%,transparent),color-mix(in lab,rgb(28 31 51) 80%,transparent));
  display: flex;
  align-items: end;
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  text-shadow: -1px 1px 4px rgb(18 20 35);
  overflow: hidden;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
._10vqc7ya:hover {
  opacity: 1;
}
._10vqc7yb {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  border-radius: 7px;
}
._10vqc7yc {
  height: var(--spacing-l__1bl7jj11n);
  width: var(--spacing-l__1bl7jj11n);
  border-radius: 50%;
  background: var(--color-controlAccent__1bl7jj115);
  position: absolute;
  top: calc(var(--spacing-s__1bl7jj11l) * -1);
  right: calc(var(--spacing-s__1bl7jj11l) * -1);
  color: rgb(255 255 255);
  z-index: 1;
}
._10vqc7yd {
  height: 24px;
  width: 24px;
  position: absolute;
  top: calc(var(--spacing-xs__1bl7jj11k) * -1);
  left: calc(var(--spacing-xs__1bl7jj11k) * -1);
  color: rgb(255 255 255);
  background: var(--color-surface__1bl7jj1g);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
._10vqc7ye {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(500cqw - 10px);
  height: calc(500cqh - 10px);
  transform: scale(0.2);
  transform-origin: top left;
  box-sizing: border-box;
  padding: 0 50%;
  border-radius: 36px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--ij2xgd0, white);
}
._10vqc7yf {
  color: var(--_2fdphp2);
  font-size: calc(var(--_2fdphp3) * 1px);
  letter-spacing: var(--_2fdphp5);
  text-align: var(--_2fdphp1);
  text-transform: var(--_2fdphp6);
  line-height: var(--_2fdphp4);
  font-weight: var(--_2fdphpa);
  font-family: var(--_2fdphp9);
}
._10vqc7yg {
  color: var(--_66iluk2);
  font-size: calc(var(--_66iluk3) * 1px);
  letter-spacing: var(--_66iluk5);
  text-align: var(--_66iluk1);
  text-transform: var(--_66iluk6);
  line-height: var(--_66iluk4);
  font-weight: var(--_66iluka);
  font-family: var(--_66iluk9);
}
._10vqc7yh {
  width: 100%;
  z-index: 1;
  background: var(--ij2xgd8);
}
._10vqc7yi {
  position: absolute;
  background-image: var(--ij2xgd6, var(--ij2xgd1));
  background-size: cover;
  background-position: var(--ij2xgd4);
  border-radius: 36px;
  top: calc(-2 * var(--ij2xgd5));
  left: calc(-2 * var(--ij2xgd5));
  width: calc(100% + 4 * var(--ij2xgd5));
  height: calc(100% + 4 * var(--ij2xgd5));
  filter: blur(var(--ij2xgd5));
  transform: translate3d(0, 0, 0);
}
._10vqc7yj {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--ij2xgd2);
  mix-blend-mode: var(--ij2xgd3);
  border-radius: 36px;
}
._10vqc7yk {
  width: 6px;
  height: 6px;
  background: var(--color-controlAccent__1bl7jj115);
  border-radius: 100%;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
._10vqc7yl {
  position: absolute;
  top: -5px;
  left: -5px;
  transform: translate(50%, 50%);
  z-index: 1;
}
._10vqc7ym {
  position: absolute;
  top: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  left: calc(var(--spacing-xxs__1bl7jj11j) * -1);
  transform: translate(12px, -4px);
  z-index: 2;
  opacity: 0;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
._10vqc7y7._10vqc7y8.card--light.card--clickable:hover {
  box-shadow: 0 0 0 1px transparent, 0 0 0 2px var(--color-controlAccent__1bl7jj115);
}
._10vqc7y7:hover ._10vqc7yd, ._10vqc7y7:has([aria-expanded="true"]) ._10vqc7yd {
  opacity: 1;
  pointer-events: initial;
}
._10vqc7y7:hover ._10vqc7ym, ._10vqc7y7:has([aria-expanded="true"]) ._10vqc7ym {
  opacity: 1;
}
._10vqc7yh * {
  width: 100%;
}
._10vqc7y0 .popover__panel-scroll {
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._1tjjjxj0 > div {
  width: 100%;
  justify-content: space-between;
}
._1rmn75r0 {
  padding-left: var(--spacing-l__1bl7jj11n);
}
._16ug9b50 {
  background: var(--color-surface__1bl7jj1g);
  border-radius: var(--controlSize-s__1bl7jj11z);
  box-shadow: var(--shadow-elevation1__1bl7jj11d);
  padding: var(--spacing-xxxs__1bl7jj11i);
  pointer-events: auto;
  margin-right: 5px;
  margin-top: 3px;
}
.ai4icr0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-l__1bl7jj11n);
  padding-left: var(--spacing-xl__1bl7jj11o);
  padding-right: var(--spacing-xl__1bl7jj11o);
}
.ai4icr1 .modal {
  padding: var(--spacing-xxl__1bl7jj11p);
}
._12xibal0 {
  width: 100%;
}
._12xibal1 {
  max-width: 488px;
  align-items: stretch;
}
._12xibal2 {
  width: 36px;
  height: 36px;
  padding: 6px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  color: #00BDAF;
  background-color: rgba(0, 189, 175, 0.20);
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
._12xibal3 {
  text-align: left;
  padding: var(--spacing-xl__1bl7jj11o);
}
._12xibal4 {
  text-transform: none;
}
._12xibal5 {
  flex-basis: 50%;
  min-width: 170px;
}
._12xibal6 {
  padding: var(--spacing-xs__1bl7jj11k);
}
._12xibal7 {
  width: 42px;
  height: 39px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgb(88 184 253);
  background-color: rgb(231 245 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
._12xibal8 {
  width: 42px;
  height: 39px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgb(198 196 249);
  background-color: rgb(241 240 254);
  display: flex;
  align-items: center;
  justify-content: center;
}
._12xibal9 {
  width: 42px;
  height: 39px;
  border-radius: var(--borderRadius-control__1bl7jj11g);
  border: 1px solid rgb(255 209 89);
  background-color: rgb(255 250 238);
  display: flex;
  align-items: center;
  justify-content: center;
}
._12xibala {
  margin-right: 5px;
}
._12xibalb {
  min-height: 52px;
}
._12xibalc {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._12xibald {
  background-color: var(--color-iconCaution__1bl7jj1u);
  border-radius: 50%;
  color: var(--color-surface__1bl7jj1g);
}
._12xibale g path {
  fill: rgb(7 110 208);
}
._2hqqqm2 {
  width: 100%;
  max-width: 480px;
  text-align: left;
}
._2hqqqm3 {
  background-color: var(--_2hqqqm0);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._2hqqqm4 {
  color: var(--_2hqqqm1);
}
._13fywgs0 {
  background-color: var(--color-surfaceCaution__1bl7jj1l);
  margin: 0px auto;
  width: 376px;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  padding: var(--spacing-s__1bl7jj11l) 18px;
}
._13fywgs1 {
  flex: none;
  margin-top: 0.15ex;
}
._13fywgs2 {
  color: var(--color-textCaution__1bl7jj18);
}
._19iaxd90 {
  margin-top: var(--spacing-m__1bl7jj11m);
  line-height: 16px;
}
._19iaxd91 {
  background-color: #00857b;
  border-radius: 2px;
  color: white;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: fit-content;
  height: 42px;
  font-family: revert;
}
._1bhnh8s0 {
  display: grid;
  justify-content: center;
  grid-template-columns: clamp(0px, 100%, 350px);
  margin: var(--spacing-xs__1bl7jj11k) var(--spacing-s__1bl7jj11l);
}
._1bhnh8s1 {
  width: 36px;
}
._1mr99be0 {
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: inherit;
}
._1x0rldg0 {
  opacity: 0;
  transition: all var(--duration-l__1bl7jj11w) var(--easing-standard__1bl7jj11s);
}
._1x0rldg1 {
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
._1x0rldg2 {
  opacity: 1;
  transform: none;
}
.whw3w20 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.whw3w21 {
  margin: 120px 0 var(--spacing-m__1bl7jj11m) 0;
}
.whw3w22 {
  white-space: pre-wrap;
}
.whw3w23 {
  margin-top: 120px;
}
.qp5wh42 {
  width: 200px;
  height: 120px;
  border-radius: 8px;
  display: flex;
}
.qp5wh42::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 1px;
  background-image: linear-gradient(-90deg, #42EEEC 0%, #716BF1 100%);
  background-repeat: no-repeat;
  border-radius: 10px;
  transition: all 0.5s ease;
}
.qp5wh42:hover {
  box-shadow: 0px 20px 40px -20px rgba(0, 30, 51, 0.3) !important;
}
.qp5wh42:hover::before {
  margin: -2px;
}
.qp5wh43 {
  display: flex;
  flex-direction: column;
}
.qp5wh44 {
  color: var(--qp5wh40);
}
.qp5wh45 {
  color: var(--qp5wh41);
}
.qp5wh46 {
  isolation: isolate;
}
@media (min-width: 990px) {
  .qp5wh42 {
    width: 300px;
    height: 180px;
    border-radius: 12px;
  }
  .qp5wh42::before {
    border-radius: 15px;
  }
  .qp5wh42:hover::before {
    margin: -3px;
  }
}
@media (min-width: 1290px) {
  .qp5wh42 {
    width: 400px;
    height: 240px;
  }
}
.a5wk610 {
  background: url("/Assets/Images/onboarding/tailoredPages/sales-proposal-background.png") repeat;
  background-size: cover;
}
.a5wk611 {
  padding-left: var(--spacing-m__1bl7jj11m);
  padding-top: 30px;
  max-width: 96px;
}
.a5wk612 {
  max-width: 30px;
  max-height: 20px;
  object-fit: contain;
  margin-right: auto;
}
.a5wk613 {
  font-family: Rubik;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin-top: var(--spacing-xxs__1bl7jj11j);
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.a5wk614 {
  font-family: Inter;
  font-size: 6px;
}
@media (min-width: 990px) {
  .a5wk611 {
    padding-left: var(--spacing-l__1bl7jj11n);
    padding-top: 45px;
    max-width: 140px;
  }
  .a5wk612 {
    max-width: 45px;
    max-height: 30px;
  }
  .a5wk613 {
    font-size: 16px;
    line-height: 21px;
    margin-top: 6px;
    margin-bottom: var(--spacing-s__1bl7jj11l);
  }
  .a5wk614 {
    font-size: 8px;
  }
}
@media (min-width: 1290px) {
  .a5wk611 {
    padding-left: var(--spacing-xl__1bl7jj11o);
    padding-top: 60px;
    max-width: 190px;
  }
  .a5wk612 {
    max-width: 60px;
    max-height: 40px;
  }
  .a5wk613 {
    font-size: 22px;
    line-height: 28px;
    margin-top: var(--spacing-xs__1bl7jj11k);
    margin-bottom: var(--spacing-m__1bl7jj11m);
  }
  .a5wk614 {
    font-size: 12px;
  }
}
._130z6ww0 {
  background: url("/Assets/Images/onboarding/tailoredPages/sales-quote-background.png") repeat;
  background-size: cover;
}
._130z6ww1 {
  padding-top: 34px;
  padding-right: var(--spacing-m__1bl7jj11m);
  align-items: center;
  margin-left: auto;
}
._130z6ww2 {
  max-width: 34px;
  max-height: 22px;
  object-fit: contain;
}
._130z6ww3 {
  font-family: Rubik;
  font-size: 9px;
  font-weight: bold;
  line-height: 12px;
  margin-top: var(--spacing-xs__1bl7jj11k);
  margin-bottom: var(--spacing-xxxs__1bl7jj11i);
}
._130z6ww4 {
  font-family: Inter;
  font-size: 3px;
}
@media (min-width: 990px) {
  ._130z6ww1 {
    padding-top: 51px;
    padding-right: var(--spacing-l__1bl7jj11n);
  }
  ._130z6ww2 {
    max-width: 51px;
    max-height: 33px;
  }
  ._130z6ww3 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 3px;
  }
  ._130z6ww4 {
    font-size: 5px;
  }
}
@media (min-width: 1290px) {
  ._130z6ww1 {
    padding-top: 68px;
    padding-right: var(--spacing-xl__1bl7jj11o);
  }
  ._130z6ww2 {
    max-width: 68px;
    max-height: 44px;
  }
  ._130z6ww3 {
    font-size: 18px;
    line-height: 24px;
    margin-top: var(--spacing-s__1bl7jj11l);
    margin-bottom: var(--spacing-xxs__1bl7jj11j);
  }
  ._130z6ww4 {
    font-size: 6px;
  }
}
._1sw5zdx0 {
  background: url("/Assets/Images/onboarding/tailoredPages/digital-marketing-proposal-background.png") repeat;
  background-size: cover;
}
._1sw5zdx1 {
  padding-top: 30px;
  padding-left: 20px;
  max-width: 128px;
}
._1sw5zdx2 {
  max-width: 30px;
  max-height: 20px;
  object-fit: contain;
  margin-right: auto;
}
._1sw5zdx3 {
  font-family: Rubik;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin-top: var(--spacing-xs__1bl7jj11k);
  margin-bottom: var(--spacing-m__1bl7jj11m);
}
._1sw5zdx4 {
  font-family: Inter;
  font-size: 5px;
}
@media (min-width: 990px) {
  ._1sw5zdx1 {
    padding-top: 45px;
    padding-left: 30px;
    max-width: 192px;
  }
  ._1sw5zdx2 {
    max-width: 45px;
    max-height: 30px;
  }
  ._1sw5zdx3 {
    font-size: 17px;
    line-height: 20px;
    margin-top: var(--spacing-s__1bl7jj11l);
    margin-bottom: var(--spacing-l__1bl7jj11n);
  }
  ._1sw5zdx4 {
    font-size: 7px;
  }
}
@media (min-width: 1290px) {
  ._1sw5zdx1 {
    padding-top: 60px;
    padding-left: 40px;
    max-width: 256px;
  }
  ._1sw5zdx2 {
    max-width: 60px;
    max-height: 40px;
  }
  ._1sw5zdx3 {
    font-size: 22px;
    line-height: 26px;
    margin-top: var(--spacing-m__1bl7jj11m);
    margin-bottom: var(--spacing-xl__1bl7jj11o);
  }
  ._1sw5zdx4 {
    font-size: 10px;
  }
}
.w361t40 {
  isolation: isolate;
  position: relative;
}
.w361t41 {
  color: rgb(96 92 171);
}
.w361t42 {
  min-width: 280px;
  min-height: 240px;
}
.w361t42::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 1px;
  background-image: var(--gradient-brand__1bl7jj119);
  background-repeat: no-repeat;
  border-radius: 11px;
  transition: all var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
}
.w361t42:hover::before {
  margin: -3px;
}
.w361t43 {
  min-width: 400px;
  border-radius: 16px;
}
.w361t43::before {
  border-radius: 19px;
}
.w361t44 {
  display: grid;
  width: 184px;
}
.w361t45 {
  grid-area: 1 / 1;
  align-self: center;
  justify-self: center;
  transform: translateZ(10px);
}
.w361t46 {
  display: grid;
  grid-area: 1 / 1;
  justify-self: center;
  align-self: center;
  transform: translateZ(10px);
}
.w361t47 {
  grid-area: 1 / 1;
}
.w361t48 {
  opacity: 0;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-fastoutSlowin__1bl7jj11r);
  grid-area: 1 / 1;
}
.w361t49 {
  opacity: 1;
}
.w361t4a {
  grid-area: 1 / 1;
  transition: transform var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  transform: translateX(60px) translateY(15px);
  align-self: end;
  justify-self: center;
}
.w361t4b {
  transform: translateX(44px) translateY(15px);
}
.w361t4c {
  grid-area: 1 / 1;
  transition: transform var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
  align-self: center;
  transform: translateY(10px);
}
.w361t4d {
  transform: translateX(20px) translateY(10px);
}
.w361t4e {
  grid-area: 1/1;
  justify-self: end;
  margin-right: 12px;
  margin-top: 10px;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
}
.w361t4f {
  transform: rotate(90deg) scale(1);
  opacity: 1;
}
.w361t4g {
  grid-area: 1/1;
  align-self: end;
  margin-left: 36px;
  margin-bottom: -14px;
  overflow: visible;
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
}
.w361t4h {
  opacity: 1;
  transform: scale(1);
}
.w361t4i {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.w361t4j {
  position: relative;
  margin-right: -50px;
  margin-bottom: 20px;
}
.w361t4k {
  position: absolute;
  width: 189px;
  top: -72px;
  right: -131px;
}
._150ljfh0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}
._150ljfh0 [class*="UploadScreen_dropzone"] {
  margin-top: var(--spacing-l__1bl7jj11n);
}
._12p0vqi0 {
  display: flex;
  width: fit-content;
  min-width: 320px;
  padding: var(--spacing-l__1bl7jj11n);
  max-width: 1082px;
  background-color: var(--color-surfaceSecondary__1bl7jj1i);
  border: 1px solid var(--color-primaryBorder__1bl7jj11);
  border-radius: var(--borderRadius-control__1bl7jj11g);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
}
._12p0vqi0 ._1v4oej41 {
  width: 100%;
  box-sizing: border-box;
}
._12p0vqi0 ._16xh48d0 {
  min-width: unset;
  width: 100%;
  box-sizing: border-box;
}
._12p0vqi0 ._16xh48d5 {
  display: none;
}
._12p0vqi0 .o4pi63q {
  padding-top: var(--spacing-xxl__1bl7jj11p);
}
@media (min-width: 700px) and (min-height: 500px) {
  ._12p0vqi0 {
    min-width: 70vw;
    height: fit-content;
    min-height: 40vh;
    padding: var(--spacing-xl__1bl7jj11o);
  }
  ._12p0vqi0 .o4pi63q {
    position: static;
    margin-top: var(--spacing-l__1bl7jj11n);
    bottom: unset;
    left: unset;
    right: unset;
  }
}
._15hsip70 {
  margin-top: 120px;
  margin-bottom: 120px;
}
._15hsip71 {
  height: calc(100vh - 100px);
  width: calc(100vw - 40px);
  padding: 0 20px 40px 20px;
}
._1irolp90 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._1irolp91 {
  margin-bottom: var(--spacing-l__1bl7jj11n);
}
._1irolp92 {
  width: 100%;
  display: flex;
  justify-content: center;
}
._1irolp93 {
  min-width: 310px;
  padding: var(--spacing-xl__1bl7jj11o) 0;
}
._1irolp94 {
  border: none;
  height: 1px;
  width: calc(100vw - var(--spacing-xxl__1bl7jj11p));
  background-color: #81a2b280;
}
._1irolp95 {
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-xs__1bl7jj11k);
  margin-top: var(--spacing-s__1bl7jj11l);
  margin-bottom: var(--spacing-m__1bl7jj11m);
  text-align: center;
}
._1irolp96 {
  background-color: var(--color-surfaceSuccess__1bl7jj1k);
}
._1irolp97 {
  background-color: var(--color-surfaceCaution__1bl7jj1l);
}
._1irolp9a {
  white-space: pre-wrap;
}
._1irolp9b {
  color: var(--color-textSuccess__1bl7jj17);
}
._1irolp9c {
  color: var(--color-textCaution__1bl7jj18);
}
._1irolp9d {
  display: inline;
  margin-bottom: -4px;
}
._1irolp9e {
  color: var(--color-textSuccess__1bl7jj17);
  font-weight: var(--fontWeight-semibold__1bl7jj132);
}
._1irolp9f {
  margin-left: -50px;
}
._1irolp9g {
  padding: var(--spacing-l__1bl7jj11n) 0;
}
._1irolp9h {
  padding: var(--spacing-xs__1bl7jj11k) 0;
}
._1irolp9i {
  margin-bottom: var(--spacing-l__1bl7jj11n);
}
._1irolp9i .brand-colors__color--add {
  border-style: solid;
}
._1irolp9j {
  margin-top: var(--spacing-l__1bl7jj11n);
}
._1irolp9n:not([disabled]) {
  cursor: default;
}
@media (min-width: 700px) {
  ._1irolp93 {
    min-width: 380px;
    max-width: 380px;
  }
  ._1irolp94 {
    max-width: 860px;
  }
  ._1irolp98 {
    margin-bottom: 64px;
  }
  ._1irolp99 {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._1irolp9f {
    margin-left: 0;
  }
  ._1irolp9i {
    margin-bottom: 0;
  }
  ._1irolp9k {
    margin-top: var(--spacing-xxxl__1bl7jj11q);
  }
  ._1irolp9l {
    margin-top: var(--spacing-s__1bl7jj11l);
  }
}
@keyframes r42y31 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.r42y32 {
  width: 100%;
  padding: var(--spacing-xs__1bl7jj11k) 0;
}
.r42y33 {
  min-width: 265px;
}
.r42y34 {
  color: white;
  margin-bottom: var(--spacing-s__1bl7jj11l);
}
.r42y35 {
  color: white;
}
.r42y36 {
  padding-left: calc(var(--spacing-m__1bl7jj11m) + 2px);
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.r42y37 {
  width: calc(236px + ((var(--spacing-m__1bl7jj11m) + 2px) * 2));
  height: 168px;
  padding: 0 calc(var(--spacing-m__1bl7jj11m) + 2px);
  overflow: hidden;
}
.r42y38 {
  width: 236px;
  height: 100%;
  position: relative;
}
.r42y39 {
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: var(--spacing-m__1bl7jj11m);
  top: var(--spacing-m__1bl7jj11m);
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border: none;
}
.r42y38:hover .r42y39 {
  opacity: 1;
}
.r42y3a {
  opacity: 0;
  position: absolute;
  z-index: 1;
  right: 60px;
  top: var(--spacing-m__1bl7jj11m);
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border: none;
}
.r42y38:hover .r42y3a {
  opacity: 1;
}
.r42y3b {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  box-shadow: var(--shadow-elevation2__1bl7jj11e);
  border: none;
  transform: translateY(-50%);
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r), box-shadow var(--duration-s__1bl7jj11u) var(--easing-fastoutSlowin__1bl7jj11r);
}
.r42y38:hover .r42y3b {
  opacity: 1;
}
.r42y3c {
  left: calc(0px - var(--spacing-m__1bl7jj11m));
}
.r42y3d {
  right: calc(0px - var(--spacing-m__1bl7jj11m));
}
.r42y3e {
  opacity: 0;
}
.r42y3f {
  opacity: 0;
}
.r42y3j {
  width: 100%;
  height: 100%;
  animation: r42y31 0.6s var(--easing-fastoutSlowin__1bl7jj11r);
}
.r42y3k {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px var(--color-primaryBorder__1bl7jj11);
}
.r42y3l {
  cursor: pointer;
}
.r42y3m {
  opacity: 0;
  width: 10%;
  position: absolute;
  display: none;
}
.r42y3n {
  height: 100%;
  display: flex;
  transform: translateX(calc((-100% * var(--r42y30)) + (((var(--spacing-m__1bl7jj11m) + 2px) * var(--r42y30)) * -1)));
  transition: transform var(--duration-l__1bl7jj11w) var(--easing-fastoutSlowin__1bl7jj11r);
}
.r42y3n > * {
  width: 100%;
  min-width: 100%;
}
.r42y3n > *:not(:last-child) {
  margin-right: calc(var(--spacing-m__1bl7jj11m) + 2px);
}
.r42y3o {
  width: 100%;
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  animation: r42y31 0.6s var(--easing-fastoutSlowin__1bl7jj11r);
  border: solid 1px var(--color-primaryBorder__1bl7jj11);
  background: url("/Assets/Images/onboarding/makeQwilrYours/transparent-background.svg") repeat;
}
.r42y3p {
  height: 100%;
  width: 100%;
  object-fit: contain;
  padding: var(--spacing-s__1bl7jj11l);
}
.r42y3q {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-m__1bl7jj11m);
}
.r42y3q:hover {
  cursor: pointer;
}
.r42y3r {
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: all 150ms ease-out;
  background-color: var(--color-textPlaceholder__1bl7jj1b);
}
.r42y3s {
  background-color: var(--color-icon__1bl7jj1p);
}
._4yb7f20 {
  --color-controlBorder__1bl7jj111: transparent;
  --color-controlBorderFocus__1bl7jj113: transparent;
}
._4yb7f20 .text-input__input {
  background-image: linear-gradient(white, white), var(--gradient-rad__1bl7jj118);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
._1cixqby0 {
  width: 100%;
}
._1cixqby1 {
  color: white;
  margin-bottom: var(--spacing-s__1bl7jj11l);
}
._1cixqby2 {
  color: white;
}
._1cixqby3 {
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.kz03q10 {
  width: 100%;
  max-width: 280px;
}
.kz03q11 {
  margin-bottom: var(--spacing-xs__1bl7jj11k);
}
.kz03q12 {
  color: white;
  margin-bottom: var(--spacing-s__1bl7jj11l);
}
.kz03q13 {
  color: white;
}
.kz03q14 {
  color: var(--color-textSecondary__1bl7jj15);
  padding-right: var(--spacing-m__1bl7jj11m);
}
.kz03q15 {
  display: flex;
  padding-top: var(--spacing-xs__1bl7jj11k);
}
.kz03q16 {
  position: relative;
  border-radius: 50%;
  margin-right: var(--spacing-xs__1bl7jj11k);
  color: var(--color-iconSuccess__1bl7jj1t);
  background-color: var(--color-surfaceSuccess__1bl7jj1k);
}
.kz03q17 {
  font-size: var(--fontSize-label-l__1bl7jj12x);
  margin: 0;
  color: var(--color-textSuccess__1bl7jj17);
}
._339wjp0 {
  position: fixed;
  z-index: 500;
  transition: opacity var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s), transform var(--duration-m__1bl7jj11v) var(--easing-bounce__1bl7jj11t);
}
._339wjp1 {
  opacity: 0;
  transform: scale(0.8);
}
._339wjp2 {
  opacity: 1;
  transform: scale(1);
}
._339wjp3 {
  opacity: 0;
  transform: scale(0.8);
}
._339wjp4 {
  background-color: var(--color-surface__1bl7jj1g);
  background-image: url('/Assets/Images/rainbow-bg.svg');
  background-size: cover;
  padding: var(--spacing-l__1bl7jj11n);
  position: relative;
  width: 380px;
}
._339wjp8 {
  width: 0;
  height: 0;
  position: absolute;
  top: var(--_339wjp5);
  left: var(--_339wjp6);
  transition: opacity 0s var(--duration-m__1bl7jj11v) var(--easing-standard__1bl7jj11s);
}
._339wjp9 {
  border-left: var(--_339wjp7) solid transparent;
  border-right: var(--_339wjp7) solid transparent;
  border-top: var(--_339wjp7) solid #fffaf1;
}
._339wjpa {
  width: var(--_339wjp7);
  height: var(--_339wjp7);
  background-color: #faf3f8;
  border-top: 1px solid var(--color-border__1bl7jj110);
  border-left: 1px solid var(--color-border__1bl7jj110);
  rotate: 45deg;
  top: calc((var(--_339wjp7) / 2) * -1);
}
._339wjpb {
  border-top: var(--_339wjp7) solid transparent;
  border-bottom: var(--_339wjp7) solid transparent;
  border-left: var(--_339wjp7) solid #fefdf9;
}
._339wjpc {
  border-top: var(--_339wjp7) solid transparent;
  border-bottom: var(--_339wjp7) solid transparent;
  border-right: var(--_339wjp7) solid #faf1f7;
}
._339wjpd {
  opacity: 0;
}
._339wjpe {
  opacity: 1;
}
._339wjpf {
  position: absolute;
  top: 8px;
  right: 8px;
}
._9qcv1g0 {
  color: var(--color-primary__1bl7jj10);
}
._9qcv1g1 {
  color: var(--color-primary__1bl7jj10);
}
._1g1i3f00 {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top-right-radius: 2px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 875;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  padding: var(--spacing-xxs__1bl7jj11j);
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.2s var(--easing-standard__1bl7jj11s), opacity 0.2s var(--easing-standard__1bl7jj11s);
}
._1g1i3f01 {
  opacity: 1;
  transform: translateY(0);
}
._1g1i3f02 {
  opacity: 1;
  transform: translateY(0);
}
._1g1i3f03 {
  opacity: 0;
  transform: translateY(20px);
}
._1g1i3f04 {
  opacity: 0;
  transform: translateY(20px);
}
@media (prefers-reduced-motion) {
  ._1g1i3f00 {
    animation: none;
  }
}
._9uvg0e0 {
  position: relative;
  width: 100%;
  height: 100%;
}
._9uvg0e3 {
  position: absolute;
  left: var(--_9uvg0e1);
  top: var(--_9uvg0e2);
}
._9uvg0e4 {
  text-transform: none;
}
.j1l5ou0 {
  overflow-x: auto;
}
.j1l5ou1 {
  min-width: 650px;
  min-height: 400px;
}
.j1l5ou2 {
  margin: auto 0;
  flex: 1 1 auto;
}
.j1l5ou3 {
  flex: 1 1 55%;
}
.j1l5ou4 {
  flex: 0 1 40%;
  aspect-ratio: 1 / 1;
  margin: auto 0;
}
.j1l5ou5 {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}
.j1l5ou6 {
  text-transform: none;
  letter-spacing: normal;
  padding-left: var(--spacing-xxs__1bl7jj11j);
  padding-right: var(--spacing-xxs__1bl7jj11j);
  margin-bottom: var(--spacing-xxxs__1bl7jj11i);
}
.j1l5ou7 {
  border-top: 1px solid var(--color-border__1bl7jj110);
  height: 57px;
  transition: background-color var(--duration-s__1bl7jj11u) ease;
}
.j1l5ou8 {
  background: var(--color-surfaceHover__1bl7jj1n);
}
.j1l5ou9 {
  vertical-align: middle;
  padding-left: var(--spacing-xxs__1bl7jj11j);
}
.j1l5oua {
  flex: 0 0 auto;
}
.j1l5oua .block-generic__accent-color {
  fill: var(--accent-color);
}
.j1l5oub {
  width: 50%;
}
.j1l5ouc {
  width: 50%;
}
.j1l5oud {
  min-height: 450px;
}
._1jgl22v0 {
  overflow-y: auto;
}
._1jgl22v1 {
  padding: var(--spacing-s__1bl7jj11l);
  background-color: var(--color-background__1bl7jj1z);
  min-height: 100%;
}
._1jgl22v2 {
  max-width: 1200px;
  margin: auto;
}
._1jgl22v3 {
  position: relative;
  background: var(--color-surface__1bl7jj1g);
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
  overflow: hidden;
}
._1jgl22v4 {
  gap: 0;
}
._1jgl22v5 {
  padding-top: var(--spacing-xs__1bl7jj11k);
  padding-left: var(--spacing-xs__1bl7jj11k);
  padding-right: var(--spacing-xs__1bl7jj11k);
}
._1jgl22v6 {
  padding: var(--spacing-s__1bl7jj11l);
}
._1jgl22v7 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
._1jgl22v8 {
  min-width: 24px;
}
@media (min-width: 700px) {
  ._1jgl22v1 {
    padding: var(--spacing-l__1bl7jj11n);
  }
  ._1jgl22v5 {
    padding-left: var(--spacing-l__1bl7jj11n);
    padding-right: var(--spacing-l__1bl7jj11n);
    padding-top: var(--spacing-s__1bl7jj11l);
  }
  ._1jgl22v6 {
    padding: var(--spacing-l__1bl7jj11n);
  }
}
@media (min-width: 1200px) {
  ._1jgl22v1 {
    padding: var(--spacing-xxxl__1bl7jj11q);
  }
}
._1s1eimi0 {
  width: var(--controlSize-l__1bl7jj121);
  height: var(--controlSize-l__1bl7jj121);
  margin: var(--spacing-m__1bl7jj11m);
  border-radius: 50%;
  background-color: var(--color-surfacePrimary__1bl7jj1h);
}
._1iqz0g00 {
  max-height: 350px;
  height: fit-content;
  width: 300px;
  padding: var(--spacing-m__1bl7jj11m);
}
._1iqz0g01 {
  position: absolute;
  top: var(--spacing-s__1bl7jj11l);
  right: var(--spacing-xs__1bl7jj11k);
}
._1iqz0g02 {
  padding: var(--spacing-s__1bl7jj11l);
}
._1iqz0g03 {
  border-top: 1px solid var(--color-border__1bl7jj110);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
  padding-top: var(--spacing-xs__1bl7jj11k);
  padding-bottom: var(--spacing-xs__1bl7jj11k);
}
._1iqz0g04 {
  overflow-y: auto;
}
._1iqz0g05 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1iqz0g06 {
  overflow: hidden;
}
._1iqz0g07 {
  overflow: hidden;
  text-overflow: ellipsis;
}
._1iqz0g08 {
  flex: 1 0 auto;
}
._1ajr2cb0 {
  height: 100%;
  min-width: 650px;
}
._1ajr2cb1 {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  padding-top: var(--spacing-xxxs__1bl7jj11i);
  padding-bottom: var(--spacing-xxxs__1bl7jj11i);
}
._1ajr2cb2 {
  height: 100%;
}
._1ajr2cb5 {
  position: absolute;
  left: var(--_1ajr2cb3);
  top: var(--_1ajr2cb4);
}
._1ajr2cb6 {
  transition: opacity var(--duration-s__1bl7jj11u) var(--easing-standard__1bl7jj11s);
}
._1ajr2cb7 {
  opacity: 0.85;
}
._1ajr2cb8 {
  opacity: 1;
}
.rhx7gy0 {
  background-color: var(--color-surfaceCaution__1bl7jj1l);
}
.rhx7gy1 {
  color: var(--color-textCaution__1bl7jj18);
}
._1touszv0 {
  text-transform: capitalize;
}
._1touszv1 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
.ierllq0 {
  width: 100%;
}
.ierllq1 {
  flex: 0 1 175px;
}
.ierllq2 {
  flex: 1 1 250px;
}
._7mt5dn0 {
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-s__1bl7jj11l);
  border-radius: 65px;
  background: var(--color-surfaceSuccess__1bl7jj1k);
}
._7mt5dn1 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
._7mt5dn2 {
  color: var(--color-textSuccess__1bl7jj17);
}
._1ernhew0 path {
  fill: var(--color-icon__1bl7jj1p);
}
._1emjlba0 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 175px;
}
._1emjlba1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 250px;
}
._4m80aq0 {
  flex: 0 1 160px;
}
._4m80aq1 {
  flex: 0 1 200px;
  border: 1px solid var(--color-border__1bl7jj110);
  border-radius: var(--borderRadius-surface__1bl7jj11h);
}
._4m80aq2 {
  padding-bottom: var(--spacing-xs__1bl7jj11k);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1r8gpv30 {
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
._1w58t580 {
  min-width: 112px;
}
._1w58t581 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--spacing-xxs__1bl7jj11j);
  row-gap: var(--spacing-s__1bl7jj11l);
}
._1ebdjea0 span {
  display: none;
}
@media (min-width: 700px) {
  ._1ebdjea0 span {
    display: unset;
  }
}
.ce3nnd0 {
  width: 100%;
  max-width: 700px;
}
.ce3nnd1 {
  display: grid;
  align-items: start;
  grid-template-columns: 80px 1fr;
  grid-template-rows: 57px 1fr;
  grid-template-areas: 
    "iconAndConnectors timeComponent"
    "eventCard eventCard"
    ;
}
.ce3nnd2 {
  grid-area: timeComponent;
}
.ce3nnd3 {
  position: relative;
  height: 100%;
  margin-left: var(--spacing-s__1bl7jj11l);
  margin-top: var(--spacing-s__1bl7jj11l);
  grid-area: iconAndConnectors;
}
.ce3nnd4 {
  position: absolute;
  width: 100%;
  top: 20px;
  border-bottom: 1px solid var(--color-border__1bl7jj110);
  display: none;
}
.ce3nnd5 {
  position: absolute;
  height: 100%;
  top: 0;
  left: 20px;
  border-left: 1px solid var(--color-border__1bl7jj110);
}
.ce3nnd6 {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--color-border__1bl7jj110);
  background-color: var(--color-surface__1bl7jj1g);
}
.ce3nnd7 {
  overflow: auto;
  padding: var(--spacing-m__1bl7jj11m);
  margin-bottom: var(--spacing-s__1bl7jj11l);
  grid-area: eventCard;
}
@media (min-width: 700px) {
  .ce3nnd1 {
    grid-template-columns: 120px 80px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: 
      "timeComponent iconAndConnectors eventCard"
      ;
  }
  .ce3nnd4 {
    display: unset;
  }
  .ce3nnd7 {
    padding: var(--spacing-l__1bl7jj11n);
    margin-bottom: var(--spacing-m__1bl7jj11m);
  }
}
.cx47cp0 {
  width: 100%;
  height: 100%;
  background-color: var(--color-background__1bl7jj1z);
}
.cx47cp1 {
  position: relative;
  width: 250px;
  height: 235px;
}
.cx47cp2 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.cx47cp3 {
  display: grid;
  grid-template-rows: 25fr 75fr;
  pointer-events: none;
}
.cx47cp4 {
  height: 100%;
  min-width: 0;
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
.cx47cp5 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cx47cp6 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cx47cp7 {
  height: 100%;
  overflow: hidden;
}
.cx47cp8 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
.cx47cp9 {
  border-radius: 25px;
  background: var(--color-surfaceSuccess__1bl7jj1k);
  width: 18px;
  height: 18px;
}
.dcbx5x0 {
  min-width: 120px;
}
._1flku9a0 {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: var(--spacing-xs__1bl7jj11k);
}
._1flku9a1 {
  background-color: var(--color-background__1bl7jj1z);
}
@media (min-width: 700px) {
  ._1flku9a0 {
    padding-right: var(--spacing-l__1bl7jj11n);
  }
}
._1hleao40 {
  flex-wrap: wrap;
  top: 0;
  background-color: var(--color-background__1bl7jj1z);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
  z-index: 1;
}
._1hleao41 {
  width: 100%;
  text-align: center;
}
._1hleao42 {
  flex: 1 1 auto;
  justify-content: center;
  flex-wrap: wrap;
}
._1hleao43 {
  min-width: 150px;
  flex-basis: 235px;
}
._1hleao44 {
  flex: 1 1 auto;
  padding: var(--spacing-xs__1bl7jj11k);
}
._1hleao45 {
  flex: 0 1 80px;
}
._1hleao46 {
  overflow-x: auto;
  padding: var(--spacing-s__1bl7jj11l);
  padding-bottom: 0;
}
@media (min-width: 700px) {
  ._1hleao40 {
    position: sticky;
    flex-wrap: nowrap;
  }
  ._1hleao41 {
    width: unset;
    text-align: left;
  }
  ._1hleao42 {
    justify-content: end;
    flex-wrap: nowrap;
  }
  ._1hleao44 {
    padding: var(--spacing-m__1bl7jj11m);
  }
  ._1hleao46 {
    padding: var(--spacing-l__1bl7jj11n);
  }
}
._1ytrs1s0 {
  height: 100%;
}
._1ytrs1s1 {
  row-gap: var(--spacing-m__1bl7jj11m);
  flex-wrap: wrap;
  justify-content: center;
}
._1ytrs1s2 {
  width: 100%;
  text-align: center;
}
._1ytrs1s3 {
  display: none;
}
._1ytrs1s4 {
  min-width: 180px;
}
._1ytrs1s5 {
  max-width: 300px;
}
._1ytrs1s6 {
  row-gap: 0;
}
._1ytrs1s7 {
  flex: 1 1 content;
  max-width: 588px;
}
._1ytrs1s8 {
  color: var(--color-iconSuccess__1bl7jj1t);
}
._1ytrs1s9 {
  padding: var(--spacing-xxs__1bl7jj11j) var(--spacing-s__1bl7jj11l);
  border-radius: 4096px;
  background: var(--color-surfaceSecondary__1bl7jj1i);
}
._1ytrs1sa {
  width: 100%;
}
._1ytrs1sb {
  width: 100%;
  padding-bottom: var(--spacing-l__1bl7jj11n);
  border-bottom: 1px solid var(--color-border__1bl7jj110);
}
@media (min-width: 700px) {
  ._1ytrs1s1 {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  ._1ytrs1s2 {
    width: unset;
    text-align: left;
  }
  ._1ytrs1s3 {
    display: unset;
  }
}
.c0ntrp0 {
  min-height: 450px;
}
.c0ntrp1 {
  padding: var(--spacing-l__1bl7jj11n);
  flex: 1 1 auto;
  background-color: var(--color-background__1bl7jj1z);
  border-top: 1px solid var(--color-border__1bl7jj110);
}
.c0ntrp2 {
  position: absolute;
  right: 20px;
  top: 21px;
  color: rgb(135 144 166);
}
._1s6p2a01 {
  background-color: var(--_1s6p2a00);
  padding: 5px 12px;
  border-radius: 105px;
}
._1s6p2a02 {
  display: none;
}
@media (min-width: 700px) {
  ._1s6p2a02 {
    display: unset;
  }
}
._1ny5s1v0 {
  padding-left: 15px;
}
._1ewz1pt0 {
  z-index: 890;
}
._1ewz1pt0 .modal {
  padding: 0;
  max-width: 100%;
  width: calc(100% - var(--spacing-xs__1bl7jj11k));
  height: calc(100% - var(--spacing-xs__1bl7jj11k));
  overflow: hidden;
}
._1ewz1pt1 {
  height: 100%;
  width: 100%;
}
._1ewz1pt2 {
  display: grid;
  grid-template-rows: 80px 1fr;
  height: 100%;
  width: 100%;
}
._1ewz1pt3 {
  overflow: hidden;
  border-bottom: 1px solid;
  border-color: var(--color-border__1bl7jj110);
}
._1ewz1pt4 {
  display: none;
}
._1ewz1pt5 {
  min-width: 0;
}
._1ewz1pt6 {
  color: var(--color-iconPrimary__1bl7jj1s);
  flex: 1 0 auto;
}
._1ewz1pt7 {
  border-left: 1px solid;
  border-color: var(--color-border__1bl7jj110);
  height: var(--spacing-l__1bl7jj11n);
  display: none;
}
._1ewz1pt8 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1ewz1pt9 {
  display: none;
}
@media (min-width: 700px) {
  ._1ewz1pt0 .modal {
    width: calc(100% - var(--spacing-l__1bl7jj11n));
    height: calc(100% - var(--spacing-l__1bl7jj11n));
  }
  ._1ewz1pt4 {
    display: flex;
  }
  ._1ewz1pt7 {
    display: unset;
  }
}
@media (min-width: 1200px) {
  ._1ewz1pt9 {
    display: inherit;
  }
}

/*# sourceMappingURL=styles-css-c2e5ff79b17fac8e732a.css.map*/