/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/swiper/swiper.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/roboto-fontface/css/roboto/roboto-fontface.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Thin.3025beb410a67d09.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'), url('Roboto-Thin.3025beb410a67d09.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin.a529f43f8b43a41b.woff2') format('woff2'), url('Roboto-Thin.0cfb6189823d7275.woff') format('woff'), url('Roboto-Thin.94d67324d95f59e5.ttf') format('truetype'), url('Roboto-Thin.761d85cbad1d4c0a.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('Roboto-Thin.3025beb410a67d09.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'), url('Roboto-Thin.3025beb410a67d09.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin.a529f43f8b43a41b.woff2') format('woff2'), url('Roboto-Thin.0cfb6189823d7275.woff') format('woff'), url('Roboto-Thin.94d67324d95f59e5.ttf') format('truetype'), url('Roboto-Thin.761d85cbad1d4c0a.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-ThinItalic.3c0494ed5066eddf.eot');
    src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('Roboto-ThinItalic.3c0494ed5066eddf.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic.7d4425d4f9dfbd4d.woff2') format('woff2'), url('Roboto-ThinItalic.72445820525e265f.woff') format('woff'), url('Roboto-ThinItalic.72ab0263ccb0dc3f.ttf') format('truetype'), url('Roboto-ThinItalic.7d3f4f17bca5edb0.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('Roboto-ThinItalic.3c0494ed5066eddf.eot');
    src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('Roboto-ThinItalic.3c0494ed5066eddf.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic.7d4425d4f9dfbd4d.woff2') format('woff2'), url('Roboto-ThinItalic.72445820525e265f.woff') format('woff'), url('Roboto-ThinItalic.72ab0263ccb0dc3f.ttf') format('truetype'), url('Roboto-ThinItalic.7d3f4f17bca5edb0.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.9cff5f27f6ad3d59.eot');
    src: local('Roboto Light'), local('Roboto-Light'), url('Roboto-Light.9cff5f27f6ad3d59.eot?#iefix') format('embedded-opentype'), url('Roboto-Light.7117d83fbb0aa28a.woff2') format('woff2'), url('Roboto-Light.2188ea3f3f8ab51a.woff') format('woff'), url('Roboto-Light.5605865fb101be1a.ttf') format('truetype'), url('Roboto-Light.775a1d8f32378e56.svg#Roboto') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto-Light.9cff5f27f6ad3d59.eot');
    src: local('Roboto Light'), local('Roboto-Light'), url('Roboto-Light.9cff5f27f6ad3d59.eot?#iefix') format('embedded-opentype'), url('Roboto-Light.7117d83fbb0aa28a.woff2') format('woff2'), url('Roboto-Light.2188ea3f3f8ab51a.woff') format('woff'), url('Roboto-Light.5605865fb101be1a.ttf') format('truetype'), url('Roboto-Light.775a1d8f32378e56.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-LightItalic.4a75ae9969c094a3.eot');
    src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('Roboto-LightItalic.4a75ae9969c094a3.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic.9669ba38989190d7.woff2') format('woff2'), url('Roboto-LightItalic.ead2698c38e2d858.woff') format('woff'), url('Roboto-LightItalic.ccdc52ada30d970f.ttf') format('truetype'), url('Roboto-LightItalic.293a6c412ebb5682.svg#Roboto') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('Roboto-LightItalic.4a75ae9969c094a3.eot');
    src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('Roboto-LightItalic.4a75ae9969c094a3.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic.9669ba38989190d7.woff2') format('woff2'), url('Roboto-LightItalic.ead2698c38e2d858.woff') format('woff'), url('Roboto-LightItalic.ccdc52ada30d970f.ttf') format('truetype'), url('Roboto-LightItalic.293a6c412ebb5682.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.b21a0eefbec4f57f.eot');
    src: local('Roboto Regular'), local('Roboto-Regular'), url('Roboto-Regular.b21a0eefbec4f57f.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.e64b7e5db276537f.woff2') format('woff2'), url('Roboto-Regular.2313f68c10458709.woff') format('woff'), url('Roboto-Regular.b796ce65a81adc41.ttf') format('truetype'), url('Roboto-Regular.18c20975d2f2578c.svg#Roboto') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('Roboto-Regular.b21a0eefbec4f57f.eot');
    src: local('Roboto Regular'), local('Roboto-Regular'), url('Roboto-Regular.b21a0eefbec4f57f.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.e64b7e5db276537f.woff2') format('woff2'), url('Roboto-Regular.2313f68c10458709.woff') format('woff'), url('Roboto-Regular.b796ce65a81adc41.ttf') format('truetype'), url('Roboto-Regular.18c20975d2f2578c.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-RegularItalic.e6e0d5b40d74c833.eot');
    src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('Roboto-RegularItalic.e6e0d5b40d74c833.eot?#iefix') format('embedded-opentype'), url('Roboto-RegularItalic.d448549043fc24e3.woff2') format('woff2'), url('Roboto-RegularItalic.6c93c3855305929c.woff') format('woff'), url('Roboto-RegularItalic.c6469a92f47f72b9.ttf') format('truetype'), url('Roboto-RegularItalic.f83754e74962d444.svg#Roboto') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url('Roboto-RegularItalic.e6e0d5b40d74c833.eot');
    src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('Roboto-RegularItalic.e6e0d5b40d74c833.eot?#iefix') format('embedded-opentype'), url('Roboto-RegularItalic.d448549043fc24e3.woff2') format('woff2'), url('Roboto-RegularItalic.6c93c3855305929c.woff') format('woff'), url('Roboto-RegularItalic.c6469a92f47f72b9.ttf') format('truetype'), url('Roboto-RegularItalic.f83754e74962d444.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.9a9c9421bcdef79c.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.9a9c9421bcdef79c.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.31c42d9dbee477e5.woff2') format('woff2'), url('Roboto-Medium.769ea541b3eef14d.woff') format('woff'), url('Roboto-Medium.03501557d620ee6b.ttf') format('truetype'), url('Roboto-Medium.8a59a67632175b0b.svg#Roboto') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('Roboto-Medium.9a9c9421bcdef79c.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.9a9c9421bcdef79c.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.31c42d9dbee477e5.woff2') format('woff2'), url('Roboto-Medium.769ea541b3eef14d.woff') format('woff'), url('Roboto-Medium.03501557d620ee6b.ttf') format('truetype'), url('Roboto-Medium.8a59a67632175b0b.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-MediumItalic.eda8bf9be9c607a9.eot');
    src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('Roboto-MediumItalic.eda8bf9be9c607a9.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic.2b1343b2d0b09b92.woff2') format('woff2'), url('Roboto-MediumItalic.226e2a5000081685.woff') format('woff'), url('Roboto-MediumItalic.ce75fe30feef2519.ttf') format('truetype'), url('Roboto-MediumItalic.b51310a741b5d779.svg#Roboto') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('Roboto-MediumItalic.eda8bf9be9c607a9.eot');
    src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('Roboto-MediumItalic.eda8bf9be9c607a9.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic.2b1343b2d0b09b92.woff2') format('woff2'), url('Roboto-MediumItalic.226e2a5000081685.woff') format('woff'), url('Roboto-MediumItalic.ce75fe30feef2519.ttf') format('truetype'), url('Roboto-MediumItalic.b51310a741b5d779.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.0d2870f5e1759c7a.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.0d2870f5e1759c7a.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold.6980f6575e8c2cbd.woff2') format('woff2'), url('Roboto-Bold.313d5de65a92aae6.woff') format('woff'), url('Roboto-Bold.ed694f411e0b3a82.ttf') format('truetype'), url('Roboto-Bold.a5d983d959171823.svg#Roboto') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto-Bold.0d2870f5e1759c7a.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.0d2870f5e1759c7a.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold.6980f6575e8c2cbd.woff2') format('woff2'), url('Roboto-Bold.313d5de65a92aae6.woff') format('woff'), url('Roboto-Bold.ed694f411e0b3a82.ttf') format('truetype'), url('Roboto-Bold.a5d983d959171823.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BoldItalic.24d4fc9379818f4d.eot');
    src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('Roboto-BoldItalic.24d4fc9379818f4d.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic.986a9dba772d1a7a.woff2') format('woff2'), url('Roboto-BoldItalic.d0b1358f293918c7.woff') format('woff'), url('Roboto-BoldItalic.e3188bd071401a05.ttf') format('truetype'), url('Roboto-BoldItalic.98e79b0548caa896.svg#Roboto') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('Roboto-BoldItalic.24d4fc9379818f4d.eot');
    src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('Roboto-BoldItalic.24d4fc9379818f4d.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic.986a9dba772d1a7a.woff2') format('woff2'), url('Roboto-BoldItalic.d0b1358f293918c7.woff') format('woff'), url('Roboto-BoldItalic.e3188bd071401a05.ttf') format('truetype'), url('Roboto-BoldItalic.98e79b0548caa896.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.2a430d2577a70997.eot');
    src: local('Roboto Black'), local('Roboto-Black'), url('Roboto-Black.2a430d2577a70997.eot?#iefix') format('embedded-opentype'), url('Roboto-Black.710dab121b2a7bc2.woff2') format('woff2'), url('Roboto-Black.06740b883cfa8a2e.woff') format('woff'), url('Roboto-Black.41a719429c37346e.ttf') format('truetype'), url('Roboto-Black.711c7acb0aa346bb.svg#Roboto') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('Roboto-Black.2a430d2577a70997.eot');
    src: local('Roboto Black'), local('Roboto-Black'), url('Roboto-Black.2a430d2577a70997.eot?#iefix') format('embedded-opentype'), url('Roboto-Black.710dab121b2a7bc2.woff2') format('woff2'), url('Roboto-Black.06740b883cfa8a2e.woff') format('woff'), url('Roboto-Black.41a719429c37346e.ttf') format('truetype'), url('Roboto-Black.711c7acb0aa346bb.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-BlackItalic.65db2fd69db01cd5.eot');
    src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('Roboto-BlackItalic.65db2fd69db01cd5.eot?#iefix') format('embedded-opentype'), url('Roboto-BlackItalic.f4307ac32c9ad43b.woff2') format('woff2'), url('Roboto-BlackItalic.fc1832915de70c44.woff') format('woff'), url('Roboto-BlackItalic.ba2ec768f43dbc84.ttf') format('truetype'), url('Roboto-BlackItalic.26186c8936090567.svg#Roboto') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('Roboto-BlackItalic.65db2fd69db01cd5.eot');
    src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('Roboto-BlackItalic.65db2fd69db01cd5.eot?#iefix') format('embedded-opentype'), url('Roboto-BlackItalic.f4307ac32c9ad43b.woff2') format('woff2'), url('Roboto-BlackItalic.fc1832915de70c44.woff') format('woff'), url('Roboto-BlackItalic.ba2ec768f43dbc84.ttf') format('truetype'), url('Roboto-BlackItalic.26186c8936090567.svg#Roboto') format('svg');
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/app_assets/ng2-daterangepicker/daterangepicker.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0');
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/highlight.js/styles/github.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/cropperjs/dist/cropper.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-photo-editor/photo-editor.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ngx-pe-overlay-container {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 1rem;
  box-sizing: border-box;
}
.ngx-pe-overlay-container * {
  box-sizing: border-box;
}
.ngx-pe-dialog-container {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  outline: 0;
  width: 100%;
  height: auto;
  max-height: 95vh;
  box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
  background: #333333;
  color: white;
  display: flex;
  flex-direction: column;
}
.ngx-pe-dialog-header {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1rem;
  font-weight: 400;
}
.ngx-pe-dialog-body {
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.ngx-pe-dialog-footer {
  padding: 1rem 1rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.ngx-pe-cropper-wrapper {
  position: relative;
}
.ngx-pe-img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 300px;
}
.ngx-pe-tool-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #222;
  box-sizing: border-box;
  width: 100%;
}
.ngx-pe-tool-bar button {
  background-color: transparent;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 0.875rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
}
.ngx-pe-tool-bar button:hover {
  background-color: #0074d9;
  color: #fff;
}
.ngx-pe-tool-bar svg {
  width: 20px;
  height: 20px;
  fill: white;
}
.ngx-pe-btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb));
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ngx-pe-btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.ngx-pe-btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}
.ngx-pe-btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.ngx-pe-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #222222;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 10s ease;
}
.ngx-pe-processing {
  background-color: rgba(34,34,34, 0.8);
}
.ngx-pe-loading svg {
  width: 50px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:rgb(234.6,244.68,255);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(209.1,231.78,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:hsl(0,0%,90%);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:rgb(244.8,249.84,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:rgb(234.6,244.68,255);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:rgb(234.6,244.68,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:rgb(244.8,249.84,255);color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}/*# sourceMappingURL=default.theme.css.map */

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:none}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/@theme/styles/styles.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color:#673ab7;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color:#ffd740;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ffd740;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#673ab7;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#673ab7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ffd740;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}

html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}

html {
  --mdc-elevated-card-container-shape:4px;
}

html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}

html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}

html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#673ab7;
  --mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25);
}

.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ffd740;
  --mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25);
}

.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}

html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}

html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}

html {
  --mdc-filled-text-field-caret-color:#673ab7;
  --mdc-filled-text-field-focus-active-indicator-color:#673ab7;
  --mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);
  --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}

html {
  --mdc-outlined-text-field-caret-color:#673ab7;
  --mdc-outlined-text-field-focus-outline-color:#673ab7;
  --mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}

html {
  --mat-form-field-focus-select-arrow-color:rgba(103, 58, 183, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ffd740;
  --mdc-filled-text-field-focus-active-indicator-color:#ffd740;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);
}

.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#ffd740;
  --mdc-outlined-text-field-focus-outline-color:#ffd740;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(255, 215, 64, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}

html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}

html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}

html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}

html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}

html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 215, 64, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}

html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform:translateY(-8px);
}

html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}

html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color:white;
}

html {
  --mdc-dialog-container-shape:4px;
}

html {
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}

html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}

html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}

.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}

.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#673ab7;
  --mdc-chip-elevated-selected-container-color:#673ab7;
  --mdc-chip-elevated-disabled-container-color:#673ab7;
  --mdc-chip-flat-disabled-selected-container-color:#673ab7;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color:#ffd740;
  --mdc-chip-elevated-selected-container-color:#ffd740;
  --mdc-chip-elevated-disabled-container-color:#ffd740;
  --mdc-chip-flat-disabled-selected-container-color:#ffd740;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}

html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color:#5e35b1;
  --mdc-switch-selected-handle-color:#5e35b1;
  --mdc-switch-selected-hover-state-layer-color:#5e35b1;
  --mdc-switch-selected-pressed-state-layer-color:#5e35b1;
  --mdc-switch-selected-focus-handle-color:#311b92;
  --mdc-switch-selected-hover-handle-color:#311b92;
  --mdc-switch-selected-pressed-handle-color:#311b92;
  --mdc-switch-selected-focus-track-color:#9575cd;
  --mdc-switch-selected-hover-track-color:#9575cd;
  --mdc-switch-selected-pressed-track-color:#9575cd;
  --mdc-switch-selected-track-color:#9575cd;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}

html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}

html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#ffb300;
  --mdc-switch-selected-handle-color:#ffb300;
  --mdc-switch-selected-hover-state-layer-color:#ffb300;
  --mdc-switch-selected-pressed-state-layer-color:#ffb300;
  --mdc-switch-selected-focus-handle-color:#ff6f00;
  --mdc-switch-selected-hover-handle-color:#ff6f00;
  --mdc-switch-selected-pressed-handle-color:#ff6f00;
  --mdc-switch-selected-focus-track-color:#ffd54f;
  --mdc-switch-selected-hover-track-color:#ffd54f;
  --mdc-switch-selected-pressed-track-color:#ffd54f;
  --mdc-switch-selected-track-color:#ffd54f;
}

html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}

html {
  --mdc-switch-state-layer-size:40px;
}

html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#673ab7;
  --mdc-radio-selected-hover-icon-color:#673ab7;
  --mdc-radio-selected-icon-color:#673ab7;
  --mdc-radio-selected-pressed-icon-color:#673ab7;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#673ab7;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ffd740;
  --mdc-radio-selected-hover-icon-color:#ffd740;
  --mdc-radio-selected-icon-color:#ffd740;
  --mdc-radio-selected-pressed-icon-color:#ffd740;
}

.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ffd740;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}

.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size:40px;
}

html {
  --mat-radio-touch-target-display:block;
}

html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}

html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}

html {
  --mdc-slider-handle-color:#673ab7;
  --mdc-slider-focus-handle-color:#673ab7;
  --mdc-slider-hover-handle-color:#673ab7;
  --mdc-slider-active-track-color:#673ab7;
  --mdc-slider-inactive-track-color:#673ab7;
  --mdc-slider-with-tick-marks-inactive-container-color:#673ab7;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
}

html {
  --mat-slider-ripple-color:#673ab7;
  --mat-slider-hover-state-layer-color:rgba(103, 58, 183, 0.05);
  --mat-slider-focus-state-layer-color:rgba(103, 58, 183, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}

html .mat-accent {
  --mdc-slider-handle-color:#ffd740;
  --mdc-slider-focus-handle-color:#ffd740;
  --mdc-slider-hover-handle-color:#ffd740;
  --mdc-slider-active-track-color:#ffd740;
  --mdc-slider-inactive-track-color:#ffd740;
  --mdc-slider-with-tick-marks-inactive-container-color:#ffd740;
  --mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87);
}

html .mat-accent {
  --mat-slider-ripple-color:#ffd740;
  --mat-slider-hover-state-layer-color:rgba(255, 215, 64, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 215, 64, 0.2);
}

html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
}

html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}

html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}

html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}

html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}

html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}

html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}

.mdc-list-item__start, .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#673ab7;
  --mdc-radio-selected-hover-icon-color:#673ab7;
  --mdc-radio-selected-icon-color:#673ab7;
  --mdc-radio-selected-pressed-icon-color:#673ab7;
}

.mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ffd740;
  --mdc-radio-selected-hover-icon-color:#ffd740;
  --mdc-radio-selected-icon-color:#ffd740;
  --mdc-radio-selected-pressed-icon-color:#ffd740;
}

.mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#673ab7;
  --mdc-checkbox-selected-hover-icon-color:#673ab7;
  --mdc-checkbox-selected-icon-color:#673ab7;
  --mdc-checkbox-selected-pressed-icon-color:#673ab7;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#673ab7;
  --mdc-checkbox-selected-hover-state-layer-color:#673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color:#673ab7;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#ffd740;
  --mdc-checkbox-selected-hover-icon-color:#ffd740;
  --mdc-checkbox-selected-icon-color:#ffd740;
  --mdc-checkbox-selected-pressed-icon-color:#ffd740;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ffd740;
  --mdc-checkbox-selected-hover-state-layer-color:#ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color:#ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #673ab7;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
}

html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}

.mdc-list-item__start, .mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}

.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}

html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}

html {
  --mdc-secondary-navigation-tab-container-height:48px;
}

html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}

html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#673ab7;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#673ab7;
  --mat-tab-header-active-ripple-color:#673ab7;
  --mat-tab-header-inactive-ripple-color:#673ab7;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#673ab7;
  --mat-tab-header-active-hover-label-text-color:#673ab7;
  --mat-tab-header-active-focus-indicator-color:#673ab7;
  --mat-tab-header-active-hover-indicator-color:#673ab7;
}

.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ffd740;
}

.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ffd740;
  --mat-tab-header-active-ripple-color:#ffd740;
  --mat-tab-header-inactive-ripple-color:#ffd740;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ffd740;
  --mat-tab-header-active-hover-label-text-color:#ffd740;
  --mat-tab-header-active-focus-indicator-color:#ffd740;
  --mat-tab-header-active-hover-indicator-color:#ffd740;
}

.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}

.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}

.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#673ab7;
  --mat-tab-header-with-background-foreground-color:white;
}

.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ffd740;
  --mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#ffd740;
  --mdc-checkbox-selected-hover-icon-color:#ffd740;
  --mdc-checkbox-selected-icon-color:#ffd740;
  --mdc-checkbox-selected-pressed-icon-color:#ffd740;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ffd740;
  --mdc-checkbox-selected-hover-state-layer-color:#ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color:#ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#673ab7;
  --mdc-checkbox-selected-hover-icon-color:#673ab7;
  --mdc-checkbox-selected-icon-color:#673ab7;
  --mdc-checkbox-selected-pressed-icon-color:#673ab7;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#673ab7;
  --mdc-checkbox-selected-hover-state-layer-color:#673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color:#673ab7;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

html {
  --mdc-checkbox-state-layer-size:40px;
}

html {
  --mat-checkbox-touch-target-display:block;
}

html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}

html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}

html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}

html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}

html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}

html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}

html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}

html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}

html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}

html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}

html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}

html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#673ab7;
}

.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#673ab7;
  --mat-text-button-ripple-color:rgba(103, 58, 183, 0.1);
}

.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ffd740;
}

.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#ffd740;
  --mat-text-button-ripple-color:rgba(255, 215, 64, 0.1);
}

.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}

.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#673ab7;
  --mdc-filled-button-label-text-color:white;
}

.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ffd740;
  --mdc-filled-button-label-text-color:black;
}

.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
}

.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}

.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#673ab7;
  --mdc-protected-button-label-text-color:white;
}

.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ffd740;
  --mdc-protected-button-label-text-color:black;
}

.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
}

.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}

.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#673ab7;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#673ab7;
  --mat-outlined-button-ripple-color:rgba(103, 58, 183, 0.1);
}

.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ffd740;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#ffd740;
  --mat-outlined-button-ripple-color:rgba(255, 215, 64, 0.1);
}

.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height:36px;
}

html {
  --mdc-filled-button-container-height:36px;
}

html {
  --mdc-protected-button-container-height:36px;
}

html {
  --mdc-outlined-button-container-height:36px;
}

html {
  --mat-text-button-touch-target-display:block;
}

html {
  --mat-filled-button-touch-target-display:block;
}

html {
  --mat-protected-button-touch-target-display:block;
}

html {
  --mat-outlined-button-touch-target-display:block;
}

html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}

html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}

html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}

html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}

html {
  --mdc-icon-button-icon-size:24px;
}

html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}

html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#673ab7;
}

html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#673ab7;
  --mat-icon-button-ripple-color:rgba(103, 58, 183, 0.1);
}

html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ffd740;
}

html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#ffd740;
  --mat-icon-button-ripple-color:rgba(255, 215, 64, 0.1);
}

html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}

html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display:block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color:white;
}

html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}

html {
  --mdc-fab-small-container-color:white;
}

html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}

html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#673ab7;
}

html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ffd740;
}

html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
}

html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}

html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#673ab7;
}

html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ffd740;
}

html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
}

html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}

html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display:block;
}

html {
  --mat-fab-small-touch-target-display:block;
}

html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}

html {
  --mdc-snackbar-container-shape:4px;
}

html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}

html {
  --mat-snack-bar-button-color:#ffd740;
}

html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}

html {
  --mat-table-row-item-outline-width:1px;
}

html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}

html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}

html {
  --mdc-circular-progress-active-indicator-color:#673ab7;
}

html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ffd740;
}

html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}

html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}

html {
  --mat-badge-background-color:#673ab7;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color:#ffd740;
  --mat-badge-text-color:rgba(0, 0, 0, 0.87);
}

.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}

html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}

html {
  --mat-bottom-sheet-container-shape:4px;
}

html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}

html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}

html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}

html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}

html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}

html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}

html {
  --mat-standard-button-toggle-height:48px;
}

html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}

html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}

html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color:#ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ffd740;
}

.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}

html {
  --mat-divider-width:1px;
}

html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}

html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}

html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}

html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}

html {
  --mat-icon-color:inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color:#673ab7;
}

.mat-icon.mat-accent {
  --mat-icon-color:#ffd740;
}

.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}

html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}

html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#673ab7;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}

html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color:#ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color:#ffd740;
  --mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color:#ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
}

html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}

html {
  --mat-stepper-header-height:72px;
}

html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}

html {
  --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3);
}

html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#673ab7;
  --mat-toolbar-container-text-color:white;
}

.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ffd740;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}

html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}

html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}

html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height:48px;
}

html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}

html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color:white;
}

.mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5, .mat-typography .mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6, .mat-typography .mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}

.mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p {
  margin: 0 0 12px;
}

.mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1, .mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2, .mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3, .mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4, .mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.cdk-overlay-backdrop-showing {
  opacity: 1;
}

@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-label {
  color: #a5abb3 !important;
}

.mat-mdc-chip {
  background-color: #0095f7 !important;
  --mdc-chip-label-text-color: #fff !important;
}
.mat-mdc-chip ion-icon[name=close] {
  color: #fff !important;
  text-align: center;
}

.one-campaigns-filter {
  width: 100%;
  --mdc-theme-primary: #0095f7;
  --mdc-typography-body1-font-size: 14px;
}
.one-campaigns-filter .mat-mdc-text-field-wrapper {
  padding: 0;
}
.one-campaigns-filter .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6) !important;
}
.one-campaigns-filter .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.one-campaigns-filter:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.one-campaigns-filter .mat-mdc-form-field-focus-overlay {
  opacity: 0 !important;
}
.one-campaigns-filter .mat-mdc-form-field-infix {
  min-height: auto;
}
.one-campaigns-filter .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-bottom: 0;
}

.mat-mdc-dialog-container {
  position: relative;
  border-radius: 4px;
  /* Basic layout */
}
.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  background: #fff;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.1411764706), 0 9px 46px 8px rgba(0, 0, 0, 0.1215686275);
  display: block;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  padding: 24px;
}
.mat-mdc-dialog-container [mat-dialog-title], .mat-mdc-dialog-container .mat-dialog-title {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
}
.mat-mdc-dialog-container [mat-dialog-content], .mat-mdc-dialog-container .mdc-dialog-content {
  --mdc-dialog-supporting-text-font: Roboto, Helvetica Neue, sans-serif;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-line-height: 1.5;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
  --mdc-dialog-supporting-text-color: #000;
}
.mat-mdc-dialog-container [mat-dialog-close], .mat-mdc-dialog-container .mat-dialog-close {
  z-index: 1;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  cursor: pointer;
  background: none;
  border: none;
  outline: none !important;
  appearance: none !important;
}
.mat-mdc-dialog-container [mat-dialog-close]:hover, .mat-mdc-dialog-container .mat-dialog-close:hover {
  opacity: 0.75;
}
.mat-mdc-dialog-container .mdc-dialog__content {
  color: #000 !important;
  line-height: unset !important;
  font-family: unset !important;
  letter-spacing: unset !important;
  padding: 0 !important;
}
.mat-mdc-dialog-container .mdc-dialog__title {
  position: static;
  letter-spacing: unset;
  padding: 0;
  margin: 0 0 20px;
}
.mat-mdc-dialog-container .mdc-dialog__title::before {
  content: none;
}

[cdk-overlay-pane]._no-padding [mat-dialog-container],
[cdk-overlay-pane]._no-padding .mat-mdc-dialog-surface,
.cdk-overlay-pane._no-padding [mat-dialog-container],
.cdk-overlay-pane._no-padding .mat-mdc-dialog-surface {
  padding: 0;
}
[cdk-overlay-pane]._no-y-padding [mat-dialog-container],
[cdk-overlay-pane]._no-y-padding .mat-mdc-dialog-surface,
.cdk-overlay-pane._no-y-padding [mat-dialog-container],
.cdk-overlay-pane._no-y-padding .mat-mdc-dialog-surface {
  padding-top: 0;
  padding-bottom: 0;
}
[cdk-overlay-pane]._no-x-padding [mat-dialog-container],
[cdk-overlay-pane]._no-x-padding .mat-mdc-dialog-surface,
.cdk-overlay-pane._no-x-padding [mat-dialog-container],
.cdk-overlay-pane._no-x-padding .mat-mdc-dialog-surface {
  padding-left: 0;
  padding-right: 0;
}
[cdk-overlay-pane]._custom-scrollbar [mat-dialog-content],
[cdk-overlay-pane]._custom-scrollbar mat-dialog-content,
[cdk-overlay-pane]._custom-scrollbar .mat-mdc-dialog-surface,
.cdk-overlay-pane._custom-scrollbar [mat-dialog-content],
.cdk-overlay-pane._custom-scrollbar mat-dialog-content,
.cdk-overlay-pane._custom-scrollbar .mat-mdc-dialog-surface {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
[cdk-overlay-pane]._custom-scrollbar [mat-dialog-content]::-webkit-scrollbar,
[cdk-overlay-pane]._custom-scrollbar mat-dialog-content::-webkit-scrollbar,
[cdk-overlay-pane]._custom-scrollbar .mat-mdc-dialog-surface::-webkit-scrollbar,
.cdk-overlay-pane._custom-scrollbar [mat-dialog-content]::-webkit-scrollbar,
.cdk-overlay-pane._custom-scrollbar mat-dialog-content::-webkit-scrollbar,
.cdk-overlay-pane._custom-scrollbar .mat-mdc-dialog-surface::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[cdk-overlay-pane]._custom-scrollbar [mat-dialog-content]::-webkit-scrollbar-track,
[cdk-overlay-pane]._custom-scrollbar mat-dialog-content::-webkit-scrollbar-track,
[cdk-overlay-pane]._custom-scrollbar .mat-mdc-dialog-surface::-webkit-scrollbar-track,
.cdk-overlay-pane._custom-scrollbar [mat-dialog-content]::-webkit-scrollbar-track,
.cdk-overlay-pane._custom-scrollbar mat-dialog-content::-webkit-scrollbar-track,
.cdk-overlay-pane._custom-scrollbar .mat-mdc-dialog-surface::-webkit-scrollbar-track {
  background: #f7f9fc;
}
[cdk-overlay-pane]._custom-scrollbar [mat-dialog-content]::-webkit-scrollbar-thumb,
[cdk-overlay-pane]._custom-scrollbar mat-dialog-content::-webkit-scrollbar-thumb,
[cdk-overlay-pane]._custom-scrollbar .mat-mdc-dialog-surface::-webkit-scrollbar-thumb,
.cdk-overlay-pane._custom-scrollbar [mat-dialog-content]::-webkit-scrollbar-thumb,
.cdk-overlay-pane._custom-scrollbar mat-dialog-content::-webkit-scrollbar-thumb,
.cdk-overlay-pane._custom-scrollbar .mat-mdc-dialog-surface::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
[cdk-overlay-pane]._overflow-unset [mat-dialog-container],
[cdk-overlay-pane]._overflow-unset .mat-mdc-dialog-surface,
[cdk-overlay-pane]._overflow-unset .mat-mdc-dialog-container,
.cdk-overlay-pane._overflow-unset [mat-dialog-container],
.cdk-overlay-pane._overflow-unset .mat-mdc-dialog-surface,
.cdk-overlay-pane._overflow-unset .mat-mdc-dialog-container {
  overflow: unset;
}

.theme-request-modal [mat-dialog-container],
.theme-request-modal .mat-mdc-dialog-container {
  padding: 14px 24px;
}

.material-dialog-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
}
.material-dialog-fullscreen ng-component {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}

.pf-form-field .mdc-text-field--focused {
  border-radius: 2px;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.pf-form-field .mdc-text-field--focused .mat-mdc-select {
  border: 1px solid #14a5ff !important;
}
.pf-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.pf-form-field .mdc-text-field--disabled.mdc-text-field--filled {
  background-color: transparent;
}
.pf-form-field .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding: 0;
}
.pf-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.pf-form-field .mat-mdc-form-field-infix {
  width: auto;
}
.pf-form-field .mat-mdc-form-field-focus-overlay {
  opacity: 0 !important;
}
.pf-form-field .mdc-text-field {
  padding: 0;
}
.pf-form-field .mdc-line-ripple {
  display: none;
}
.pf-form-field .mat-mdc-form-field-infix {
  min-height: auto;
}
.pf-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.mat-menu-content, .mat-menu-item {
  background-color: white;
}

.mat-menu-item:hover:not([disabled]) {
  background-color: whitesmoke;
}

/* Mat-slider legacy code
/*
.mat-slider-horizontal {
  &.cdk-focused {
    .mat-slider-thumb-label-text {
      transform: rotate(0deg) !important;
    }

    .mat-slider-thumb {
      transform: scale(0.8) !important;
    }

    .mat-slider-thumb-label {
      width: 32px !important;
      border-radius: 3px !important;
      transform: rotate(0deg) !important;
      background: #000 !important;
    }
  }

  .mat-slider-thumb-label {
    right: -16px !important;
    transform-origin: 50% 50%;
    transform: translateY(26px) scale(0.01) rotate(0deg) !important;
    .mat-slider-thumb-label-text {
      line-height: 14px;
    }

    &::after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      bottom: -9px;
      left: 0;
      right: 0;
      margin: auto;
      border: 5px solid;
      border-color: #000 transparent transparent;
    }
  }
  &.wide-label {
    .mat-slider-thumb-label {
      width: 38px !important;
      text-align: center !important;
    }
  }
}
*/
/* Previous ng-deep code in social-proof-design.component.scss
/*
.mat-slider.mat-slider-horizontal .mat-slider-track-wrapper {
  height: 6px;
  border-radius: 10px;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-background,
.mat-slider.mat-slider-horizontal .mat-slider-track-fill {
  height: 100%;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-fill {
  background-color: #009dff;
}
.mat-accent .mat-slider-thumb {
  height: 15px;
  width: 15px;
  background-color: #009dff;
  border: solid 1px #fff;
  bottom: -10px;
  right: -10px;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  background-color: white;
}
*
*/
.mdc-slider .mdc-slider__thumb {
  width: 46px !important;
  height: 46px !important;
  left: -30px !important;
  --mat-mdc-slider-ripple-color: transparent !important;
  --mat-mdc-slider-hover-ripple-color: transparent !important;
  --mat-mdc-slider-focus-ripple-color: transparent !important;
}

.mat-mdc-slide-toggle.one-toggle {
  --mdc-switch-track-height: 24px !important;
  --mdc-switch-track-width: 48px !important;
  --mdc-switch-track-shape: 50px !important;
  --mdc-switch-disabled-selected-handle-color: transparent !important;
  --mdc-switch-disabled-unselected-handle-color: transparent !important;
  --mdc-switch-disabled-selected-track-color: transparent !important;
  --mdc-switch-disabled-unselected-track-color: transparent !important;
  --mdc-switch-unselected-focus-state-layer-color: transparent !important;
  --mdc-switch-unselected-pressed-state-layer-color: transparent !important;
  --mdc-switch-unselected-hover-state-layer-color: transparent !important;
  --mdc-switch-unselected-focus-track-color: #aeb4bb !important;
  --mdc-switch-unselected-hover-track-color: #aeb4bb !important;
  --mdc-switch-unselected-pressed-track-color: #aeb4bb !important;
  --mdc-switch-unselected-track-color: #aeb4bb !important;
  --mdc-switch-unselected-focus-handle-color: #fff !important;
  --mdc-switch-unselected-hover-handle-color: #fff !important;
  --mdc-switch-unselected-pressed-handle-color: #fff !important;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff) !important;
  --mdc-switch-unselected-handle-color: #fff !important;
  --mdc-switch-selected-icon-color: #fff !important;
  --mdc-switch-disabled-selected-icon-color: #fff !important;
  --mdc-switch-disabled-unselected-icon-color: #fff !important;
  --mdc-switch-unselected-icon-color: #fff !important;
  --mdc-switch-selected-focus-state-layer-color: transparent !important;
  --mdc-switch-selected-handle-color: transparent !important;
  --mdc-switch-selected-hover-state-layer-color: transparent !important;
  --mdc-switch-selected-pressed-state-layer-color: transparent !important;
  --mdc-switch-selected-focus-handle-color: #fff !important;
  --mdc-switch-selected-hover-handle-color: #fff !important;
  --mdc-switch-selected-pressed-handle-color: #fff !important;
  --mdc-switch-selected-focus-track-color: #50d73f !important;
  --mdc-switch-selected-hover-track-color: #50d73f !important;
  --mdc-switch-selected-pressed-track-color: #50d73f !important;
  --mdc-switch-selected-track-color: #50d73f !important;
}
.mat-mdc-slide-toggle.one-toggle .mdc-switch.mdc-switch--unselected .mdc-switch__handle {
  transform: translateY(-50%) translateX(2px) !important;
}
.mat-mdc-slide-toggle.one-toggle .mdc-switch.mdc-switch--selected .mdc-switch__handle {
  transform: translateY(-50%) translateX(-2px) !important;
}
.mat-mdc-slide-toggle.one-toggle .mdc-switch.mdc-switch--selected::after {
  position: absolute;
  left: 6px;
  content: var(--mdc-switch-selected-label, "");
  color: #fff;
  font-size: 12px;
}
.mat-mdc-slide-toggle.one-toggle .mdc-switch.mdc-switch--unselected::after {
  position: absolute;
  right: 6px;
  content: var(--mdc-switch-unselected-label, "Off");
  color: #fff;
  font-size: 12px;
}
.mat-mdc-slide-toggle .mdc-form-field {
  display: flex;
  align-items: center;
}
.mat-mdc-slide-toggle .mdc-form-field label {
  margin-left: 0.5em;
  margin-bottom: 0;
}

.MatSelect {
  padding: 0.6rem 1.125rem 0.4rem;
  color: #2a2a2a;
  background-color: #fff;
  border: 2px solid #dadfe6;
  border-radius: 0.375rem;
}

/* Previously the dropdown menu width could be wider than the parent form-field,
but now mdc select has changed the dropdown is the same width as the form-field
so we will need to override the width to auto */
.cdk-overlay-pane.oneSelect {
  width: auto !important;
}

.mat-icon-button:not(:active) {
  background-color: transparent;
}

:root {
  --color-primary: #14a5ff;
  --color-green: #20b57a;
  --color-success: #50d73f;
  --color-success-alt: #29cd8c;
  --color-danger: #ff4c6a;
  --color-warning: #ffa100;
  --color-info: #17a2b8;
  --color-secondary: #a5abb3;
  --color-primary-new: #14a5ff;
  --color-secondary-alt: #798c99;
  --color-secondary-alt-2: #dfe3ea;
  --color-shopify-indigo: #5c6ac4;
  --color-shopify-purple: #8463fd;
  --color-one-purple: #7f5cff;
  --color-shopify-blue: #006fbb;
  --color-shopify-green: #298160;
  --color-shopify-darkgreen: #020303;
  --color-shopify-red: #bf0711;
  --page-padding: 12px;
  --banner-height: 52px;
  --header-height: 42px;
  --sidenav-width: 60px;
  --bdrs: 8px;
  --sidenav-full-width: 200px;
  --separator: #ebeef2;
  --box-shadow-grey: #dfe3eb;
  --box-shadow-lightgrey: #0f263414;
  --dark-separator: #dbe0e7;
  --link-color: #005c97;
  --preview-container-background: #dadee3;
  --campaign-navigation-color: #7c8c98;
  --control-subtitle-invert-text: #0095f7;
  --eye-icon-hover-background: #a5abb3;
  --eye-icon-hover-text: #fff;
  --eye-icon-active-background: #6c757d;
  --eye-icon-active-text: #fff;
  --common-text-primary: #2a2a2a;
  --common-text-secondary: #555;
  --white: #fff;
  --black: #000;
  --grey: #c4c4c4;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
  "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
  "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #0095f7;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background: #0095f7;
}

.mat-mdc-checkbox {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #0095f7;
  --mdc-checkbox-selected-hover-icon-color: #0095f7;
  --mdc-checkbox-selected-icon-color: #0095f7;
  --mdc-checkbox-selected-pressed-icon-color: #0095f7;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0095f7;
  --mdc-checkbox-selected-hover-state-layer-color: #0095f7;
  --mdc-checkbox-selected-pressed-state-layer-color: #0095f7;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-unselected-hover-state-layer-color: transparent;
  --mdc-checkbox-unselected-pressed-state-layer-color: transparent;
}
.mat-mdc-checkbox .mdc-label {
  margin-bottom: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* stylelint-disable selector-pseudo-element-colon-notation, string-quotes */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small, .small {
  font-size: 0.875em;
  font-weight: 400;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
.col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3,
.col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.font-italic {
  font-style: italic !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

small, .small {
  font-size: 0.875em;
  font-weight: 400;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.user-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0, .my-0 {
  margin-top: 0 !important;
}

.mr-0, .mx-0 {
  margin-right: 0 !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3, .my-3 {
  margin-top: 1rem !important;
}

.mr-3, .mx-3 {
  margin-right: 1rem !important;
}

.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5, .my-5 {
  margin-top: 3rem !important;
}

.mr-5, .mx-5 {
  margin-right: 3rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0, .py-0 {
  padding-top: 0 !important;
}

.pr-0, .px-0 {
  padding-right: 0 !important;
}

.pb-0, .py-0 {
  padding-bottom: 0 !important;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3, .py-3 {
  padding-top: 1rem !important;
}

.pr-3, .px-3 {
  padding-right: 1rem !important;
}

.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5, .py-5 {
  padding-top: 3rem !important;
}

.pr-5, .px-5 {
  padding-right: 3rem !important;
}

.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
  padding-left: 3rem !important;
}

.mt-auto, .my-auto {
  margin-top: auto !important;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

.mb-auto, .my-auto {
  margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.2509803922);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file, .form-control-range {
  display: block;
  width: 100%;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9019607843);
  border-radius: 0.25rem;
}

.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.2509803922);
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.2509803922);
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label:before,
.custom-control-input.is-valid ~ .custom-control-label:before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label:before,
.custom-control-input.is-valid:checked ~ .custom-control-label:before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label:before,
.custom-control-input.is-valid:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.2509803922);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.2509803922);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9019607843);
  border-radius: 0.25rem;
}

.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.2509803922);
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.2509803922);
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label:before,
.custom-control-input.is-invalid ~ .custom-control-label:before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before,
.custom-control-input.is-invalid:checked ~ .custom-control-label:before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before,
.custom-control-input.is-invalid:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.2509803922);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.2509803922);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group, .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.2509803922);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5019607843);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5019607843);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5019607843);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5019607843);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5019607843);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5019607843);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5019607843);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5019607843);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5019607843);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5019607843);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5019607843);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5019607843);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5019607843);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5019607843);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5019607843);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5019607843);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5019607843);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5019607843);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5019607843);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5019607843);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5019607843);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5019607843);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5019607843);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5019607843);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5019607843);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5019607843);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5019607843);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5019607843);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5019607843);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5019607843);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5019607843);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5019607843);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label:after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body::-webkit-scrollbar-track {
  background: #f7f9fc;
}
body::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
body input:focus {
  outline: none;
}
body a {
  color: #005c97;
}
body a:hover {
  color: #0095f7;
}
body h1, body .h1 {
  font-size: 32px;
}
body h2, body .h2 {
  font-size: 28.8px;
}
body h3, body .h3 {
  font-size: 25.6px;
}
body h4, body .h4 {
  font-size: 22.4px;
}
body h5, body .h5 {
  font-size: 19.2px;
}
body h6, body .h6 {
  font-size: 16px;
}
body._in-full-screen {
  overflow: hidden;
}

.L-Campaign {
  height: 100%;
}
@media screen and (max-width: 576px) {
  .L-Campaign {
    display: flex;
    flex-flow: nowrap column;
    min-height: auto;
  }
}
.L-Campaign-Header {
  padding-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .L-Campaign-Header {
    padding: 20px 0;
  }
}
.L-Campaign-ContentTitle {
  margin: -20px -20px 20px;
  padding: 20px;
  border-bottom: 1px solid #ebeef2;
}
.L-Campaign-Content {
  flex: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .L-Campaign-Content {
    height: calc(100% - 76px);
    margin-bottom: 0;
  }
}
.L-Campaign-Content._with-bread-crumbs {
  display: grid;
  grid-template-rows: 60px max-content;
}
.L-Campaign-Content._scrollable {
  max-height: calc(100vh - 80px);
  min-height: calc(100vh - 80px);
  overflow-y: scroll;
}
.L-Campaign-Content._scrollable._mobile-device {
  min-height: unset;
}
.L-Campaign-Content._scrollable {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.L-Campaign-Content._scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.L-Campaign-Content._scrollable::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.L-Campaign-Content._scrollable::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
.L-Campaign-Footer {
  background: #fff;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  padding: 10px;
  border-radius: 5px;
  position: sticky;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  margin-top: auto;
  z-index: 10;
}
.L-Campaign-Footer .Button {
  margin: 0 5px;
}
.L-Campaign-Footer._mobile-device {
  margin-top: 10px;
}
.L-Campaign-FooterBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.L-Campaign-Row {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .L-Campaign-Row {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .L-Campaign-Column {
    margin-right: 10px;
  }
}
.L-Campaign-Column:last-child {
  margin-right: 0;
}
.L-Campaign-Column._side {
  max-height: calc(100% - 40px);
  overflow-y: auto;
}
.L-Campaign-Column._side {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.L-Campaign-Column._side::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.L-Campaign-Column._side::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.L-Campaign-Column._side::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .L-Campaign-Column._side > ._sticky {
    width: 200px;
  }
}
@media screen and (max-width: 576px) {
  .L-Campaign-Column._side {
    max-height: none;
  }
}
.L-Campaign-Column._content {
  display: flex;
  flex-flow: nowrap column;
}
.L-Campaign-Column._content._mobile-device {
  min-height: unset;
}
.L-Campaign._has-menu .L-Campaign-Column._content {
  min-height: calc(100vh - 100px);
}
@media screen and (min-width: 768px) {
  .L-Campaign-Column._content {
    flex: 1;
  }
  .L-Campaign-Column._content > ng-component {
    flex: 1;
  }
  .L-Campaign-Column._content > pf-plugin-configure-aggregate-visitor-count, .L-Campaign-Column._content > pf-plugin-configure-activity, .L-Campaign-Column._content > pf-plugin-configure-fortune-wheel, .L-Campaign-Column._content > pf-recent-activity-plugin, .L-Campaign-Column._content > pf-plugin-configure-live-visitor-count, .L-Campaign-Column._content > pf-coupon-box-plugin, .L-Campaign-Column._content > pf-info-popup, .L-Campaign-Column._content > pf-newsletter-plugin {
    flex: 1;
    display: flex;
    flex-flow: nowrap column;
    height: 100%;
  }
}
.L-Campaign-Column._mobile-device {
  min-height: unset;
}

html {
  height: 100%;
}

body {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "banner" "content";
  height: 100%;
  width: 100%;
}

.L-App {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  height: 100%;
  background: #f6f6f7;
}
@media screen and (max-width: 660px) {
  .L-App {
    display: block;
  }
}
.L-App._bar._nav-forced .L-App-Aside, .L-App._bar._nav-pinned .L-App-Aside {
  flex: 0 0 calc(var(--sidenav-full-width) + var(--page-padding));
}
.L-App-Body {
  display: flex;
  height: 100%;
  width: 100%;
  padding: var(--page-padding);
  overflow-y: auto;
  flex-flow: row-reverse wrap;
  align-items: center;
  align-content: flex-start;
  min-width: 0;
}
.L-App-Body {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.L-App-Body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.L-App-Body::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.L-App-Body::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
@media screen and (max-width: 660px) {
  .L-App-Body {
    padding: var(--header-height) 0 0;
  }
}
.L-App-Chat {
  flex: 1 0 400px;
  width: 400px;
  height: 100%;
  padding: 0 var(--page-padding) 0 0;
}
.L-App-Title {
  font-size: 22px;
  margin-left: 0;
  margin-right: auto;
}
@media screen and (max-width: 660px) {
  .L-App-Title {
    padding: var(--page-padding) 0 0 var(--page-padding);
  }
}
.L-App-Nav {
  position: sticky;
  top: 0;
  flex: 0 1 auto;
  max-width: 764px;
  min-width: min-content;
  z-index: 2000;
}
@media screen and (max-width: 660px) {
  .L-App-Nav {
    position: absolute;
  }
}
.L-App-Aside {
  position: sticky;
  top: 0;
  padding: var(--page-padding) 0 var(--page-padding) var(--page-padding);
  flex: 0 0 calc(var(--sidenav-width) + var(--page-padding));
  height: 100%;
  transition: flex 0.3s;
  z-index: 2001;
}
@media screen and (max-width: 660px) {
  .L-App-Aside {
    padding: 0;
    position: absolute;
  }
}
.L-App-Aside._right {
  width: 24px;
  top: 84px;
  height: calc(100vh - 36px - 60px);
}
.L-App-Aside._expanded-nav {
  width: 215px;
}
.L-App-Aside._expanded-chat {
  width: 275px;
}
.L-App-Aside._expanded-chat-lg {
  width: 35vw;
}
.L-App-Aside._mobile-open .side-backdrop {
  width: 100vw;
  height: 100vh;
  opacity: 1;
}
.L-App-Content {
  flex: none;
  width: 100%;
  height: 100%;
  margin-top: var(--page-padding);
}
.L-App-Content._with-navbar {
  height: calc(100% - 54px);
}
@media screen and (max-width: 660px) {
  .L-App {
    padding: 0;
  }
  .L-App._bar {
    padding: 0;
  }
  .L-App-Aside {
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.3s;
  }
  .L-App-Aside._mobile-open {
    left: 0;
  }
  .L-App-Aside .side {
    border-radius: 0 !important;
  }
  .L-App-Aside .side one-main-logo {
    margin-left: 0 !important;
  }
  .L-App-Aside .side .side-pin {
    display: none;
  }
  .L-App-Aside .side .side-close {
    display: block;
  }
  .L-App-Content {
    padding: 0 var(--page-padding);
  }
  .L-App-Nav {
    top: 0;
    width: 100%;
    left: 0;
  }
}
.L-App-Overlay {
  width: 100vw;
  height: 100vh;
  background: #fff;
}
.L-App-Overlay._with-header {
  height: calc(100vh - 62px);
  top: 62px;
}
.L-App-Overlay._with-header .CouponCode-Summary {
  top: 80px;
}

.cdk-overlay-container {
  z-index: 2001;
}

.cdk-global-overlay-wrapper {
  overflow-y: auto;
}

.L-Settings-Head {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 26px;
}
@media screen and (max-width: 768px) {
  .L-Settings-Head {
    grid-template-columns: 1fr 40px !important;
  }
}
.L-Settings-Content {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 26px;
  margin-top: 12px;
}
.badge {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 12.8px;
  padding: 4px 8px;
  border-radius: 50px;
}
.badge-light-success {
  background: rgb(195.4094827586, 241.3793103448, 189.6206896552);
  color: rgb(43.2413793103, 145.6551724138, 30.3448275862);
}
.badge-light-warning {
  color: rgb(102, 64.4, 0);
  background-color: #ffa100;
}
.badge-success {
  background: #29cd8c;
  color: #fff;
}
.badge-primary {
  background: #0095f7;
  color: #fff;
}
.badge-purple {
  background: #8463fd;
  color: #fff;
}
.badge-danger {
  background: #ff4c6a;
  color: #fff;
}
.badge-shopify-darkgreen {
  background: #020303;
  color: #fff;
}
.badge-shopify-darkgreen.badge-sm {
  font-size: 11px;
  padding: 6px 12px;
}
.badge-xl {
  font-size: 20px;
}

.pf-badge {
  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
  font-size: 12.8px;
  padding: 4px 8px;
  border-radius: 50px;
  text-align: center;
}
.pf-badge.xs {
  padding: 2px 6px;
  font-weight: 600;
}
.pf-badge.success, .pf-badge.green {
  background: #29cd8c;
  color: #fff;
}
.pf-badge.light-success {
  background: rgb(195.4094827586, 241.3793103448, 189.6206896552);
  color: rgb(43.2413793103, 145.6551724138, 30.3448275862);
}
.pf-badge.dark-success {
  background: #bbecd9;
  color: #333;
  font-weight: 400;
}
.pf-badge.light-warning {
  color: rgb(102, 64.4, 0);
  background-color: #ffa100;
}
.pf-badge.light-warning.outline {
  color: #ffa100;
  border: 1px solid #ffa100;
  background: none;
}
.pf-badge.white-warning {
  color: #fff;
  background-color: #ffa100;
}
.pf-badge.white-warning.outline {
  color: #ffa100;
  border: 1px solid #ffa100;
  background: none;
}
.pf-badge.grey-warning {
  color: #fff;
  background-color: #a5abb3;
}
.pf-badge.grey-warning.outline {
  color: #a5abb3;
  border: 1px solid #a5abb3;
  background: none;
}
.pf-badge.dark-warning {
  background-color: #fae8c5;
  color: #333;
  font-weight: 400;
}
.pf-badge.primary, .pf-badge.blue {
  background: #0095f7;
  color: #fff;
}
.pf-badge.purple {
  background: #8463fd;
  color: #fff;
}
.pf-badge.danger, .pf-badge.red {
  background: #ff4c6a;
  color: #fff;
}
.pf-badge.grey {
  background-color: #a5abb3;
  color: #fff;
}
.pf-badge.shopify-darkgreen {
  background: #020303;
  color: #fff;
}
.pf-badge.xl {
  font-size: 20px;
}
.pf-badge.sm {
  font-size: 11px;
  padding: 6px 12px;
}

.one-badge {
  display: inline-flex;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}
.one-badge._blue {
  color: #009dff;
  background: #ebf8ff;
}
.one-badge._yellow {
  color: #f7b500;
  background: #fff7d9;
}
.one-badge._red {
  color: #ff4d4f;
  background: #fff1f0;
}

.dbcard {
  overflow: hidden;
  justify-self: stretch;
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 5px 10px rgba(68, 71, 83, 0.2);
}
.dbcard h2 {
  font-size: 28px;
  font-weight: normal;
}
.dbcard > * {
  display: block;
}

.db-trend {
  height: 31px;
}
.db-trend.is-up {
  color: var(--color-success);
}
.db-trend.is-down {
  color: var(--color-danger);
}

.dbprogress {
  height: 8px;
  background: #f6f6f7;
  box-shadow: inset 0 0 0 1px var(--color-success);
  border-radius: 4px;
  overflow: hidden;
}
.dbprogress-val {
  height: 100%;
  border-radius: inherit;
  background: var(--color-success);
}
.dbprogress.is-larger .dbprogress-val {
  background: var(--color-danger);
}

.Dot {
  display: inline-block;
  text-transform: capitalize;
  white-space: nowrap;
}
.Dot::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  border-radius: 50px;
  border: 1px solid #e6e6e6;
  background: #ccc;
}
.Dot._scheduled::before {
  background-color: var(--color-info);
}
.Dot._muted::before {
  background-color: var(--color-secondary);
}
.Dot._failed::before, .Dot._bounced::before, .Dot._excluded::before, .Dot._complaint::before {
  background-color: var(--color-danger);
}
.Dot._paused::before, .Dot._waiting::before {
  background-color: var(--color-warning);
}
.Dot._active::before, .Dot._sending::before, .Dot._connected::before, .Dot._sent::before, .Dot._delivered::before {
  background-color: var(--color-success);
}
.Dot._failed {
  cursor: pointer;
}

.Tooltip {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: var(--color-primary-new);
  position: relative;
  color: #fff;
  font-size: 11.5px;
  font-weight: 500;
  border-radius: 50%;
  margin-left: 2px;
  margin-bottom: -2px;
  line-height: 16px;
}
.Tooltip::after {
  font-family: FontAwesome;
  content: "\f129";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Tooltip._metric {
  font-size: 10.5px;
  width: 12px;
  height: 12px;
  background: #a4abb3;
  vertical-align: middle;
}
.Tooltip.xl {
  width: 20px;
  height: 20px;
  font-size: 19px;
  margin-bottom: -1px;
}

.Tooltip-Dots {
  position: relative;
  border-bottom: 2px dotted #c4cdd5;
  width: fit-content;
}
.Tooltip-Dots:hover {
  cursor: pointer;
}

.Tooltip-Dashed {
  position: relative;
  border-bottom: 1px dashed #c4cdd5;
  width: fit-content;
}
.Tooltip-Dashed:hover {
  cursor: pointer;
}

.Tooltip-Box {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 16px !important;
  line-height: 20px !important;
  background: #fff;
  border-radius: 8px !important;
  box-shadow: rgba(23, 24, 24, 0.08) 0 0 6px -3px, rgba(23, 24, 24, 0.12) 0 3px 20px -4px !important;
}

.pf-button {
  font-size: 16px;
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  font-weight: 600;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.pf-button.text-only {
  color: #005c97;
  font-size: 1em;
  background: transparent;
  font-weight: 400;
}
.pf-button.text-only:hover {
  text-decoration: underline;
  color: #0095f7;
}
.pf-button.fw {
  width: 100%;
}
.pf-button.uppercase {
  text-transform: uppercase;
}
.pf-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pf-button:active {
  transform: scale(0.93);
  outline: none;
  /**
  This have to be places here case of on button click it scales, become smaller and click on its border do not
  triggers event, so ::after becomes bigger after :active and in this case it plays role of button block and
  triggers event
   */
}
.pf-button:active::after {
  transform: scale(1.1);
}
.pf-button:focus, .pf-button:hover {
  outline: none;
  text-decoration: none;
}
.pf-button[disabled], .pf-button._disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.pf-button.filled.blue {
  color: #ffffff;
  background-color: #14a5ff;
  border-color: #14a5ff;
}
.pf-button.filled.blue:hover {
  color: #14a5ff;
  background: transparent;
}
.pf-button.filled.blue.no-hover:hover {
  color: #ffffff;
  background: #14a5ff;
}
.pf-button.filled.red {
  color: #fff;
  background-color: #ff4c6a;
  border-color: #ff4c6a;
}
.pf-button.filled.red:hover {
  color: #ff4c6a;
  background-color: transparent;
}
.pf-button.filled.yellow {
  color: #fff;
  background-color: #ffa100;
  border-color: #ffa100;
}
.pf-button.filled.yellow:hover {
  color: #ffa100;
  background-color: transparent;
}
.pf-button.filled.green {
  color: #fff;
  background-color: #50d73f;
  border-color: #50d73f;
}
.pf-button.filled.green:hover {
  color: #50d73f;
  background-color: transparent;
}
.pf-button.filled.gray {
  color: #fff;
  background-color: #a5abb3;
  border-color: #a5abb3;
}
.pf-button.filled.gray:hover {
  color: #a5abb3;
  background: transparent;
}
.pf-button.filled.indigo {
  color: #fff;
  background-color: #5c6ac4;
  border-color: #5c6ac4;
}
.pf-button.filled.indigo:hover {
  color: #5c6ac4;
  background: transparent;
}
.pf-button.filled.purple {
  color: #fff;
  background-color: #7f5cff;
  border-color: #7f5cff;
}
.pf-button.filled.purple:hover {
  color: #7f5cff;
  background: transparent;
}
.pf-button.filled.shopify-green {
  color: #fff;
  background-color: #298160;
  border-color: #298160;
}
.pf-button.filled.shopify-green:hover {
  color: #298160;
  background-color: transparent;
}
.pf-button.filled.alt-green {
  color: #fff;
  background-color: #29cd8c;
  border-color: #29cd8c;
}
.pf-button.filled.alt-green:hover {
  color: #29cd8c;
  background-color: transparent;
}
.pf-button.filled.transparent {
  color: #a5abb3;
  background: none;
}
.pf-button.filled.transparent:hover {
  color: rgb(137.3493975904, 145.1927710843, 155.6506024096);
  border: 1px solid rgb(137.3493975904, 145.1927710843, 155.6506024096);
}
.pf-button.filled.black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.pf-button.filled.black:hover {
  color: #000;
  background-color: transparent;
}
.pf-button.filled.white {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}
.pf-button.filled.white:hover {
  color: #fff;
  background-color: #000;
}
.pf-button.outline.blue {
  color: #14a5ff;
  background-color: transparent;
  border-color: #14a5ff;
}
.pf-button.outline.blue:hover {
  color: #fff;
  background-color: #14a5ff;
}
.pf-button.outline.red {
  color: #ff4c6a;
  background-color: transparent;
  border-color: #ff4c6a;
}
.pf-button.outline.red:hover {
  color: #fff;
  background-color: #ff4c6a;
}
.pf-button.outline.yellow {
  color: #ffa100;
  background-color: transparent;
  border-color: #ffa100;
}
.pf-button.outline.yellow:hover {
  color: #fff;
  background-color: #ffa100;
}
.pf-button.outline.green {
  color: #50d73f;
  background-color: transparent;
  border-color: #50d73f;
}
.pf-button.outline.green:hover {
  color: #fff;
  background-color: #50d73f;
}
.pf-button.outline.gray {
  color: #a5abb3;
  background-color: transparent;
  border-color: #a5abb3;
}
.pf-button.outline.gray:hover {
  color: #fff;
  background-color: #a5abb3;
}
.pf-button.outline.indigo {
  color: #5c6ac4;
  background-color: transparent;
  border-color: #5c6ac4;
}
.pf-button.outline.indigo:hover {
  color: #fff;
  background: #5c6ac4;
}
.pf-button.outline.purple {
  color: #7f5cff;
  background-color: transparent;
  border-color: #7f5cff;
}
.pf-button.outline.purple:hover {
  color: #fff;
  background: #7f5cff;
}
.pf-button.outline.black {
  color: #000;
  background-color: #fff;
  border-color: #000;
}
.pf-button.outline.black:hover {
  color: #fff;
  background-color: #000;
}
.pf-button.outline.white {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}
.pf-button.outline.white:hover {
  color: #000;
  background-color: #fff;
}
.pf-button.xxs {
  font-size: 12px;
  border-width: 1px;
  padding: 3px 6px;
  line-height: 14px;
}
.pf-button.xs {
  font-size: 13px;
  border-width: 1px;
  padding: 5px 10px;
}
.pf-button.sm {
  font-size: 14px;
  border-width: 1px;
  line-height: 20px;
  padding: 8px 16px;
}
.pf-button.md {
  font-size: 16px;
  border-width: 1px;
  line-height: 20px;
  padding: 12px 20px;
}
.pf-button.md2 {
  font-size: 16px;
  border-width: 1px;
  line-height: 16px;
  padding: 10px 20px;
  width: 180px;
}
.pf-button.lg {
  font-size: 18px;
  border-width: 1px;
  line-height: 20px;
  padding: 14px 24px;
}

button:focus,
.close:focus,
.close span:focus {
  outline: none;
}

.pf-options-button {
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 20px;
  text-align: center !important;
  border-radius: 50%;
  line-height: 32px;
  cursor: pointer;
  color: #000;
  transition: all 180ms;
}
.pf-options-button:hover {
  color: rgb(29, 155, 240);
  background: rgba(29, 155, 240, 0.1);
}
.pf-options-button ion-icon {
  padding-bottom: 0;
}

.Page {
  background: #ffffff;
  color: #4b4b4b;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  border: 0 solid #ffffff;
  padding: 20px;
  position: relative;
  margin-bottom: 80px;
}
.Page .Title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 30px;
}
.Page .Title._h2 {
  color: #798c99;
  font-size: 28px;
}
.Page .Subtitle {
  font-size: 18px;
  font-weight: 400;
  color: #909ea7;
  margin-bottom: 30px;
}
.Page .Subtitle._h2 {
  font-size: 16px;
}
.Page .Title + .Subtitle {
  margin-top: -20px;
}

.InstructionSteps {
  margin: 0 0 40px;
}
.InstructionSteps li {
  color: #909ea7;
  margin: 10px 0;
}

.InstructionStep__Text {
  margin-bottom: 20px;
}
.InstructionStep__Image {
  margin: 0;
}
.InstructionStep__Double {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1024px) {
  .InstructionStep__Double {
    grid-template-columns: 2fr 1fr;
  }
}
@media screen and (max-width: 730px) {
  .InstructionStep__Double {
    grid-template-columns: minmax(0, 1fr);
  }
}

.Screenshot {
  display: block;
  width: 100%;
  max-width: 600px;
  border-radius: 8px;
  margin: 0 auto;
}

.PreviewBlock {
  height: 100%;
}
.PreviewBlock__Title {
  display: none;
}
.PreviewBlock__Box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  min-width: 420px;
  z-index: 0;
  margin: 0 auto;
}

.Resolve,
a.Resolve {
  background: var(--color-danger);
  padding: 5px 10px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  margin: 5px;
  transition: 0.2s;
  border: 0;
}
.Resolve:hover,
a.Resolve:hover {
  background: #ff2b4e;
  color: #fff;
}
.Resolve._warn,
a.Resolve._warn {
  background: var(--color-warning);
}
.Resolve._warn:hover,
a.Resolve._warn:hover {
  background: #e69100;
}
.Resolve._primary,
a.Resolve._primary {
  background: var(--color-primary);
}
.Resolve._primary:hover,
a.Resolve._primary:hover {
  background: #1567d3;
}

.old .CampaignNavigation-Item {
  position: relative;
  transition: 0.2s;
}
.old .CampaignNavigation-Item::after {
  content: "";
  position: absolute;
  height: calc(100% - 20px - 10px);
  width: 2px;
  left: 11px;
  top: 39px;
  background: var(--campaign-navigation-color);
}
.old .CampaignNavigation-Item:last-child::after {
  display: none;
}
.old .CampaignNavigation-Link {
  display: flex;
  font-size: 15px;
  text-decoration: none;
  padding: 12px 0;
  transition: 0.2s;
}
.old .CampaignNavigation-Link:hover {
  text-decoration: none;
}
.old .CampaignNavigation-Counter {
  flex: 24px;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--campaign-navigation-color);
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
  transition: 0.2s;
}
.old .CampaignNavigation-Label {
  flex: 100%;
  color: #000;
  transition: 0.2s;
}
.old .CampaignNavigation-New-Feature {
  font-size: 10px;
  font-weight: bold;
  border-radius: 10px;
  background: #50d73f;
  color: #ffffff;
  padding: 0 8px;
  height: 18px;
  line-height: 18px;
  text-transform: uppercase;
}
.old .CampaignNavigation-Required-Asterisk {
  color: #f00 !important;
  font-weight: bold;
}
.old .CampaignNavigation-Tooltip {
  display: inline-block;
  background: #0095f7;
  position: relative;
  color: #ffffff;
}
.old .CampaignNavigation-SubMenu {
  padding-left: 30px;
  padding-bottom: 10px;
}
.old .CampaignNavigation-SubItem {
  margin: 10px 0;
}
.old .CampaignNavigation-SubItem:first-child {
  margin-top: 0;
}
.old .CampaignNavigation-SubItem:last-child {
  margin-bottom: 0;
}
.old .CampaignNavigation-SubLink {
  font-size: 12px;
  line-height: 18px;
}
.old .CampaignNavigation-SubLink:hover {
  text-decoration: none;
}
.old .CampaignNavigation-SubLabel {
  color: #7c8c98;
  display: block;
  transition: color 0.2s;
}
.old .CampaignNavigation-SubLabel:hover {
  color: var(--color-primary);
}
.old .CampaignNavigation-Item:hover .CampaignNavigation-Counter {
  background: var(--color-primary);
}
.old .CampaignNavigation-Item:hover .CampaignNavigation-Label {
  color: var(--color-primary);
}
.old .CampaignNavigation-Item:hover::after {
  background: var(--campaign-navigation-color);
}
.old .CampaignNavigation-Item._current .CampaignNavigation-Counter {
  background: var(--color-primary);
}
.old .CampaignNavigation-Item._current .CampaignNavigation-Label {
  color: var(--color-primary);
}
.old .CampaignNavigation-Item._current::after {
  background: var(--campaign-navigation-color);
}
.old .CampaignNavigation-Item._done .CampaignNavigation-Counter {
  background: #333;
}
.old .CampaignNavigation-Item._done .CampaignNavigation-Label {
  color: #333;
}
.old .CampaignNavigation-Item._done:hover .CampaignNavigation-Counter {
  background: var(--color-primary);
}
.old .CampaignNavigation-Item._done:hover .CampaignNavigation-Label {
  color: var(--color-primary);
}
.old .CampaignNavigation-Item._done::after {
  background: #333;
}

.CampaignNavigation {
  counter-reset: navigation;
}
.new .CampaignNavigation-Item {
  position: relative;
  transition: 0.2s;
  counter-increment: navigation;
}
.new .CampaignNavigation-Item:hover .CampaignNavigation-Counter {
  background: var(--color-primary);
}
.new .CampaignNavigation-Item:hover .CampaignNavigation-Label {
  color: var(--color-primary);
}
.new .CampaignNavigation-Item::after {
  content: "";
  position: absolute;
  height: calc(100% - 20px - 10px);
  width: 2px;
  left: 10px;
  top: 44px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out;
}
.new .CampaignNavigation-Item._step-line_visible::after {
  visibility: visible;
  opacity: 1;
}
.new .CampaignNavigation-Item:last-child::after {
  display: none;
}
.new .CampaignNavigation-Link {
  display: flex;
  align-items: center;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s;
  justify-content: center;
  height: 58px;
}
.new .CampaignNavigation-Link:hover {
  text-decoration: none;
}
.new .CampaignNavigation-Link._expanded {
  justify-content: flex-start;
}
.new .CampaignNavigation-Counter {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px;
}
.new .CampaignNavigation-Counter ion-icon {
  font-size: 16px;
}
.new .CampaignNavigation-Counter._expanded {
  margin: 0 10px 0 0;
}
.new .CampaignNavigation-Label {
  display: flex;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}
.new .CampaignNavigation-New-Feature {
  font-size: 10px;
  font-weight: bold;
  border-radius: 10px;
  background: #50d73f;
  color: #ffffff;
  padding: 0 8px;
  height: 18px;
  line-height: 18px;
  text-transform: uppercase;
}
.new .CampaignNavigation-Required-Asterisk {
  color: #f00 !important;
  font-weight: bold;
  margin-left: 5px;
}
.new .CampaignNavigation-Tooltip {
  display: inline-block;
  background: #0095f7;
  position: relative;
  color: #ffffff;
  z-index: 999;
}
.new .CampaignNavigation-SubMenu {
  padding-bottom: 10px;
}
.new .CampaignNavigation-SubItem {
  margin: 10px 0;
}
.new .CampaignNavigation-SubItem:first-child {
  margin-top: 0;
}
.new .CampaignNavigation-SubItem:last-child {
  margin-bottom: 0;
}
.new .CampaignNavigation-SubLink {
  font-size: 12px;
  line-height: 18px;
}
.new .CampaignNavigation-SubLink:hover {
  text-decoration: none;
}
.new .CampaignNavigation-SubLabel {
  color: #7c8c98;
  display: block;
  transition: color 0.2s;
}
.new .CampaignNavigation-SubLabel:hover {
  color: var(--color-primary);
}
.new .CampaignNavigation-Item._current .CampaignNavigation-Counter {
  background: var(--color-primary);
}
.new .CampaignNavigation-Item._current .CampaignNavigation-Counter ion-icon {
  display: none;
}
.new .CampaignNavigation-Item._current .CampaignNavigation-Counter::after {
  content: counter(navigation);
}
.new .CampaignNavigation-Item._current .CampaignNavigation-Label {
  color: var(--color-primary);
}
.new .CampaignNavigation-Item._current::after {
  background: var(--campaign-navigation-color);
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item .CampaignNavigation-Counter {
  background: var(--campaign-navigation-color);
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item .CampaignNavigation-Counter ion-icon {
  display: none;
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item .CampaignNavigation-Counter::after {
  content: counter(navigation);
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item .CampaignNavigation-Label {
  color: #333;
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item::after {
  background: var(--campaign-navigation-color);
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item:hover .CampaignNavigation-Counter {
  background: var(--color-primary);
}
.new .CampaignNavigation-Item._current ~ .CampaignNavigation-Item:hover .CampaignNavigation-Label {
  color: var(--color-primary);
}
.new .CampaignNavigation-Item._error .CampaignNavigation-Counter {
  background: #f8646f !important;
}
.new .CampaignNavigation-Item._error .CampaignNavigation-Counter::after {
  content: "" !important;
}
.new .CampaignNavigation-Item._error .CampaignNavigation-Counter ion-icon {
  display: none;
}
.new .CampaignNavigation-Item._error .CampaignNavigation-Label {
  color: #f8646f !important;
}
.new .CampaignNavigation-Item._error ._local-label {
  color: #f8646f !important;
}

.CampaignSection-Header {
  min-height: 52px;
  border-top: 1px solid var(--separator);
  border-bottom: 1px solid var(--separator);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: column;
  text-align: center;
  padding: 15px 20px;
}
@media screen and (min-width: 576px) {
  .CampaignSection-Header {
    padding: 10px 20px;
    text-align: left;
    flex-flow: row;
  }
}
.CampaignSection-Body {
  padding: 20px;
}
.CampaignSection .CampaignSection-Title {
  color: #555;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
}
.CampaignSection-Subtitle {
  color: var(--color-secondary-alt);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 5px 0 0;
}
@media screen and (min-width: 576px) {
  .CampaignSection-Subtitle {
    margin: 0 auto 0 10px;
  }
}
.CampaignSection-Button {
  margin: 10px 0 0;
}
@media screen and (min-width: 576px) {
  .CampaignSection-Button {
    margin: 0;
  }
}

.CampaignSections {
  margin: -5px;
}
@media screen and (min-width: 576px) {
  .CampaignSections {
    margin: -20px;
  }
}

.PluginList {
  width: 100%;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 20px;
}
@media screen and (max-width: 992px) {
  .PluginList {
    grid-template-columns: repeat(1, 1fr);
  }
}
.PluginList._popups {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1200px) {
  .PluginList._popups {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .PluginList._popups {
    grid-template-columns: repeat(1, 1fr);
  }
}

.PluginItem {
  height: 100%;
}
.PluginItem-Box {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ebeef2;
  transition: 0.2s, padding-bottom 0s;
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .PluginItem-Box {
    min-width: 260px;
  }
}
.PluginItem-Box._active {
  box-shadow: 3px 3px 0 0 #14a5ff;
  border-color: #14a5ff;
}
.PluginItem-Box._is-popup {
  padding: 20px 10px;
}
.PluginItem-Box._active .PluginItem-Preview {
  opacity: 1;
}
.PluginItem-Box._active .PluginItem-Title {
  color: #14a5ff;
}
.PluginItem-Box._active .PluginItem-Description {
  margin-bottom: 0;
  color: #555;
}
.PluginItem-Box._active .PluginItem-Indicator {
  color: #50d73f;
}
.PluginItem-Preview {
  z-index: 0;
  display: none;
  opacity: 0.8;
  transition: 0.2s;
}
@media screen and (min-width: 576px) {
  .PluginItem-Preview {
    display: block;
    position: relative;
  }
}
.PluginItem-Preview._wheel, .PluginItem-Preview._coupon {
  margin: 0 auto;
  pointer-events: none;
  cursor: default;
  width: 260px;
  height: 182px;
}
.PluginItem-PreviewWheel {
  display: block;
  transform-origin: 0 0;
  transform: scale(0.217);
  width: 1200px;
  height: 840px;
}
.PluginItem-PreviewWheel iframe {
  transform: unset !important;
  height: 100% !important;
}
.PluginItem-PreviewCoupon {
  display: block;
  transform: scale(0.325);
  transform-origin: 0 0;
  width: 800px;
  height: 560px;
}
.PluginItem-PreviewCoupon iframe {
  transform: scale(1);
}
.PluginItem-PreviewBox {
  position: relative;
  margin: 20px auto;
  overflow: hidden;
  text-align: left;
}
@media screen and (max-width: 1124px) and (min-width: 992px) {
  .PluginItem-PreviewBox._notification {
    transform-origin: 0 0;
  }
}
.PluginItem-PremiumLabel {
  background: #ffa100;
  color: #ffffff;
  position: absolute;
  top: 25px;
  right: -45px;
  padding: 4px 60px;
  text-transform: uppercase;
  transform: rotateZ(45deg);
}
@media screen and (max-width: 1300px) {
  .PluginItem-PremiumLabel {
    top: 25px;
    right: -40px;
    padding: 2px 60px;
  }
}
.PluginItem .PluginItem-Title {
  color: #798c99;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 0 5px;
}
.PluginItem-Description {
  color: #798c99;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 10px;
}
.PluginItem-Description._premium {
  padding: 0 50px;
}
@media screen and (max-width: 1024px) {
  .PluginItem-Description._premium {
    padding: 0 30px;
  }
}
.PluginItem-Buttons {
  transition: opacity 0.2s;
}
.PluginItem-Buttons .Button {
  margin: 0 5px 5px;
  min-width: 125px;
}
@media screen and (min-width: 576px) {
  .PluginItem-Buttons .Button {
    width: auto;
  }
}
.PluginItem-Buttons .Button ion-icon {
  font-size: 22px;
  vertical-align: sub;
  margin-right: 3px;
}
.PluginItem-Buttons._locked {
  opacity: 0.2;
  pointer-events: none;
}
.PluginItem-Indicator {
  color: #ebeef2;
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  top: 10px;
  left: 10px;
}

@keyframes progress {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.shimmer-mh-160 {
  min-height: 160px;
}

.shimmer-mh-120 {
  min-height: 120px;
}

.shimmer-mh-225 {
  min-height: 225px;
}

.shimmer-mh-620 {
  min-height: 620px;
}

.shimmer-mw-100 {
  min-width: 100px;
}

.shimmer-line {
  animation: 2s ease-in-out infinite progress;
  background: 0 0/200px 100% no-repeat #eff1f6;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 14px;
  display: inline-block;
}
.shimmer-block {
  background: var(--separator);
}

.Logo {
  margin-right: 20px;
  cursor: default;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 36px;
  line-height: var(--header-height);
  font-weight: 500;
  text-transform: lowercase;
}
.Logo-Text {
  color: #bdc0c1;
  display: none;
}
.Logo-Text._highlighted {
  color: #3f80ec;
}
.Logo-Image {
  display: block;
  height: var(--header-height)-20px;
  margin-top: 10px;
}
.Logo-Image._one {
  height: 60px;
  margin-top: 0;
}

.ProgressBar {
  height: 16px;
  border-radius: 8px;
  background: rgba(1, 148, 247, 0.4);
  position: relative;
  overflow: hidden;
}
.ProgressBar-Value {
  width: 0;
  height: 100%;
  border-radius: 8px;
  background: #0095f7;
}
.ProgressBar-Value.over-limit {
  background: #ff4c6a;
}
.ProgressBar-Label {
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.PlanInfo {
  cursor: pointer;
  max-width: 130px;
  height: var(--header-height);
}
@media screen and (min-width: 1200px) {
  .PlanInfo {
    max-width: initial;
  }
}
.PlanInfo._credits {
  cursor: default;
  max-width: initial;
}
@media screen and (min-width: 1200px) {
  .PlanInfo._credits {
    max-width: initial;
  }
}
.PlanInfo-Text {
  color: #19293d;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  transition: 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .PlanInfo-Text {
    font-size: 12px;
  }
}
.PlanInfo:hover .PlanInfo-Text {
  color: #0095f7;
}
.PlanInfo._visitors-over-limit {
  height: fit-content;
}
.PlanInfo.plan-over-limit {
  height: fit-content;
  padding: 5px 20px;
}
@media screen and (max-width: 1300px) {
  .PlanInfo.plan-over-limit {
    padding: 0;
  }
}
.PlanInfo._overLimit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  max-width: none;
  white-space: nowrap;
  padding: 2px 10px;
  color: #ffc107;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}
.PlanInfo._overLimit button {
  margin-left: 15px;
  font-size: 14px;
  padding: 2px 10px !important;
  color: #fff;
  background: #f54866;
}
.PlanInfo._overLimit button:hover {
  background: #f66880;
}
@media screen and (max-width: 1100px) {
  .PlanInfo._overLimit button {
    margin-left: 10px;
    font-size: 12px;
    padding: 2px 8px !important;
  }
}
@media screen and (max-width: 1380px) {
  .PlanInfo._overLimit ._error-wide {
    font-size: 13px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 900px) {
  .PlanInfo._overLimit ._error-wide {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .PlanInfo._overLimit ._error-wide {
    display: none;
  }
}
.PlanInfo._overLimit ._error-icon {
  display: none;
  font-size: 33px;
}
@media screen and (max-width: 1300px) and (min-width: 900px) {
  .PlanInfo._overLimit ._error-icon {
    display: inline-block;
  }
}
@media screen and (max-width: 500px) {
  .PlanInfo._overLimit ._error-icon {
    display: inline-block;
  }
}
@media screen and (max-width: 1100px) {
  .PlanInfo._overLimit ._error-icon {
    font-size: 25px;
  }
}
.PlanInfo-Credits {
  font-size: 12px;
  display: grid;
  height: 100%;
  white-space: nowrap;
  grid-template-columns: 1fr;
}
.PlanInfo-Credits._one-col {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1300px) and (min-width: 900px) {
  .PlanInfo-Credits {
    grid-template-columns: auto;
  }
}
@media screen and (max-width: 900px) {
  .PlanInfo-Credits {
    justify-content: center;
    grid-template-columns: 90px;
  }
}
@media screen and (max-width: 380px) {
  .PlanInfo-Credits {
    gap: 0 5px;
    grid-template-columns: 1fr;
  }
}
.PlanInfo-Credits._expandable {
  position: relative;
}
.PlanInfo-Credits._expandable one-active-campaign-dropdown {
  position: absolute;
  top: 100%;
  left: -151px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.PlanInfo-Credits._expandable:hover one-active-campaign-dropdown {
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  opacity: 1;
}
.PlanInfo-Credits-Cell {
  justify-self: center;
  align-self: center;
  padding: 10px 5px;
}
.PlanInfo-Credits-Cell:not(._cursor-default) {
  cursor: pointer;
}
.PlanInfo-Credits-Cell._cursor-default {
  cursor: default;
}
@media screen and (max-width: 1300px) and (min-width: 900px) {
  .PlanInfo-Credits-Cell {
    padding: 2px 10px;
  }
}
.PlanInfo-Credits-Cell:not(._cursor-default):hover .PlanInfo-Credits-Label {
  color: var(--color-primary);
}
.PlanInfo-Credits-Cell._multiline {
  padding: 5px;
}
.PlanInfo-Credits-Cell._multiline .PlanInfo-Credits-Label {
  white-space: break-spaces;
  line-height: 0.9rem;
  font-size: 12px;
}
.PlanInfo-Credits-Label {
  font-size: 13px;
  text-align: center;
  color: #000;
}
.PlanInfo-Credits-Value {
  text-align: center;
  color: #333;
}
.PlanInfo-Credits-Value svg {
  margin-top: -1px;
}
@media screen and (max-width: 1280px) and (min-width: 900px) {
  .PlanInfo-Credits-Value:not(._nohover):hover {
    color: var(--color-primary);
  }
}
@media screen and (max-width: 380px) {
  .PlanInfo-Credits-Value:not(._nohover):hover {
    color: var(--color-primary);
  }
}

.CodeValue {
  margin-bottom: 20px;
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 768px) {
  .CodeValue {
    flex-flow: row nowrap;
  }
}
.CodeValue + .CodeValue {
  margin-top: -15px;
}
.CodeValue-Code {
  padding: 10px 20px;
  border: 1px solid transparent;
  background: #f9f9f9;
  font-size: 12px;
  line-height: 20px;
}
.CodeValue-Code pre {
  margin-bottom: 0;
  color: #e83e8c;
  font-size: inherit;
  line-height: inherit;
}
@media screen and (min-width: 768px) {
  .CodeValue-Code {
    flex: 1;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.CodeValue-Value, .CodeValue-Error {
  border: 1px solid var(--separator);
  border-top: 4px solid var(--color-primary);
  padding: 10px 20px;
  box-shadow: 2px 2px 0 0 rgba(var(--separator), 0.25);
  font-size: 14px;
  line-height: 20px;
  color: #788189;
}
@media screen and (min-width: 768px) {
  .CodeValue-Value {
    flex: 1;
    border: 1px solid var(--separator);
    border-left: 4px solid var(--color-primary);
  }
}
.CodeValue-Error {
  flex: 100%;
  border: 1px solid var(--separator);
  border-top: 4px solid var(--color-danger);
  color: var(--color-danger);
}

.PluginTitle-Box {
  flex: 0 0 240px;
  text-transform: uppercase;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.PluginTitle-Icon {
  height: 48px;
  width: auto;
  margin-right: 5px;
}
.PluginTitle-Text {
  font-size: 22px;
  line-height: 24px;
  color: #333;
  font-weight: 500;
  margin: 0;
}
.PluginTitle-Text > small {
  display: block;
  font-size: 15px;
  line-height: 17px;
  color: #a5abb3;
  font-weight: 500;
}
.PluginTitle-Description {
  font-size: 14px;
  line-height: 20px;
  color: #acb0b4;
  margin-top: 5px;
}
.PluginTitle._small .PluginTitle-Icon {
  height: 32px;
}
.PluginTitle._small .PluginTitle-Text {
  font-size: 16px;
  line-height: 17px;
}
.PluginTitle._small .PluginTitle-Text > small {
  font-size: 13px;
  line-height: 14px;
}
.PluginTitle._xsmall .PluginTitle-Icon {
  display: none;
}
.PluginTitle._xsmall .PluginTitle-Text {
  font-size: 12px;
  line-height: 17px;
}
.PluginTitle._xsmall .PluginTitle-Text > small {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #000;
  text-transform: capitalize;
  text-align: center;
}

.ContentHeader {
  background: #f8f9fa;
  margin: -20px -20px 20px;
  padding: 20px;
  border-bottom: 1px solid #f4f6f7;
}
.ContentHeader-Title {
  font-size: 15px;
  color: #555;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}

.Card {
  border-radius: 5px;
  border: 1px solid var(--separator);
  background: var(--white);
  padding: 24px;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  margin-bottom: var(--page-padding);
}
.Card._scroll-x {
  overflow-x: auto;
}
.Card-Head {
  min-height: 65px;
}
.Card-Head._flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.Card-Head._grid {
  padding: 10px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.Card-Head._larger {
  padding: 24px;
}
.Card-SubHead {
  margin: 0 -24px;
  padding: 15px 24px;
  border-bottom: 1px solid #ebeef2;
}
.Card-SubHead._no-title {
  padding: 0 !important;
  overflow: visible !important;
  border-bottom: none;
}
.Card-Body {
  padding-top: 24px;
}
.Card-Section {
  margin: 0 -24px;
  padding: 24px;
}
.Card-Section + .Card-Section {
  border-top: 1px solid #ebeef2;
}
.Card-Foot {
  margin: 0 -24px -15px;
  padding: 24px;
  border-top: 1px solid #ebeef2;
}
.Card-Footer {
  margin: 0 -24px -15px;
  padding: 24px;
  border-top: 1px solid #ebeef2;
  margin-top: 24px;
}

.Mat-SideMenu {
  margin-bottom: 20px;
  display: none;
}
@media screen and (max-width: 600px) {
  .Mat-SideMenu {
    display: block;
  }
}
.Mat-SideMenu-Button {
  width: 100%;
  text-align: center;
}
.Mat-SideMenu-Button:focus {
  outline: none;
}
.Mat-SideMenu-Dropdown {
  width: calc(100vw - 80px);
  max-width: initial !important;
}
.Mat-SideMenu-Item.mat-menu-item {
  text-align: center;
}
.Mat-SideMenu-Item:focus {
  outline: none;
}
.Mat-SideMenu-Counter {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--campaign-navigation-color);
  color: #fff;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
}
.Mat-SideMenu-Label {
  display: inline-block;
  min-width: 110px;
  text-align: left;
  color: var(--campaign-navigation-color);
}
.Mat-SideMenu-Item._done .Mat-SideMenu-Counter {
  background: var(--color-success);
  color: #fff;
}
.Mat-SideMenu-Item._done .Mat-SideMenu-Label {
  color: var(--color-success);
}
.Mat-SideMenu-Item._active .Mat-SideMenu-Counter {
  background: var(--color-primary);
  color: #fff;
}
.Mat-SideMenu-Item._active .Mat-SideMenu-Label {
  color: var(--color-primary);
}
.Mat-SideMenu .Button {
  margin: 0;
  min-width: 125px;
}
@media screen and (min-width: 576px) {
  .Mat-SideMenu .Button {
    width: auto;
  }
}
.Mat-SideMenu .Button ion-icon {
  font-size: 22px;
  vertical-align: sub;
  margin-right: 3px;
}

.Capture-Content {
  background-color: #fff;
}
.Capture-Cards {
  padding: 20px 30px;
  box-shadow: 0 2px 8px rgba(15, 38, 52, 0.08);
}
.Capture-Cards p {
  margin-bottom: 24px;
}
.Capture-Title {
  padding: 10px 16px;
  color: #009dff;
  font-weight: 600;
  line-height: 24px;
  border-left: 4px solid #009dff;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin: 0;
}
.CaptureHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 24px 40px;
}
@media only screen and (max-width: 991.98px) {
  .CaptureHeader {
    flex-flow: row wrap;
  }
}
.CaptureHeader-Cell {
  flex: 1 1 auto;
}
.CaptureHeader-Cell._img {
  padding-right: 25px;
  flex: 0 1 auto;
}
.CaptureHeader-Cell._img img {
  width: 80px;
}
@media only screen and (max-width: 991.98px) {
  .CaptureHeader-Cell._img {
    flex: 0 1 110px;
  }
}
@media only screen and (max-width: 469.98px) {
  .CaptureHeader-Cell._img {
    flex: 1 1 auto;
    text-align: center;
  }
}
.CaptureHeader-Cell._title {
  padding-right: 30px;
}
.CaptureHeader-Cell._title h2 {
  color: #000;
  font-size: 22px;
}
@media only screen and (max-width: 991.98px) {
  .CaptureHeader-Cell._title {
    flex: 0 1 calc(100% - 110px);
    padding-right: 0;
  }
}
@media only screen and (max-width: 469.98px) {
  .CaptureHeader-Cell._title {
    flex: 1 1 auto;
  }
  .CaptureHeader-Cell._title h2 {
    text-align: center;
  }
}
.CaptureHeader-Cell._title p {
  margin-bottom: 0;
}
.CaptureHeader-Cell._button {
  text-align: right;
}
.CaptureHeader-Cell._button .pf-button {
  width: 110px;
  height: 40px;
  line-height: 16px;
}
@media only screen and (max-width: 991.98px) {
  .CaptureHeader-Cell._button {
    text-align: left;
    padding-left: 110px;
  }
}
@media only screen and (max-width: 469.98px) {
  .CaptureHeader-Cell._button {
    text-align: center;
    padding-left: 0;
  }
}
.CaptureDivider {
  font-size: 18px;
  color: #333333;
  font-weight: 500;
  background: #f5f5f5;
  border-top: 1px solid #ebeef2;
  padding: 10px 20px;
  margin: 15px -20px;
}
.CaptureCards-List {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 240px);
  border-radius: 2px;
}
@media only screen and (max-width: 1199.98px) {
  .CaptureCards-List {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991.98px) {
  .CaptureCards-List {
    grid-template-columns: 1fr;
  }
}
.CaptureCard {
  display: flex;
  flex-flow: column nowrap;
  min-height: 270px;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid rgb(217, 220, 222);
  box-shadow: 0 2px 8px rgba(15, 38, 52, 0.08);
}
.CaptureCard:hover {
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
  border: 1px solid transparent;
}
.CaptureCard-Image {
  height: 50px;
}
.CaptureCard-Image img {
  max-width: 48px;
}
.CaptureCard-Head {
  width: 100%;
  text-align: left;
  font-size: 22px;
  color: #333;
  margin: 16px 0 6px;
  font-weight: 600;
}
@media only screen and (max-width: 1199.98px) {
  .CaptureCard-Head {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991.98px) {
  .CaptureCard-Head {
    font-size: 18px;
  }
}
.CaptureCard-Body {
  width: 100%;
  text-align: left;
  line-height: 21px;
}
.CaptureCard-Footer {
  width: 100%;
  margin-top: auto;
  text-align: center;
}
.CaptureCard-Footer .pf-button {
  width: 160px;
  height: 32px;
  line-height: 14px;
}

.CardTitle {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #555555;
  padding: 15px 20px;
  background: #f8f9fa;
  border-bottom: 1px solid #e4e8eb;
  border-top: 1px solid #e4e8eb;
}
.Card .CardTitle {
  margin-right: -20px;
  margin-left: -20px;
}
.Card-Body .CardTitle:first-child {
  margin-top: -20px;
}

.CardField {
  padding: 10px 0;
  border-bottom: 1px solid var(--separator);
}
.Card .CardField {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 -20px;
}

.LanguageGrid {
  display: grid;
  grid-template-columns: 180px 1fr 1fr 170px;
  grid-gap: 20px;
  justify-content: space-between;
  justify-items: center;
  align-items: center;
  padding: 20px 0;
  color: #4b4b4b;
}
@media screen and (max-width: 1400px) {
  .LanguageGrid {
    grid-template-columns: 1fr 1fr 170px;
  }
}
@media screen and (max-width: 1200px) {
  .LanguageGrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .LanguageGrid {
    grid-template-columns: 1fr;
  }
}
.LanguageGrid-Item {
  text-align: center;
  align-self: center;
}
.LanguageGrid-Item._preview {
  justify-self: stretch;
  align-self: center;
}
@media screen and (max-width: 1200px) {
  .LanguageGrid-Item._preview {
    grid-column: span 2;
    justify-self: center;
  }
}
@media screen and (max-width: 768px) {
  .LanguageGrid-Item._preview {
    grid-column: span 1;
  }
}
@media screen and (max-width: 600px) {
  .LanguageGrid-Item._preview {
    transform: scale(0.7);
  }
}
@media screen and (max-width: 1400px) {
  .LanguageGrid-Item._label {
    text-align: left;
    width: 100%;
    grid-column: span 1;
  }
}
@media screen and (max-width: 1200px) {
  .LanguageGrid-Item._label {
    text-align: center;
    grid-column: span 2;
  }
}
@media screen and (max-width: 768px) {
  .LanguageGrid-Item._label {
    grid-column: span 1;
  }
}
.LanguageGrid-Item._body {
  justify-self: end;
}
@media screen and (max-width: 1200px) {
  .LanguageGrid-Item._body {
    justify-self: center;
  }
}
.LanguageGrid-Item._changelist {
  justify-self: stretch;
}

.LanguagePlugin {
  margin: 0 -20px;
  padding: 20px;
  border-bottom: 1px solid var(--separator);
}
.LanguagePlugin-Name {
  font-size: 14px;
  line-height: 20px;
  color: #647d9e;
  text-transform: uppercase;
  font-weight: 700;
}
.LanguagePlugin-Preview {
  position: relative;
  width: 100%;
  z-index: 0;
}
.LanguagePlugin-Preview._coupon, .LanguagePlugin-Preview._wheel {
  width: 360px;
  height: 252px;
  overflow: hidden;
}
.LanguagePlugin-Preview._wheel iframe {
  transform: unset !important;
  height: 100% !important;
}

.CampaignReviewPluginPreviewWheel {
  background-color: red;
}
.CampaignReviewPluginPreviewWheel iframe {
  transform: unset !important;
  height: 100% !important;
}

.LanguageChangelist {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}
.LanguageChangelist-Item {
  margin: 10px 0;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  display: flex;
}
.LanguageChangelist-Before {
  width: 50%;
  text-align: right;
  padding-right: 15px;
}
.LanguageChangelist-After {
  width: 50%;
  text-align: left;
  padding-left: 15px;
  position: relative;
  color: var(--color-success);
}
.LanguageChangelist-After::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -3.5px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-left-color: #d3d6db;
  border-left-width: 7px;
  border-right-width: 0;
}

.FormField {
  margin: 0 -20px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #f5f5f5;
}
.FormField-Label {
  margin: 0;
  max-width: 50%;
  min-height: 41px;
  padding: 10px 0;
  color: #4b4b4b;
  font-size: 14px;
  line-height: 20px;
}
.FormField-Control {
  width: 250px;
  max-width: 50%;
}
.FormField-Control._tiny {
  width: 50px;
  padding: 5px;
  text-align: center;
}
.FormField._first {
  border-top: 0;
}
.FormField._inline {
  flex-wrap: wrap;
  justify-content: start;
}
.FormField._inline > * {
  margin-right: 6px;
}

.inside-label {
  position: relative;
}
.inside-label label {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 2px 1px #fff;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  margin: 0;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  top: -10px;
  left: 5px;
  padding: 0 5px;
  z-index: 1;
}

.DesignField {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(146, 162, 173, 0.2);
}
.DesignField._title {
  border-top: 1px solid #e6edf3;
  background: rgba(230, 240, 249, 0.4784313725);
  color: #405d75;
  font-weight: 500;
}
.DesignField .block-subtitle {
  background: #fafdff;
  border-bottom: 1px solid #eef5fb;
  border-top: 1px solid #e6edf3;
  color: #67839b;
  margin: 0 -20px;
  padding: 10px 20px;
}
.DesignField-Label {
  line-height: 20px;
  font-size: 14px;
  color: #4b4b4b;
  font-weight: 600;
  margin: 0;
}
.DesignField-Input {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 160px;
}
.DesignField-Input._extra-width {
  max-width: 195px;
}
.DesignField-Input.mat-mdc-select {
  padding: 8px;
}
.DesignField-Input._switchBox {
  text-align: right;
}
.DesignField-Input._switchBox pf-switch-box {
  display: inline-block;
}

.Range {
  display: flex;
  justify-content: space-between;
  align-items: center;
  appearance: none;
}
.Range-Input {
  appearance: none;
  margin-left: 10px;
  width: 110px;
}
.Range-Input:focus {
  outline: none;
}
.Range-Input:focus::-webkit-slider-thumb {
  outline: none;
}
.Range-Input::-webkit-slider-thumb {
  border: 1px solid rgba(148, 164, 186, 0.3);
  height: 16px;
  width: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  -webkit-appearance: none;
  margin: -3px 0 0;
}
.Range-Input::-moz-range-thumb {
  border: 1px solid rgba(148, 164, 186, 0.3);
  height: 16px;
  width: 16px;
  background: #ffffff;
  cursor: pointer;
  -moz-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  -webkit-appearance: none;
  margin: -3px 0 0;
}
.Range-Input::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #ebeef2;
  border-radius: 5px;
  border: 1px solid rgba(148, 164, 186, 0.2);
}
.Range-Input::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #ebeef2;
  border-radius: 5px;
  border: 1px solid rgba(148, 164, 186, 0.2);
}
.Range-Value {
  flex: 100%;
  text-align: right;
  font-size: 12px;
  color: #a2b0c3;
}

.pf-snackbar {
  background: #fff;
  box-shadow: 0 2px 12px 0 #b5b6b7;
  border-left: 4px solid #45cd8b;
  padding: 0 !important;
}
.pf-snackbar .snackbar-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 100%;
}
.pf-snackbar .snackbar-icon-container {
  display: flex;
  align-self: stretch;
  align-items: center;
  position: relative;
  padding: 16px 8px;
  background-color: #e7f8f1;
}
.pf-snackbar .snackbar-icon-container img {
  width: 32px;
  height: 32px;
}
.pf-snackbar .snackbar-text {
  color: #333;
  padding: 10px 16px;
}
.pf-snackbar .snackbar-text h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 6px 0;
}
.pf-snackbar .snackbar-text h4:empty {
  display: none;
}
.pf-snackbar .snackbar-text p {
  font-size: 15px;
  margin: 6px 0;
}
.pf-snackbar .snackbar-text p:empty {
  display: none;
}
.pf-snackbar .snackbar-close {
  font-size: 24px;
  line-height: 34px;
  width: 32px;
  height: 32px;
  text-align: center;
  margin: 0 0 auto auto;
  cursor: pointer;
  transform: rotate(0);
  transition: transform 180ms;
}
.pf-snackbar .snackbar-close:hover {
  transform: rotate(90deg);
}
.pf-snackbar .snackbar-close ion-icon {
  color: #828587;
}
.pf-snackbar .snackbar-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  width: 100%;
  background: rgba(0, 0, 0, 0.075);
}
.pf-snackbar .snackbar-progress-bar {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: width 300ms linear;
}
.pf-snackbar .snackbar-progress.hidden {
  display: none;
}
.pf-snackbar.success {
  border-left: 4px solid #45cd8b;
}
.pf-snackbar.success .snackbar-icon-container {
  background: #e7f8f1;
}
.pf-snackbar.error {
  border-left: 4px solid #f8646f;
}
.pf-snackbar.error .snackbar-icon-container {
  background: #ffe8ea;
}
.pf-snackbar.warning {
  border-left: 4px solid #fdbf0a;
}
.pf-snackbar.warning .snackbar-icon-container {
  background: #fff2d8;
}
.pf-snackbar.info {
  border-left: 4px solid #009dff;
}
.pf-snackbar.info .snackbar-icon-container {
  background: #eaf7ff;
}

.Blue-Snackbar {
  background: #7cb677;
}
.Blue-Snackbar .mat-simple-snackbar-action {
  border-radius: 6px;
  color: #7cb677;
  background: #fff;
}
.Blue-Snackbar.mat-snack-bar-container {
  color: #fff;
}
.Blue-Snackbar._ForCampaigns {
  max-width: 200px !important;
  min-width: 200px !important;
  min-height: 64px !important;
  margin: 20px !important;
}
.Blue-Snackbar._Sticked {
  margin-bottom: 0 !important;
}

.Green-Snackbar {
  background: rgba(124, 182, 119, 0.9);
  margin-top: 6px !important;
  margin-right: 6px !important;
  min-height: 70px !important;
  min-width: 300px !important;
}
.Green-Snackbar .mat-simple-snackbar-action {
  border-radius: 6px;
  color: rgb(80, 215, 63);
  background: #fff;
}
.Green-Snackbar.mat-snack-bar-container {
  padding: 6px 6px 12px;
  color: #fff;
}
.Green-Snackbar._ForCampaigns {
  max-width: 200px !important;
  min-width: 200px !important;
  min-height: 64px !important;
  margin: 20px !important;
}
.Green-Snackbar._Sticked {
  margin-bottom: 0 !important;
}

.PluginConfig {
  height: calc(100% - 10px);
  display: flex;
  flex-flow: row nowrap;
  border-radius: 6px;
  background: #f6f6f7;
}
.PluginConfig-Sticky-Header {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 10;
}
.PluginConfig-Sticky-Header .PluginConfig-Title {
  background-color: #f3f8fc;
}
.PluginConfig-Sticky-Header .PluginConfig-Tabs {
  background-color: #fff;
}
.PluginConfig-Control-Label._one-line {
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PluginConfig-Control-Input._full-width {
  width: 100% !important;
}
.PluginConfig-Control-Input._unset-width {
  width: unset !important;
}
.PluginConfig-Control-Input._black {
  color: black;
}
.PluginConfig-Control-Input._search {
  padding-right: 40px;
}
.PluginConfig .newsletter-preview-container,
.PluginConfig .info-popup-preview-container,
.PluginConfig .coupon-box-preview-container {
  display: flex;
  justify-content: center;
  position: relative;
  background: #f6f6f7;
}
.PluginConfig .newsletter-preview-container iframe,
.PluginConfig .info-popup-preview-container iframe,
.PluginConfig .coupon-box-preview-container iframe {
  position: absolute;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .PluginConfig._has-preview {
    max-height: none;
  }
}
@media screen and (max-width: 600px) {
  .PluginConfig._has-preview {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .PluginConfig._has-split-controls, .PluginConfig._has-preview {
    flex-flow: row wrap;
  }
}
.PluginConfig._has-split-controls + .PluginConfig, .PluginConfig._has-preview + .PluginConfig {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .PluginConfig._column {
    flex-flow: column;
  }
  .PluginConfig._column .PluginConfig-Preview {
    flex: 1 0 420px;
  }
}
.PluginConfig._column + .PluginConfig {
  margin-top: 20px;
}
.PluginConfig._has-split-view {
  margin: 0 -20px -30px;
}
@media screen and (max-width: 1024px) {
  .PluginConfig._has-split-view {
    flex-flow: row wrap;
  }
}
.PluginConfig._has-split-view + .PluginConfig {
  margin-top: 20px;
}
.PluginConfig._has-unlayer {
  margin: 0 -20px -20px;
}
.PluginConfig._one-col {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 -20px;
  border-radius: 6px;
}
.PluginConfig-ViewSwitch {
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
  width: 100px;
  height: 32px;
  border: 1px solid #727272;
  border-radius: 6px;
}
.PluginConfig-ViewSwitch-Item {
  display: inline-block;
  width: 50%;
  height: 100%;
  font-size: 23px;
  line-height: 29px;
  text-align: center;
  cursor: pointer;
  color: #a4abb3;
  background-color: rgba(0, 0, 0, 0);
  transition: all 180ms;
  border-radius: 6px 0 0 6px;
}
.PluginConfig-ViewSwitch-Item._active, .PluginConfig-ViewSwitch-Item:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.PluginConfig-ViewSwitch-Item:last-child {
  border-radius: 0 6px 6px 0;
  border-left: 1px solid #727272;
}
.PluginConfig._mobile-device {
  max-height: 835px;
}
@media screen and (max-width: 576px) {
  .PluginConfig._mobile-device {
    max-height: none;
  }
}
.PluginConfig._mobile-device .PluginConfig-Preview {
  min-height: 835px;
}

.PluginConfig-Select {
  position: relative;
}
@media screen and (max-width: 600px) {
  .PluginConfig-Select {
    display: block !important;
  }
}
.PluginConfig-Select._with_label {
  width: 65%;
}
.PluginConfig-Select select {
  height: 41px;
  width: 100%;
  border: 1px solid #bdc0c1;
  border-radius: 4px;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat;
  background-position-x: 99%;
  background-position-y: 7px;
}
.PluginConfig-Select select:focus {
  border: 1px solid #bdc0c1;
}
.PluginConfig-Select-Title {
  position: absolute;
  background: #fff;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  top: -9px;
  left: 5px;
  padding: 0 5px;
}

.PluginConfig-Tabs {
  display: grid;
  align-items: center;
  justify-items: stretch;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  margin: 0 -20px -2px;
}

.PluginConfig-Tab {
  padding: 13px 10px 12px;
  text-align: center;
  color: #798c99;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-top-color: #dadfe6;
  border-bottom-color: #14a5ff;
  box-shadow: inset 2px -2px 3px rgba(0, 0, 0, 0.3);
  transition: all 180ms;
}
.PluginConfig-Tab:not(._active):hover {
  color: #14a5ff;
}
.PluginConfig-Tab:not(._active):hover .PluginConfig-TabNumber {
  transform: scale(1.1);
  background: #14a5ff;
}
@media screen and (max-width: 400px) {
  .PluginConfig-Tab {
    white-space: unset;
    padding: 13px 5px 12px;
    font-size: 14px;
    align-self: stretch;
  }
}
.PluginConfig-Tab._active {
  color: #14a5ff;
  border-left: none;
  border-right: 2px solid;
  border-color: #14a5ff #14a5ff transparent;
  box-shadow: inset 2px -2px 3px rgba(0, 0, 0, 0);
}
.PluginConfig-Tab._active:last-child._active {
  border-left: 2px solid;
  border-right: none;
}
.PluginConfig-Tab._active .PluginConfig-TabNumber {
  background: #14a5ff;
}
.PluginConfig-TabNumber {
  color: #fff;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 12px;
  display: inline-flex;
  font-weight: normal;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 5px;
  transform: scale(1);
  background: #798c99;
  transition: all 180ms;
}

.newsletter-preview-container,
.fortune-wheel-preview-container,
.info-popup-preview-container,
.coupon-box-preview-container {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .newsletter-preview-container,
  .fortune-wheel-preview-container,
  .info-popup-preview-container,
  .coupon-box-preview-container {
    min-height: 400px;
  }
}

.PluginConfig-Controls {
  width: 100%;
  overflow: auto;
  padding: 0 20px;
}
.PluginConfig-Controls {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.PluginConfig-Controls::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.PluginConfig-Controls::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.PluginConfig-Controls::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .PluginConfig-Controls {
    min-height: 600px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px) {
  .PluginConfig-Controls {
    flex: 1 1 342px;
    overflow-x: visible;
    z-index: 1;
    opacity: 1;
  }
}
._has-split-controls .PluginConfig-Controls {
  width: 50%;
}
@media screen and (max-width: 768px) {
  ._has-split-controls .PluginConfig-Controls {
    width: 100%;
  }
}
._reduced-controls-width .PluginConfig-Controls {
  width: 30% !important;
}
@media screen and (max-width: 1200px) {
  ._reduced-controls-width .PluginConfig-Controls {
    width: 50% !important;
  }
}
._has-split-view .PluginConfig-Controls {
  width: 50% !important;
  min-height: 660px;
}
@media screen and (max-width: 1024px) {
  ._has-split-view .PluginConfig-Controls {
    width: 100% !important;
    max-height: none;
    min-height: auto;
  }
}
._half .PluginConfig-Controls {
  width: 500px;
}
@media screen and (max-width: 992px) {
  ._half .PluginConfig-Controls {
    width: 100%;
  }
}
._has-preview .PluginConfig-Controls {
  min-width: 430px;
  width: 100%;
}
._has-preview .PluginConfig-Controls._wide {
  flex: 1 0 40%;
}
@media screen and (max-width: 1280px) {
  ._has-preview .PluginConfig-Controls._wide {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px) {
  ._has-preview .PluginConfig-Controls {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  ._has-preview .PluginConfig-Controls {
    padding-left: 0;
  }
}
@media screen and (max-width: 992px) {
  ._has-preview .PluginConfig-Controls {
    width: 100%;
    max-height: none;
    min-height: auto;
  }
}
@media screen and (max-width: 600px) {
  ._has-preview .PluginConfig-Controls {
    min-width: auto;
  }
}
.PluginConfig-Controls._flex-column {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.PluginConfig-Controls._bdrr {
  border-right: 1px solid #f5f5f5;
}
.PluginConfig-Controls._bdrl {
  border-left: 1px solid #f5f5f5;
}
._max-height-none .PluginConfig-Controls {
  max-height: none;
}

.PluginConfig-Live-Preview .Button {
  white-space: nowrap;
}
.PluginConfig-Live-Preview .button_container {
  text-align: center;
  margin: 0 auto;
}

.PluginConfig-Live-Preview-Company-Off {
  font-size: 12px;
  font-weight: bold;
  border-radius: 10px;
  background: #ff4c6a;
  color: #ffffff;
  padding: 1px 8px;
  text-transform: uppercase;
}

.PluginConfig-InfoLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 500px) {
  .PluginConfig-InfoLine {
    flex-direction: column;
    margin-bottom: 0.75rem;
  }
  .PluginConfig-InfoLine p, .PluginConfig-InfoLine button {
    margin: 2px;
  }
}
.PluginConfig-InfoLine-Items {
  min-width: 45%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.PluginConfig-InfoLine-Title {
  flex: 1 1 auto;
}

.PluginConfig-InfoLine-Text {
  margin-bottom: 0;
  padding: 0 10px;
}
@media screen and (max-width: 500px) {
  .PluginConfig-InfoLine-Text {
    font-size: 14px;
  }
}

.PluginConfig-Preview {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1 0 60%;
  background: #f6f6f7;
}
.PluginConfig-Preview .PreviewSizeToggle {
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .PluginConfig-Preview {
    min-height: 750px;
    flex: 1 1 100%;
  }
  .PluginConfig-Preview iframe {
    transform: unset;
    position: static;
    left: unset;
    top: unset;
  }
}
@media screen and (max-width: 600px) {
  .PluginConfig-Preview {
    min-height: 750px;
  }
}
.PluginConfig-Preview._position-relative {
  position: relative;
}
.PluginConfig-Preview._switch-padding {
  padding-top: 44px;
}
.PluginConfig-Preview._has-pointer-events {
  pointer-events: auto;
}
.PluginConfig-Preview._stretch-content {
  flex: 1 0 60%;
  display: grid;
  grid-template-rows: 60px 1fr 50px;
}
@media screen and (max-width: 400px) {
  .PluginConfig-Preview._stretch-content {
    grid-template-rows: 60px 1fr auto;
  }
}
._has-split-view .PluginConfig-Preview {
  width: 50% !important;
  flex: 1 1 50%;
}
@media screen and (max-width: 1024px) {
  ._has-split-view .PluginConfig-Preview {
    flex: 1 1 100%;
    width: 100% !important;
  }
}
._increased-preview-width .PluginConfig-Preview {
  min-width: 60% !important;
  flex: 1 1 60%;
}
@media screen and (max-width: 1200px) {
  ._increased-preview-width .PluginConfig-Preview {
    min-width: 50% !important;
    flex: 1 1 50%;
  }
}
@media screen and (max-width: 1024px) {
  ._increased-preview-width .PluginConfig-Preview {
    min-height: 660px;
  }
}
.PluginConfig-Preview .preview-toggle-container {
  margin: 0 auto;
  z-index: 1;
}

.PluginConfig-Title {
  background: rgba(230, 240, 249, 0.4784313725);
  border-bottom: 1px solid #e6edf3;
  font-weight: 500;
  color: #405d75;
  margin: 0 -20px;
  padding: 10px 16px;
}
.PluginConfig-Title._for-grid {
  display: grid;
  padding: 0;
}
.PluginConfig-Title._for-grid._2col {
  grid-template-columns: 40% 60%;
}
.PluginConfig-Title._for-grid > * {
  padding: 10px 16px;
}
.PluginConfig-Title._for-grid > *:not(:first-child) {
  border-left: 1px solid #e6edf3;
}
.PluginConfig-Title._flex {
  display: flex;
  align-items: center;
}

.PluginConfig-Subtitle {
  position: relative;
  background: #fafdff;
  border-bottom: 1px solid #eef5fb;
  border-top: 1px solid #e6edf3;
  color: #67839b;
  margin: 0 -20px;
  padding: 10px 16px;
  transition: all 0.15s;
}
.PluginConfig-Subtitle ._togglable {
  position: absolute;
  right: 20px;
  height: 21px;
}
.PluginConfig-Subtitle._hoverable:hover ._togglable {
  transform: rotate(180deg);
}
.PluginConfig-Subtitle._with-icon {
  position: relative;
}
.PluginConfig-Subtitle._with-icon pf-visibility-control {
  position: absolute;
  right: 15px;
  top: 6px;
}
@media screen and (max-width: 1280px) {
  .PluginConfig-Subtitle {
    font-size: 16px;
    padding: 6px 20px;
  }
  .PluginConfig-Subtitle ._togglable {
    height: 18px;
  }
}

.PluginConfig-Line {
  margin: 0 -20px;
  padding: 10px 16px;
  border-top: 1px solid #f5f5f5;
}
.PluginConfig-Line._local-sms-container {
  padding-right: 0;
  padding-left: 0;
  margin: 0 -4px;
}
.PluginConfig-Line._for-grid {
  display: grid;
  padding: 0;
}
.PluginConfig-Line._for-grid._2col {
  grid-template-columns: 40% 60%;
}
.PluginConfig-Line._for-grid > * {
  padding: 10px 16px;
}
.PluginConfig-Line._for-grid > *:not(:first-child) {
  border-left: 1px solid #e6edf3;
}
.PluginConfig-Line._disabled > * {
  pointer-events: none;
  opacity: 0.7;
}
.PluginConfig-Line._double {
  padding: 10px;
}

.PluginConfig-Unlayer {
  border-top: 2px solid #f5f5f5;
  margin: 0 -20px;
  display: flex;
  flex: 1;
}

.PluginConfig-Control {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.PluginConfig-Control._p-relative {
  position: relative;
}
.PluginConfig-Control._title {
  color: #262626;
  font-weight: 600;
}
.PluginConfig-Control._title.light-blue {
  color: #0095f7;
  font-weight: 400;
}
.PluginConfig-Control._title ion-icon[name=chevron-down] {
  margin: auto 10px;
  font-size: 20px;
  color: #262626;
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
.PluginConfig-Control._title.opened {
  color: #14a5ff;
}
.PluginConfig-Control._title.opened ion-icon[name=chevron-down] {
  color: #14a5ff;
  transform: rotate(0deg);
}
.PluginConfig-Control._title, .PluginConfig-Control._double, .PluginConfig-Control._one-line {
  flex-flow: row nowrap;
  padding-top: 15px;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .PluginConfig-Control._title, .PluginConfig-Control._double, .PluginConfig-Control._one-line {
    flex-flow: row wrap;
  }
  .PluginConfig-Control._title .PluginConfig-Control-Input, .PluginConfig-Control._double .PluginConfig-Control-Input, .PluginConfig-Control._one-line .PluginConfig-Control-Input {
    padding: 5px 0;
  }
}
@media screen and (max-width: 600px) {
  .PluginConfig-Control._title, .PluginConfig-Control._double, .PluginConfig-Control._one-line {
    flex-flow: row wrap;
  }
  .PluginConfig-Control._title .PluginConfig-Control-Input, .PluginConfig-Control._double .PluginConfig-Control-Input, .PluginConfig-Control._one-line .PluginConfig-Control-Input {
    padding: 5px 0;
  }
}
.PluginConfig-Control._unset-input-width .PluginConfig-Control-Input {
  width: unset;
}
.PluginConfig-Control._with-button {
  display: flex;
  flex-flow: row nowrap;
}
@media screen and (max-width: 500px) {
  .PluginConfig-Control._with-button {
    flex-flow: column wrap;
  }
  .PluginConfig-Control._with-button input, .PluginConfig-Control._with-button button {
    margin: 5px;
  }
}
.PluginConfig-Control._with-button button {
  height: 41px;
  margin-left: 10px;
}
.PluginConfig-Control._flex-start {
  align-items: flex-start;
}
.PluginConfig-Control-Error {
  position: absolute;
  left: 10px;
  top: -9px;
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
}
.PluginConfig-Control-Label {
  max-width: 50%;
  min-height: 41px;
  font-size: 14px;
  padding: 10px 0;
  margin-bottom: 0;
  color: #333;
}
@media screen and (max-width: 600px) {
  .PluginConfig-Control-Label {
    flex: 1 1 100%;
    max-width: none;
    min-height: unset;
    padding-top: 0;
    display: block !important;
  }
}
.PluginConfig-Control-Label._full-width {
  max-width: 100%;
}
.PluginConfig-Control-Label._no-spacing {
  padding: 0;
  min-height: auto;
  line-height: unset;
}
.PluginConfig-Control-Label._bold {
  font-weight: 600;
}
.PluginConfig-Control-Label._black {
  color: #333;
}
.PluginConfig-Control-Label._with-switch-fw {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  line-height: unset;
}
.PluginConfig-Control-Label._with-switch-fw._jcfs {
  justify-content: flex-start;
}
@media screen and (max-width: 600px) {
  .PluginConfig-Control-Label._with-switch-fw {
    flex-flow: row wrap;
  }
  .PluginConfig-Control-Label._with-switch-fw pf-switch-box {
    flex: 1 1 100%;
    margin-top: 10px;
  }
}
.PluginConfig-Control-Input {
  width: 100%;
  max-width: 100%;
}
._one-line .PluginConfig-Control-Input {
  width: 50%;
  max-width: 50%;
}
@media screen and (max-width: 600px) {
  ._one-line .PluginConfig-Control-Input {
    flex: 1 1 100%;
    max-width: none;
  }
}
._one-line .PluginConfig-Control-Input._full-width {
  max-width: 100%;
}
.PluginConfig-Control-Input._invalid {
  border-color: #f10000 !important;
}
._double .PluginConfig-Control-Input {
  padding: 5px;
}
._double .PluginConfig-Control-Input + .PluginConfig-Control-Input {
  padding: 5px;
}
@media screen and (max-width: 1280px) and (min-width: 992px) {
  ._double .PluginConfig-Control-Input + .PluginConfig-Control-Input {
    padding: 5px 0;
  }
}
@media screen and (max-width: 600px) {
  ._double .PluginConfig-Control-Input + .PluginConfig-Control-Input {
    padding: 5px 0;
  }
}
@media screen and (max-width: 600px) {
  ._double .PluginConfig-Control-Input {
    flex: 1 1 100%;
    max-width: none;
    padding: 5px 0;
  }
}
.PluginConfig-Control-Input mat-select {
  padding: 8px !important;
}
.PluginConfig-Control-Input.Range .Range-Value {
  flex: 0 0 auto;
  margin-right: 10px;
}
.PluginConfig-Control-Input.Range .Range-Input {
  flex: 1 1 auto;
  width: 100%;
}
.PluginConfig-Control-Textarea {
  width: 100%;
  line-height: 1.4;
}
._one-line .PluginConfig-Control-Textarea {
  width: 50%;
  max-width: 50%;
}
@media screen and (max-width: 600px) {
  ._one-line .PluginConfig-Control-Textarea {
    flex: 1 1 100%;
    max-width: none;
  }
}
.PluginConfig-Control-Textarea::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
  background-color: #f00;
}
.PluginConfig-Control-Textarea::placeholder {
  font-size: 14px;
}
.PluginConfig-Control-Input2, .PluginConfig-Control-Select {
  display: block;
  width: 100%;
  max-width: 160px;
  color: #2a2a2a;
  padding: 8px;
  font-size: 1rem;
  height: 41px;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  border: 2px solid #dadfe6;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  border-radius: 0.375rem;
  outline: none !important;
}
.PluginConfig-Control-Input2._fw, .PluginConfig-Control-Select._fw {
  max-width: none;
  width: 100%;
}
.PluginConfig-Control-Input2._fwfx, .PluginConfig-Control-Select._fwfx {
  flex: 1 1;
  max-width: none;
}
.PluginConfig-Control-Input2._extra-width, .PluginConfig-Control-Select._extra-width {
  max-width: 195px;
}
.PluginConfig-Control-Input2._sm, .PluginConfig-Control-Select._sm {
  height: 33px;
  font-size: 14px;
  line-height: 1.8;
  padding: 2px 8px;
}
.PluginConfig-Control-Input2[disabled], .PluginConfig-Control-Select[disabled] {
  opacity: 0.9;
  background-color: #e6e6e6;
}

.PluginConfig-Description {
  padding: 5px 20px 15px;
  margin: 0 -20px;
  border-top: 1px solid #f5f5f5;
  background: #fafdff;
}
.PluginConfig-Description-Title {
  padding: 10px 0;
}
.PluginConfig-Description-Text {
  color: #555;
}

.PluginConfig-Info:hover {
  cursor: pointer;
}

.PluginConfig-DesignCard {
  margin-bottom: 15px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.08);
}
.PluginConfig-DesignCard:last-child {
  margin-bottom: 2px;
}
.PluginConfig-DesignCard .PluginConfig-Line {
  background: #fff;
  padding: 0 1rem 1rem;
  margin: 0;
}
.PluginConfig-DesignCard .PluginConfig-Subtitle {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  background-color: #fff;
  color: #333;
  border-bottom: 1px solid #d6edfd;
  cursor: pointer;
  padding: 8px 10px;
  margin: 0;
  box-shadow: rgba(0, 0, 0, 0.08) 0 2px 8px;
}
.PluginConfig-DesignCard .PluginConfig-Subtitle .sticker {
  display: none;
  background-color: #0095f7;
  width: 4px;
  height: 100%;
  margin: -10px;
  position: absolute;
}
.PluginConfig-DesignCard .PluginConfig-Subtitle ion-icon[name=chevron-up] {
  margin: auto 10px;
  transition: transform 0.3s;
  transform: rotate(90deg);
  font-size: 20px;
}
.PluginConfig-DesignCard .PluginConfig-Subtitle .slice-title ion-icon[name=chevron-up] {
  margin: auto 10px auto 24px;
}
.PluginConfig-DesignCard .PluginConfig-Subtitle ._local-togglable {
  margin-right: 10px;
  transform: rotate(-90deg);
  transition: transform 0.15s;
}
.PluginConfig-DesignCard .PluginConfig-Subtitle ._local-togglable._toggled {
  transform: rotate(0deg);
}
.PluginConfig-DesignCard ._invert {
  background-color: #fff;
  color: #0095f7;
}
.PluginConfig-DesignCard ._invert .sticker {
  display: block;
}
.PluginConfig-DesignCard ._invert ion-icon[name=chevron-up] {
  transform: rotate(180deg);
}
.PluginConfig-DesignCard ._invert img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(174deg) brightness(119%) contrast(100%);
}

.NewConfig-Controls {
  width: 420px;
  background: #f6f6f7;
  padding-left: 10px;
  padding-right: 5px;
}

.PluginConfig-Aside {
  display: grid;
  flex: 1 0 40%;
  grid-template-rows: 60px 1fr;
}
@media screen and (max-width: 1024px) {
  .PluginConfig-Aside {
    flex: 1 1 100%;
  }
}
.PluginConfig-Aside._socialPlugin {
  margin-left: 15px;
  max-height: 100%;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .PluginConfig-Aside._socialPlugin {
    height: auto;
  }
}

.PluginConfig-Radio {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.PluginConfig-Radio-Item {
  display: flex;
  align-items: baseline;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  margin-right: 20px;
}
.PluginConfig-Radio-Item input[type=radio] {
  position: absolute;
  opacity: 0;
}
.PluginConfig-Radio-Item .checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #bdc0c1;
  border-radius: 50%;
  cursor: pointer;
}
.PluginConfig-Radio-Item .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0095f7;
}
.PluginConfig-Radio-Item input:checked ~ label .checkmark {
  border: 2px solid #0095f7;
}
.PluginConfig-Radio-Item input:checked ~ label .checkmark::after {
  display: block;
}
.PluginConfig-Radio-Item label {
  cursor: pointer;
  display: flex;
  flex-flow: column nowrap;
  font-size: 14px;
  padding-left: 35px;
  color: #333333;
  background: #fff;
  transition: all 180ms;
}
.PluginConfig-Radio-Item small {
  margin-top: 5px;
  display: block;
}
.PluginConfig-Radio-Item + .PluginConfig-Radio-Item {
  margin-left: 10px;
}

.PluginConfig-BrandingSwitchCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

._grayBoxMsg {
  padding: 16px !important;
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #262626;
  width: 100%;
}

._grayBoxCheckedArea {
  width: 100%;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 10px 12px 10px 35px !important;
}

.ai-label {
  z-index: 99;
  display: block;
  background-image: url("/app_assets/ai/ai-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: #0095f7;
  color: #fff;
  padding: 18px 12px;
  position: absolute;
  top: auto;
  height: 36px;
  width: 30px;
  right: calc(100% - 1px);
}
@media screen and (max-width: 1024px) {
  .ai-label {
    width: 22px;
    background-size: 16px;
    padding: 18px 10px;
  }
}
.ai-label.hover {
  background-image: none;
  background-color: #000;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
}
@media screen and (max-width: 1024px) {
  .ai-label.hover {
    width: 22px;
  }
}
.ai-label.hover::before {
  content: "ONE\a AI";
  white-space: pre-wrap;
}
.ai-label.error {
  background-color: #f44336;
  background-image: none;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
}
@media screen and (max-width: 1024px) {
  .ai-label.error {
    font-size: 8px;
  }
}
.ai-label.error::before {
  content: "Error";
}
.ai-label.hidden {
  display: none;
}

.PluginConfig._grid-layout,
.L-ThemeCarousel._grid-layout {
  display: grid;
  grid-template-columns: 60% 1fr;
  grid-template-rows: 60px 50px calc(100% - 100px);
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout,
  .L-ThemeCarousel._grid-layout {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout one-plugin-header-buttons,
  .L-ThemeCarousel._grid-layout one-plugin-header-buttons {
    grid-row: 4;
  }
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout pf-breadcrumbs,
  .L-ThemeCarousel._grid-layout pf-breadcrumbs {
    grid-row: 1;
  }
}
.PluginConfig._grid-layout .PluginConfig-Preview,
.PluginConfig._grid-layout .L-ThemeCarousel-Main,
.L-ThemeCarousel._grid-layout .PluginConfig-Preview,
.L-ThemeCarousel._grid-layout .L-ThemeCarousel-Main {
  grid-column: 1;
  grid-template-rows: 1fr;
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout .PluginConfig-Preview,
  .PluginConfig._grid-layout .L-ThemeCarousel-Main,
  .L-ThemeCarousel._grid-layout .PluginConfig-Preview,
  .L-ThemeCarousel._grid-layout .L-ThemeCarousel-Main {
    grid-row: 2;
  }
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout .L-ThemeCarousel-Main,
  .L-ThemeCarousel._grid-layout .L-ThemeCarousel-Main {
    min-height: 500px;
  }
}
.PluginConfig._grid-layout .CarouselView,
.L-ThemeCarousel._grid-layout .CarouselView {
  grid-template-rows: 1fr;
}
.PluginConfig._grid-layout .PluginConfig-Aside,
.PluginConfig._grid-layout .FortuneWheelSlices,
.L-ThemeCarousel._grid-layout .PluginConfig-Aside,
.L-ThemeCarousel._grid-layout .FortuneWheelSlices {
  grid-row: 3/4;
  grid-template-rows: 1fr;
  grid-column: 2;
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout .PluginConfig-Aside,
  .PluginConfig._grid-layout .FortuneWheelSlices,
  .L-ThemeCarousel._grid-layout .PluginConfig-Aside,
  .L-ThemeCarousel._grid-layout .FortuneWheelSlices {
    grid-row: 5;
    grid-column: 1;
  }
}
.PluginConfig._grid-layout one-preview-toggle,
.L-ThemeCarousel._grid-layout one-preview-toggle {
  grid-row: 2;
  grid-column: 1/3;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .PluginConfig._grid-layout one-preview-toggle,
  .L-ThemeCarousel._grid-layout one-preview-toggle {
    grid-column: 1;
    grid-row: 3;
  }
}

.CampaignCard-Filter {
  position: relative;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #2a2a2a;
  background-color: #fff;
  border: 2px solid #dadfe6;
  border-radius: 0.375rem;
  font-size: 1rem;
  height: 41px;
  cursor: pointer;
}
.CampaignCard-Filter-Label {
  position: absolute;
  top: 0;
  left: 8px;
  color: #a4abb3;
  font-size: 12px;
  margin-bottom: 0;
  pointer-events: none;
}
.CampaignCard-Filter::after {
  content: "▾";
  right: 6px;
  top: 8px;
  position: absolute;
  pointer-events: none;
  color: #333;
}
.CampaignCard-Filter-Value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 13px 6px 6px 8px;
}
.CampaignCard-Filter-Options {
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  border: 1px solid #dadfe6;
  background: #fff;
  z-index: 1002;
}
.CampaignCard-Filter-Option {
  padding: 6px 8px;
}
.CampaignCard-Filter-Option:hover {
  background: rgba(0, 0, 0, 0.2);
}

.CampaignCard-Wrap {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 15px;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .CampaignCard-Wrap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 10px;
  }
}
@media screen and (max-width: 730px) {
  .CampaignCard-Wrap {
    grid-template-columns: minmax(0, 1fr);
  }
}

.CampaignCard {
  display: flex;
  flex-flow: column nowrap;
  background: #fff;
  border: 2px solid #a5abb3;
  border-radius: 15px;
  position: relative;
}
.CampaignCard._paused {
  border: 2px solid var(--color-danger);
}
.CampaignCard._live {
  border: 2px solid var(--color-primary);
}
.CampaignCard._live .Button:hover {
  border-color: var(--color-primary);
  background: #fff;
  color: var(--color-primary);
}
.CampaignCard._new {
  justify-content: center;
  align-items: center;
  border: 2px dashed var(--color-primary);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.CampaignCard._new._paused {
  border: 2px dashed var(--color-danger);
}
.CampaignCard._new._paused .CampaignCard-Title {
  color: var(--color-danger) !important;
}
.CampaignCard._new .CampaignCard-Title {
  color: var(--color-primary) !important;
  padding: 0 10px;
  margin: auto;
}
.CampaignCard._paused, .CampaignCard._invalid {
  border: 2px solid var(--color-danger);
}
.CampaignCard._paused .CampaignCard-Footer .pf-button, .CampaignCard._invalid .CampaignCard-Footer .pf-button {
  color: #fff;
  border-color: var(--color-danger);
  background: var(--color-danger);
}
.CampaignCard._paused .CampaignCard-Footer .pf-button:hover, .CampaignCard._invalid .CampaignCard-Footer .pf-button:hover {
  color: var(--color-danger);
  background: #fff;
}
.CampaignCard-Head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  font-size: 14px;
  padding: 18px;
}
.CampaignCard-Head-Left {
  flex: 0 0 33.33%;
  white-space: nowrap;
}
.CampaignCard-Head-Left pf-switch-box._paused {
  pointer-events: none;
}
.CampaignCard-Head-Mid {
  flex: 0 0 33.33%;
  text-align: center;
  margin: 0 auto 0 0;
}
.CampaignCard-StatusBadge {
  padding: 4px 6px;
  border-radius: 15px;
  margin: 0 10px;
  white-space: nowrap;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
._paused .CampaignCard-StatusBadge {
  color: var(--color-danger);
  border-color: var(--color-danger);
}
.CampaignCard-Head-Right {
  position: relative;
  margin-right: 0;
  margin-left: auto;
  padding-right: 14px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.CampaignCard-Head-Right::after {
  content: "▼";
  font-size: 8px;
  position: absolute;
  top: 6px;
  right: 0;
}
.CampaignCard-Title {
  max-width: 100%;
  margin: 0 auto auto;
  font-size: 24px;
  font-weight: 500 !important;
  text-align: center;
  color: #a5abb3 !important;
}
.CampaignCard-Title ._overflow {
  display: block;
  padding: 4px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CampaignCard-Title small {
  display: block;
  font-size: 14px;
}
.CampaignCard-Icons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 380px;
  padding: 0 10px;
  margin: 10px auto 0;
}
.CampaignCard-Icon {
  flex: 1 1 40px;
  display: inline-block;
  height: 40px;
  opacity: 0.2;
  margin: 0 8px;
  background-size: contain;
  background-repeat: no-repeat;
}
.CampaignCard-Icon._active {
  opacity: 1;
  cursor: pointer;
}
@media screen and (max-width: 400px) {
  .CampaignCard-Icon {
    width: 32px;
    height: 32px;
    margin: 0 2px;
  }
}
.CampaignCard-Icon._pfp-ra {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NnB4IiBoZWlnaHQ9IjQ2cHgiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYgNDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik00MC4wNDYsMTkuMzNjLTAuMDEtMC4xNjQtMC4wNzEtMC4xNTMtMC4xOS0wLjEyMmMtMC4yMjksMC4wNTgtMC40NjEsMC4xMDktMC42OSwwLjE1NWMtMS40NTQsMC4yOTUtMi45MDEsMC4yNjMtNC4zNDctMC4wNjdjLTEuNjg4LTAuMzg2LTMuMTg2LTEuMTUxLTQuNDg3LTIuMjg0Yy0xLjAyNi0wLjg5Ni0xLjg1NC0xLjk1My0yLjQ2OC0zLjE3NWMtMC42Ny0xLjMzMy0xLjAyOC0yLjc0NC0xLjA5NC00LjIzYy0wLjA0MS0wLjk5MywwLjA1OC0xLjk3NiwwLjMwOS0yLjkzOGMwLjAyOS0wLjEwNywwLjAwOC0wLjE0My0wLjEwNC0wLjE0NmMtMC41NTQtMC4wMjEtMS4xMDUtMC4wNjItMS42NTgtMC4wNjRjLTEuMzktMC4wMS0yLjc3OS0wLjAwMy00LjE2Ny0wLjAwM2MtMS43OTEtMC4wMDgtMy41ODMtMC4wMzUtNS4zNzQsMC4wMzljLTAuNDE5LDAuMDE3LTAuODM4LDAuMDM3LTEuMjU2LDAuMDc2Yy0wLjk1NywwLjA4OC0xLjkwNywwLjIxMy0yLjg0NywwLjQyMkMxMC44MTQsNy4xODQsOS45OCw3LjQ0LDkuMTg5LDcuODI1Yy0xLjY1MSwwLjgtMy4wNjMsMS45MDQtNC4yMDMsMy4zNDJDNC4xMTgsMTIuMjYsMy40NCwxMy40NjEsMy4wMiwxNC43OTZjLTAuNDUsMS40MzEtMC42NTMsMi45MDktMC43NDgsNC40Yy0wLjA1NiwwLjg5LTAuMTAzLDEuNzgyLTAuMTAzLDIuNjc1YzAsMi45Ny0wLjA1OSw1Ljk0MSwwLjA0Nyw4LjkxYzAuMDM4LDEuMDk3LDAuMTA2LDIuMTkzLDAuMjY3LDMuMjc5YzAuMTMsMC44ODMsMC4zLDEuNzYyLDAuNjAxLDIuNjAzYzAuOTM3LDIuNjIsMi41OTgsNC42NjksNC45Niw2LjE0N2MwLjg3LDAuNTQ1LDEuNzkzLDAuOTc5LDIuNzgxLDEuMjU4YzEuMzYzLDAuMzgyLDIuNzYsMC41NzgsNC4xNzEsMC42NmMxLjA1NywwLjA1OSwyLjExNiwwLjA5OCwzLjE3NSwwLjEwNGMyLjI4LDAuMDEyLDQuNTYsMC4wMzQsNi44MzUtMC4wMjFjMS4xMzUtMC4wMjQsMi4yNjItMC4wNjMsMy4zODktMC4xNzljMS4wMDgtMC4xMDMsMi0wLjI3NiwyLjk3NS0wLjUzOGMxLjI3My0wLjM0MSwyLjQzNi0wLjkyLDMuNTAxLTEuNjgxYzIuMDI0LTEuNDM4LDMuNDg1LTMuMzIxLDQuMzIxLTUuNjU5YzAuNDkyLTEuMzY5LDAuNjktMi44LDAuODEzLTQuMjQyYzAuMDg5LTEuMDUyLDAuMTI1LTIuMTA3LDAuMTMtMy4xNjJjMC4wMTYtMi43NjcsMC4wMzYtNS41MjktMC4wMTktOC4yOTNDNDAuMTA0LDIwLjQ4LDQwLjA3NywxOS45MDYsNDAuMDQ2LDE5LjMzeiBNNDUuMjI1LDkuMTkzYy0wLjAwNCw0LjQyMi0zLjU1OCw4LjAzMy04LjA1NCw4LjA0MWMtNC40ODksMC4wMDgtOC4wNzEtMy42MDctOC4wNzMtOC4wNDNjLTAuMDAyLTQuNDY3LDMuNjQ0LTguMDQ0LDguMDczLTguMDRDNDEuNTksMS4xNTUsNDUuMjI5LDQuNzM0LDQ1LjIyNSw5LjE5M3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAuMDU0LDI3LjE1NWw3LjM0MywxMC44MzdsMi4zNywwLjg3OXYzLjY4NGwzLjg2LTEuMzQ4di0yLjMzNmwyLjM3MS0wLjg3OWw3LjM0Mi0xMC44MzdjLTEuNzg3LDAuOTQ5LTYuMzI2LDEuNjI0LTExLjY0MywxLjYyNEMxNi4zNzgsMjguNzgsMTEuODQsMjguMTA0LDEwLjA1NCwyNy4xNTV6Ii8+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE3LjI3OSwyNC40MDVjLTAuMDk5LTAuMjg2LTAuMTMzLTAuNjA1LTAuMTQxLTAuODg5YzAuNjA5LTAuMzUyLDEuMDIyLTEuMDE5LDEuMDIyLTEuNzgydi0xLjEwMmMwLTEuMTMzLTAuOTA4LTIuMDU1LTIuMDI2LTIuMDU1Yy0xLjExOCwwLTIuMDI2LDAuOTIxLTIuMDI2LDIuMDU1djEuMTAyYzAsMC43NjQsMC40MTIsMS40MywxLjAyMiwxLjc4MmMtMC4wMjQsMC43MjYtMC4xOTMsMS42ODEtMS4yNjEsMS43Yy0xLjIyOSwwLjE1NC0xLjgyLDAuNTY4LTIuMTA0LDAuOTUyYzAuMDc5LDAuMDM0LDAuMTY1LDAuMDcsMC4yNjIsMC4xMDRjMC42LDAuMjI4LDEuNDEyLDAuNDM5LDIuMzQ5LDAuNjE2YzAuMjM1LDAuMDQ0LDAuNDc2LDAuMDg1LDAuNzI0LDAuMTI0di0wLjA2NEMxNS4wNTksMjYuMjMxLDE1LjUwMSwyNS4wMjEsMTcuMjc5LDI0LjQwNXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjkuMjQ0LDI1LjIxN2MtMS4wNjgtMC4wMi0xLjIzOC0wLjk3NS0xLjI2NC0xLjdjMC42MDktMC4zNTIsMS4wMjQtMS4wMTksMS4wMjQtMS43ODJ2LTEuMTAyYzAtMS4xMzMtMC45MDgtMi4wNTUtMi4wMjctMi4wNTVjLTEuMTE4LDAtMi4wMjUsMC45MjEtMi4wMjUsMi4wNTV2MS4xMDJjMCwwLjc2NCwwLjQxMiwxLjQzLDEuMDIzLDEuNzgyYy0wLjAxMiwwLjI5NS0wLjA0NSwwLjYyNC0wLjE1MSwwLjkxNmMxLjcwNSwwLjYyNywyLjEyOSwxLjgxMSwyLjA4NSwyLjUxN3YwLjExNmMwLjM3LTAuMDU1LDAuNzI5LTAuMTExLDEuMDY4LTAuMTc1YzAuOTM4LTAuMTc3LDEuNzUtMC4zOSwyLjM0OS0wLjYxNmMwLjAyNi0wLjAwOSwwLjA0OS0wLjAxNywwLjA3NC0wLjAyN0MzMS4xMzksMjUuODQzLDMwLjU1NSwyNS4zNzksMjkuMjQ0LDI1LjIxN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjQuMjUxLDI0Ljg1Yy0xLjI5Mi0wLjAyNS0xLjQ5OS0xLjE4Ny0xLjUyOS0yLjA2M2MwLjc0LTAuNDI4LDEuMjQxLTEuMjM4LDEuMjQxLTIuMTYzdi0xLjMzNmMwLTEuMzc2LTEuMTAzLTIuNDkyLTIuNDU4LTIuNDkyYy0xLjM1NSwwLTIuNDU2LDEuMTE2LTIuNDU2LDIuNDkydjEuMzM2YzAsMC45MjUsMC40OTksMS43MzMsMS4yNCwyLjE2M2MtMC4wMywwLjg3Ni0wLjIzNSwyLjAzNy0xLjUzLDIuMDYzYy0zLjA2MywwLjM4Mi0yLjg2LDIuMS0yLjg2LDIuMXYwLjE4YzEuNzMzLDAuMjI4LDMuNzMsMC4zNDcsNS43NzcsMC4zNDdjMS45MTQsMCwzLjc4Mi0wLjEwMyw1LjQzNS0wLjMwNHYtMC4yMjNDMjcuMTEyLDI2Ljk0OSwyNy4zMTMsMjUuMjMxLDI0LjI1MSwyNC44NXoiLz48L2c+PGc+PHBhdGggZmlsbD0iIzAwQTFGRSIgZD0iTTIxLjI3OSwzOC4wMDN2LTEuMDE4Yy0wLjcxMi0wLjAwNy0xLjQ0OS0wLjE4OC0xLjg3NS0wLjQzOGwwLjI5My0wLjY3NWMwLjQ0LDAuMjQxLDEuMDgsMC40MzMsMS43NjcsMC40MzNjMC44NzMsMCwxLjQ2MS0wLjQxLDEuNDYxLTAuOTgzYzAtMC41NTMtMC40ODItMC44OTQtMS4zOS0xLjE5MWMtMS4yNS0wLjQwNC0yLjAyMy0wLjg2Ni0yLjAyMy0xLjczN2MwLTAuODMyLDAuNzIzLTEuNDY2LDEuODUyLTEuNjE2di0xLjAxM2gwLjc2MXYwLjk3MmMwLjczNSwwLjAyLDEuMjM5LDAuMTgyLDEuNTk3LDAuMzUxbC0wLjMwOCwwLjY2MmMtMC4yNTktMC4xMTktMC43NjMtMC4zNDMtMS41NDctMC4zNDNjLTAuOTQ3LDAtMS4yOTksMC40NjQtMS4yOTksMC44NjVjMCwwLjUyMSwwLjQ1NSwwLjc4NCwxLjUyMywxLjE0NGMxLjI2MSwwLjQyMiwxLjkwMiwwLjk0NCwxLjkwMiwxLjgzNmMwLDAuNzkzLTAuNjc1LDEuNTM1LTEuOTQxLDEuNzA4VjM4aC0wLjc3NFYzOC4wMDN6Ii8+PC9nPjwvZz48L3N2Zz4=");
}
.CampaignCard-Icon._pfp-lvc {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NnB4IiBoZWlnaHQ9IjQ2cHgiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYgNDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik0zOS4zNTUsMTkuMzNjLTAuMDA4LTAuMTY0LTAuMDY5LTAuMTUzLTAuMTktMC4xMjJjLTAuMjI4LDAuMDU4LTAuNDU4LDAuMTA5LTAuNjksMC4xNTVjLTEuNDUzLDAuMjk1LTIuODk5LDAuMjYzLTQuMzQzLTAuMDY3Yy0xLjY4OC0wLjM4Ni0zLjE4OC0xLjE1MS00LjQ4Ny0yLjI4NGMtMS4wMjctMC44OTYtMS44NTctMS45NTMtMi40NzEtMy4xNzVjLTAuNjctMS4zMzMtMS4wMjktMi43NDQtMS4wOTQtNC4yM2MtMC4wNDEtMC45OTMsMC4wNTktMS45NzYsMC4zMTEtMi45MzhjMC4wMjctMC4xMDcsMC4wMDgtMC4xNDMtMC4xMDMtMC4xNDZjLTAuNTU2LTAuMDIxLTEuMTA2LTAuMDYyLTEuNjYtMC4wNjRjLTEuMzktMC4wMS0yLjc4LTAuMDA0LTQuMTY4LTAuMDA0Yy0xLjc5Mi0wLjAwOC0zLjU4Mi0wLjAzNS01LjM3MiwwLjAzOWMtMC40MjEsMC4wMTgtMC44NCwwLjAzNy0xLjI1OCwwLjA3NmMtMC45NTUsMC4wODgtMS45MDgsMC4yMTMtMi44NDYsMC40MjJjLTAuODU3LDAuMTkxLTEuNjkzLDAuNDQ3LTIuNDgyLDAuODMyYy0xLjY1MiwwLjgtMy4wNjMsMS45MDQtNC4yMDUsMy4zNDJjLTAuODY3LDEuMDk2LTEuNTQ1LDIuMjk3LTEuOTY2LDMuNjMyYy0wLjQ1MiwxLjQzMS0wLjY1MywyLjkwOS0wLjc0OCw0LjRjLTAuMDU4LDAuODktMC4xMDMsMS43ODItMC4xMDMsMi42NzVjMCwyLjk3LTAuMDU5LDUuOTQxLDAuMDQ1LDguOTFjMC4wMzksMS4wOTcsMC4xMDgsMi4xOTMsMC4yNzEsMy4yNzljMC4xMjgsMC44ODMsMC4yOTksMS43NjIsMC42MDEsMi42MDNjMC45MzYsMi42MiwyLjU5Niw0LjY2OSw0Ljk2MSw2LjE0N2MwLjg2NywwLjU0NSwxLjc5LDAuOTc5LDIuNzc4LDEuMjU4YzEuMzY0LDAuMzgyLDIuNzYyLDAuNTc4LDQuMTcyLDAuNjZjMS4wNTgsMC4wNTksMi4xMTgsMC4wOTgsMy4xNzcsMC4xMDRjMi4yNzcsMC4wMTIsNC41NTgsMC4wMzQsNi44MzUtMC4wMjFjMS4xMzItMC4wMjQsMi4yNjEtMC4wNjMsMy4zODktMC4xNzljMS4wMDctMC4xMDIsMS45OTctMC4yNzYsMi45NzUtMC41MzhjMS4yNzEtMC4zNDEsMi40MzItMC45MiwzLjUtMS42ODFjMi4wMjItMS40MzgsMy40ODQtMy4zMjEsNC4zMi01LjY1OWMwLjQ5My0xLjM2OSwwLjY5NC0yLjgsMC44MTMtNC4yNDJjMC4wOS0xLjA1MiwwLjEyNS0yLjEwNywwLjEzMS0zLjE2MmMwLjAxNS0yLjc2NywwLjAzNS01LjUyOS0wLjAxOC04LjI5M0MzOS40MTYsMjAuNDgsMzkuMzkxLDE5LjkwNiwzOS4zNTUsMTkuMzN6IE00NC41MzYsOS4xOTNjLTAuMDAyLDQuNDIyLTMuNTU4LDguMDMzLTguMDU2LDguMDQxYy00LjQ4OSwwLjAwOC04LjA3My0zLjYwNy04LjA3My04LjA0M2MtMC4wMDMtNC40NjcsMy42NDQtOC4wNDUsOC4wNzMtOC4wNEM0MC45LDEuMTU0LDQ0LjU0MSw0LjczNCw0NC41MzYsOS4xOTN6Ii8+PGc+PGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMjAuNTk4IiBjeT0iMjcuMzgiIHI9IjMuMTE4Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMxLjI5LDI2Ljc4M2MtMS4yNzQtMS42MzctNS4yNDYtNi4wODMtMTAuNjkyLTYuMDgzYy01LjQ1MiwwLTkuNDIsNC40NDYtMTAuNjk0LDYuMDgzYy0wLjI3OSwwLjM1NC0wLjI3OSwwLjgzOSwwLDEuMTkzYzEuMjc0LDEuNjM4LDUuMjQyLDYuMDg0LDEwLjY5NCw2LjA4NGM1LjQ0NiwwLDkuNDE3LTQuNDQ2LDEwLjY5Mi02LjA4NEMzMS41NjYsMjcuNjIyLDMxLjU2NiwyNy4xMzksMzEuMjksMjYuNzgzeiBNMjAuNTk4LDMxLjgzNGMtMi40NjIsMC00LjQ1Ny0xLjk5NS00LjQ1Ny00LjQ1M2MwLTIuNDYsMS45OTUtNC40NTQsNC40NTctNC40NTRjMi40NTgsMCw0LjQ1MywxLjk5NCw0LjQ1Myw0LjQ1NEMyNS4wNTEsMjkuODM5LDIzLjA1NiwzMS44MzQsMjAuNTk4LDMxLjgzNHoiLz48L2c+PC9nPjwvc3ZnPg==");
}
.CampaignCard-Icon._pfp-avc {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NnB4IiBoZWlnaHQ9IjQ2cHgiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYgNDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik0zOS4zNTcsMTkuMzMxYy0wLjAxLTAuMTY0LTAuMDcxLTAuMTUzLTAuMTkyLTAuMTIyYy0wLjIyOSwwLjA1OC0wLjQ1OCwwLjEwOS0wLjY5MiwwLjE1NWMtMS40NTEsMC4yOTUtMi44OTgsMC4yNjMtNC4zNDEtMC4wNjdjLTEuNjktMC4zODYtMy4xODgtMS4xNTEtNC40ODktMi4yODRjLTEuMDI1LTAuODk2LTEuODU0LTEuOTUzLTIuNDY5LTMuMTc1Yy0wLjY2OC0xLjMzMy0xLjAyOS0yLjc0NC0xLjA5My00LjIzYy0wLjA0Mi0wLjk5MywwLjA2LTEuOTc2LDAuMzA4LTIuOTM4YzAuMDI3LTAuMTA3LDAuMDEtMC4xNDMtMC4xMDEtMC4xNDZjLTAuNTU2LTAuMDIxLTEuMTA4LTAuMDYyLTEuNjYyLTAuMDY0Yy0xLjM4OC0wLjAxLTIuNzc4LTAuMDA0LTQuMTY0LTAuMDA0Yy0xLjc5Mi0wLjAwOC0zLjU4NC0wLjAzNS01LjM3NCwwLjAzOWMtMC40MTksMC4wMTgtMC44NCwwLjAzNy0xLjI1OSwwLjA3NmMtMC45NTYsMC4wODgtMS45MDcsMC4yMTMtMi44NDUsMC40MjJjLTAuODU5LDAuMTktMS42OTEsMC40NDUtMi40ODQsMC44M2MtMS42NSwwLjgtMy4wNjIsMS45MDQtNC4yMDIsMy4zNDJjLTAuODY5LDEuMDk2LTEuNTQ2LDIuMjk3LTEuOTY3LDMuNjMyYy0wLjQ1LDEuNDMxLTAuNjUxLDIuOTA5LTAuNzQ2LDQuNGMtMC4wNiwwLjg5LTAuMTA0LDEuNzgyLTAuMTA0LDIuNjc1YzAsMi45Ny0wLjA1OCw1Ljk0LDAuMDQ1LDguOTFjMC4wNDEsMS4wOTcsMC4xMSwyLjE5MiwwLjI3LDMuMjhjMC4xMzEsMC44ODMsMC4yOTgsMS43NjEsMC42LDIuNjAyYzAuOTM4LDIuNjIsMi41OTgsNC42NjksNC45NjEsNi4xNDZjMC44NzEsMC41NDcsMS43OTIsMC45NzksMi43ODIsMS4yNThjMS4zNjIsMC4zODMsMi43NTgsMC41OCw0LjE3MiwwLjY2YzEuMDU0LDAuMDYsMi4xMTQsMC4wOTksMy4xNzMsMC4xMDRjMi4yNzcsMC4wMTMsNC41NTgsMC4wMzQsNi44MzYtMC4wMjFjMS4xMzItMC4wMjUsMi4yNjItMC4wNjMsMy4zOS0wLjE4YzEuMDA3LTAuMTAyLDEuOTk4LTAuMjc3LDIuOTc0LTAuNTM3YzEuMjcxLTAuMzQyLDIuNDM1LTAuOTIxLDMuNS0xLjY4MmMyLjAyNC0xLjQzOCwzLjQ4My0zLjMyMSw0LjMyMy01LjY1OWMwLjQ5MS0xLjM2OSwwLjY5Mi0yLjgsMC44MTMtNC4yNDFjMC4wODgtMS4wNTMsMC4xMjMtMi4xMDksMC4xMzEtMy4xNjRjMC4wMTMtMi43NjYsMC4wMzUtNS41MjktMC4wMi04LjI5MkMzOS40MTgsMjAuNDgxLDM5LjM5MywxOS45MDcsMzkuMzU3LDE5LjMzMXogTTQ0LjUzNSw5LjE5NGMtMC4wMDMsNC40MjItMy41NTksOC4wMzMtOC4wNTMsOC4wNDFjLTQuNDkxLDAuMDA4LTguMDczLTMuNjA3LTguMDczLTguMDQzYy0wLjAwMi00LjQ2NywzLjY0NC04LjA0NSw4LjA3My04LjA0QzQwLjksMS4xNTUsNDQuNTQxLDQuNzM1LDQ0LjUzNSw5LjE5NHoiLz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTUuMzU0LDI5LjA4MWMtMC4xMTctMC4zNTEtMC4xNTYtMC43NC0wLjE2Ni0xLjA4NmMwLjcxNS0wLjQzNSwxLjE5Ny0xLjI0OCwxLjE5Ny0yLjE4NXYtMS4zNDhjMC0xLjM5LTEuMDYzLTIuNTE2LTIuMzczLTIuNTE2Yy0xLjMwOCwwLTIuMzcsMS4xMjYtMi4zNywyLjUxNnYxLjM0OGMwLDAuOTM3LDAuNDgxLDEuNzUsMS4xOTQsMi4xODVjLTAuMDI2LDAuODg2LTAuMjI2LDIuMDU1LTEuNDcyLDIuMDgyYy0yLjk1OSwwLjM4My0yLjc2MiwyLjExNi0yLjc2MiwyLjExNmg0LjIwMUMxMi43NTYsMzEuMzE0LDEzLjI3MywyOS44MzYsMTUuMzU0LDI5LjA4MXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjkuMzYxLDMwLjA3N2MtMS4yNTItMC4wMjctMS40NDctMS4xOTYtMS40NzgtMi4wODJjMC43MTYtMC40MzUsMS4xOTgtMS4yNDgsMS4xOTgtMi4xODV2LTEuMzQ4YzAtMS4zOS0xLjA2NC0yLjUxNi0yLjM3My0yLjUxNmMtMS4zMTMsMC0yLjM2OCwxLjEyNi0yLjM2OCwyLjUxNnYxLjM0OGMwLDAuOTM3LDAuNDc5LDEuNzUsMS4xOTQsMi4xODVjLTAuMDE0LDAuMzU4LTAuMDU1LDAuNzYzLTAuMTgsMS4xMTljMS45OTgsMC43NjcsMi40OTIsMi4yMTUsMi40NDEsMy4wNzloNC4zMjFDMzIuMTIsMzIuMTkzLDMyLjMxOCwzMC40NiwyOS4zNjEsMzAuMDc3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy41MTYsMjkuNjI1Yy0xLjUxNC0wLjAzMS0xLjc1Mi0xLjQ1LTEuNzg3LTIuNTI1YzAuODY1LTAuNTI0LDEuNDUyLTEuNTEyLDEuNDUyLTIuNjQ2di0xLjYzNWMwLTEuNjg2LTEuMjktMy4wNS0yLjg3Ny0zLjA1Yy0xLjU5LDAtMi44NzcsMS4zNjQtMi44NzcsMy4wNXYxLjYzNWMwLDEuMTM1LDAuNTg2LDIuMTIxLDEuNDUxLDIuNjQ2Yy0wLjAzNSwxLjA3NS0wLjI3NSwyLjQ5NC0xLjc5LDIuNTI1Yy0zLjU4OCwwLjQ2Ni0zLjM1LDIuNTY4LTMuMzUsMi41NjhoMTMuMTI3QzI2Ljg2NSwzMi4xOTMsMjcuMTA0LDMwLjA5MSwyMy41MTYsMjkuNjI1eiIvPjwvZz48L2c+PC9zdmc+");
}
.CampaignCard-Icon._pfp-fw {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NnB4IiBoZWlnaHQ9IjQ2cHgiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYgNDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik02LjExNCwxNy45NDljLTAuNzcyLDIuNDg3LTEuMDAyLDUuMTg0LTAuNTM0LDcuOTI2YzAuNDY3LDIuNzQ0LDEuNTc2LDUuMjExLDMuMTI4LDcuMzAzbDExLjg5My05Ljg2TDYuMTE0LDE3Ljk0OXoiLz48cGF0aCBmaWxsPSIjQThEOUY0IiBkPSJNOS45MDYsMzQuNjMxYzMuNTk3LDMuODcxLDguOTEyLDUuOTk0LDE0LjQ4NCw1LjM1NUwyMS44LDI0Ljc2Nkw5LjkwNiwzNC42MzF6Ii8+PHBhdGggZmlsbD0iI0E4RDlGNCIgZD0iTTE4LjY2LDYuMzMxYy01LjQ3MywxLjI0My05Ljc4NSw1LjAwNC0xMS44OTgsOS44NWwxNC40OTIsNS4zNzFMMTguNjYsNi4zMzF6Ii8+PHBhdGggZmlsbD0iIzAwQTFGRSIgZD0iTTI2LjI0OCwzOS42N2M1LjQ3NS0xLjI0Miw5Ljc4Ny01LjAwNiwxMS44OTgtOS44NWwtMTQuNDktNS4zNzFMMjYuMjQ4LDM5LjY3eiIvPjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik0zNS4wMDQsMTEuMzczQzMxLjQxLDcuNDk5LDI2LjA5LDUuMzc1LDIwLjUxNiw2LjAxNWwyLjU5MywxNS4yMjFMMzUuMDA0LDExLjM3M3oiLz48cGF0aCBmaWxsPSIjQThEOUY0IiBkPSJNMzMuNTQxLDIzYzAtMC45NjksMC4wMTQtMS4yOTgsNS42ODItMy4zOTRjLTAuNTEyLTIuNTMxLTEuNTY4LTQuODI1LTMuMDIxLTYuNzhsLTExLjg5LDkuODZsMTQuNDgyLDUuMzY3YzAuMTctMC41NDUsMC4zMDktMS4xMDIsMC40MjQtMS42NjRDMzMuNTU1LDI0LjI5NSwzMy41NDEsMjMuOTY3LDMzLjU0MSwyM3oiLz48cGF0aCBmaWxsPSIjMDBBMUZFIiBkPSJNNDEuNTY0LDIwLjY5N2MtMC4yOTktMC4xNTQtMC42ODUtMC4xNzktMS4wMTktMC4wNzJjMCwwLTUuNTk2LDIuMDQtNS41OTYsMi4zNzVjMCwwLjMzMyw1LjU5NiwyLjM3NCw1LjU5NiwyLjM3NGMwLjEzOCwwLjA0NywwLjI3OSwwLjA2NywwLjQyMiwwLjA2N2MwLjIwOSwwLDAuNDE5LTAuMDQ5LDAuNTk3LTAuMTM5YzAuMzA1LTAuMTU0LDAuNDg3LTAuNDE2LDAuNDg3LTAuNjkzdi0zLjIxN0M0Mi4wNTMsMjEuMTEzLDQxLjg2OSwyMC44NTIsNDEuNTY0LDIwLjY5N3oiLz48L2c+PC9zdmc+");
}
.CampaignCard-Icon._pfp-bcb {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NnB4IiBoZWlnaHQ9IjQ2cHgiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDYgNDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik00My44OTEsMTUuMzM4aDEuMTdWOS4wNTJIMjYuOTM2aC03Ljg3MkgwLjkzOXY2LjI4NmgxLjE3MmMwLjU0NCwwLDAuOTg0LDAuNDQyLDAuOTg0LDAuOTg2YzAsMC41NDEtMC40NCwwLjk4NC0wLjk4NCwwLjk4NEgwLjkzOXY0LjcwOGgxLjE3MmMwLjU0NCwwLDAuOTg0LDAuNDQ1LDAuOTg0LDAuOTg4cy0wLjQ0LDAuOTgyLTAuOTg0LDAuOTgySDAuOTM5VjI4LjdoMS4xNzJjMC41NDQsMCwwLjk4NCwwLjQzOCwwLjk4NCwwLjk3OWMwLDAuNTQ1LTAuNDQsMC45ODQtMC45ODQsMC45ODRIMC45Mzl2Ni4yODNoMTguMTI0aDcuODczaDE4LjEyNXYtNi4yODNoLTEuMTdjLTAuNTQzLDAtMC45ODYtMC40MzktMC45ODYtMC45ODRjMC0wLjU0MSwwLjQ0My0wLjk3OSwwLjk4Ni0wLjk3OWgxLjE3di00LjcxNGgtMS4xN2MtMC41NDMsMC0wLjk4Ni0wLjQzOC0wLjk4Ni0wLjk4MXMwLjQ0My0wLjk4OCwwLjk4Ni0wLjk4OGgxLjE3di00LjcwOGgtMS4xN2MtMC41NDMsMC0wLjk4Ni0wLjQ0My0wLjk4Ni0wLjk4NEM0Mi45MDIsMTUuNzgsNDMuMzQ4LDE1LjMzOCw0My44OTEsMTUuMzM4eiBNNDIuNzE4LDEzLjIwN2MtMS4yNTksMC40NzctMi4xNTcsMS42OS0yLjE1NywzLjExNGMwLDEuNDIzLDAuODk4LDIuNjQsMi4xNTcsMy4xMTJ2MC40NWMtMS4yNTksMC40NzctMi4xNTcsMS42OTUtMi4xNTcsMy4xMmMwLDEuNDIyLDAuODk4LDIuNjM4LDIuMTU3LDMuMTEzdjAuNDVjLTEuMjU5LDAuNDc1LTIuMTU3LDEuNjktMi4xNTcsMy4xMTFjMCwxLjQyNCwwLjg5OCwyLjY0MSwyLjE1NywzLjExNXYxLjgxM0gyNi45MzZoLTcuODcySDMuMjg0di0xLjgxM2MxLjI1OC0wLjQ3NywyLjE1Ni0xLjY5MSwyLjE1Ni0zLjExNWMwLTEuNDIxLTAuODk4LTIuNjM4LTIuMTU2LTMuMTExdi0wLjQ1YzEuMjU4LTAuNDc2LDIuMTU2LTEuNjkxLDIuMTU2LTMuMTEzYzAtMS40MjUtMC44OTgtMi42NDQtMi4xNTYtMy4xMnYtMC40NWMxLjI1OC0wLjQ3MywyLjE1Ni0xLjY4OSwyLjE1Ni0zLjExMmMwLTEuNDI0LTAuODk4LTIuNjM4LTIuMTU2LTMuMTE0di0xLjgxM2gxNS43NzloNy44NzNoMTUuNzgxTDQyLjcxOCwxMy4yMDdMNDIuNzE4LDEzLjIwN3oiLz48Zz48cGF0aCBmaWxsPSIjMDBBMUZFIiBkPSJNMjEuODQ0LDIyLjAxNmMwLjYyOC0wLjcxMywwLjk1My0xLjU4OCwwLjk1My0yLjYxOFYxOC43YzAtMS4wNjYtMC4zMjUtMS45NjctMC45NjQtMi42ODRjLTEuMzA5LTEuNDc1LTMuNjU4LTEuNDg2LTQuOTkzLTAuMDEzYy0wLjY0NiwwLjcxNC0wLjk3MywxLjYwNS0wLjk3MywyLjY0NnYwLjY5MWMwLDEuMDgsMC4zMjcsMS45ODksMC45OCwyLjY5OWMwLjY2OCwwLjcyMiwxLjUxNywxLjA5LDIuNTA3LDEuMDlDMjAuMzQ4LDIzLjEzLDIxLjE4OCwyMi43NTgsMjEuODQ0LDIyLjAxNnogTTE4LjA1OCwxOC43MTRjMC0wLjU0NCwwLjEyNC0wLjk0NywwLjM4Ny0xLjI0YzAuMjQtMC4yNzEsMC41MTItMC4zOTYsMC44OTItMC4zOTZjMC4zODcsMCwwLjY2MiwwLjExOSwwLjg5MSwwLjM4OWMwLjI1NCwwLjI4OSwwLjM3NiwwLjY3OCwwLjM3NiwxLjE4djAuNzA0YzAsMC41MjEtMC4xMjIsMC45Mi0wLjM3MiwxLjIxOGMtMC40NjMsMC41NDItMS4zNTEsMC41MTYtMS43OTItMC4wMTNjLTAuMjU5LTAuMy0wLjM4MS0wLjY3OS0wLjM4MS0xLjE1OEwxOC4wNTgsMTguNzE0TDE4LjA1OCwxOC43MTR6Ii8+PHBhdGggZmlsbD0iIzAwQTFGRSIgZD0iTTI3LjA1NSwxNy4wNjRsLTAuNDM2LTAuMzAzYy0wLjE4OC0wLjEyNy0wLjQyMS0wLjE3NC0wLjYzOS0wLjEyN2MtMC4yMjIsMC4wNDUtMC40MTYsMC4xODItMC41MzcsMC4zNzJsLTYuOSwxMS4wNDljLTAuMjMyLDAuMzc3LTAuMTMyLDAuODY5LDAuMjM0LDEuMTE5bDAuNDM4LDAuMzAzYzAuMTQsMC4wOTgsMC4zMDIsMC4xNDYsMC40NzMsMC4xNDZjMC4wNTYsMCwwLjEwOS0wLjAwNywwLjE2NC0wLjAyMWMwLjIyMy0wLjA0MywwLjQxNC0wLjE3OSwwLjUzMi0wLjM2N2w2LjkwMy0xMS4wNTFDMjcuNTI1LDE3LjgxMSwyNy40MjUsMTcuMzE3LDI3LjA1NSwxNy4wNjR6Ii8+PHBhdGggZmlsbD0iIzAwQTFGRSIgZD0iTTI5LjE2NywyMy45NjNjLTEuMzIzLTEuNDU2LTMuNjYyLTEuNDctNC45OTUsMGMtMC42NCwwLjcwOC0wLjk2OCwxLjU5NC0wLjk2OCwyLjYzOXYwLjcwOWMwLDEuMDgyLDAuMzMsMS45OTEsMC45ODMsMi42OTVjMC42NjgsMC43MjUsMS41MDYsMS4wOTIsMi40OTgsMS4wOTJjMC45OCwwLDEuODE5LTAuMzcxLDIuNDgtMS4xMDFjMC42NDUtMC43MSwwLjk2OS0xLjU5OSwwLjk2OS0yLjY0di0wLjY4OUMzMC4xMzcsMjUuNTc4LDI5LjgwOSwyNC42NzEsMjkuMTY3LDIzLjk2M3ogTTI3LjkzOSwyNy4zMTNjMCwwLjUyMi0wLjEyMSwwLjkyNi0wLjM2NywxLjIyOWMtMC40NTQsMC41MzEtMS4zNTQsMC41Mi0xLjgwMy0wLjAwOGMtMC4yNTItMC4yOTEtMC4zNzMtMC42NzYtMC4zNzMtMS4xNzZ2LTAuNzE5YzAtMC41NDEsMC4xMTctMC45NDMsMC4zNjctMS4yMjljMC4yMjMtMC4yNTMsMC40OTgtMC4zNzIsMC44OTktMC4zNzJjMC41MzUsMCwwLjc4LDAuMjExLDAuOTIxLDAuMzYyYzAuMjM4LDAuMjc2LDAuMzU3LDAuNjY0LDAuMzU3LDEuMTk5djAuNzExaC0wLjAwMlYyNy4zMTN6Ii8+PC9nPjwvZz48L3N2Zz4=");
}
.CampaignCard-Icon._pfp-aga {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3Ljg5MjMgMTguMTc5QzM3Ljg4MjMgMTguMDE1IDM3LjgyMTMgMTguMDI2IDM3LjcwMDMgMTguMDU3QzM3LjQ3MTMgMTguMTE1IDM3LjI0MjMgMTguMTY2IDM3LjAwODMgMTguMjEyQzM1LjU1NzMgMTguNTA3IDM0LjExMDMgMTguNDc1IDMyLjY2NzMgMTguMTQ1QzMwLjk3NzMgMTcuNzU5IDI5LjQ3OTMgMTYuOTk0IDI4LjE3ODMgMTUuODYxQzI3LjE1MzMgMTQuOTY1IDI2LjMyNDMgMTMuOTA4IDI1LjcwOTMgMTIuNjg2QzI1LjA0MTMgMTEuMzUzIDI0LjY4MDMgOS45NDIwMSAyNC42MTYzIDguNDU2MDFDMjQuNTc0MyA3LjQ2MzAxIDI0LjY3NjMgNi40ODAwMSAyNC45MjQzIDUuNTE4MDFDMjQuOTUxMyA1LjQxMTAxIDI0LjkzNDMgNS4zNzUwMSAyNC44MjMzIDUuMzcyMDFDMjQuMjY3MyA1LjM1MTAxIDIzLjcxNTMgNS4zMTAwMSAyMy4xNjEzIDUuMzA4MDFDMjEuNzczMyA1LjI5ODAxIDIwLjM4MzMgNS4zMDQwMSAxOC45OTczIDUuMzA0MDFDMTcuMjA1MyA1LjI5NjAxIDE1LjQxMzMgNS4yNjkwMSAxMy42MjMzIDUuMzQzMDFDMTMuMjA0MyA1LjM2MTAxIDEyLjc4MzMgNS4zODAwMSAxMi4zNjQzIDUuNDE5MDFDMTEuNDA4MyA1LjUwNzAxIDEwLjQ1NzMgNS42MzIwMSA5LjUxOTI3IDUuODQxMDFDOC42NjAyNyA2LjAzMTAxIDcuODI4MjcgNi4yODYwMSA3LjAzNTI3IDYuNjcxMDFDNS4zODUyNyA3LjQ3MTAxIDMuOTczMjcgOC41NzUwMSAyLjgzMzI3IDEwLjAxM0MxLjk2NDI3IDExLjEwOSAxLjI4NzI3IDEyLjMxIDAuODY2MjczIDEzLjY0NUMwLjQxNjI3MyAxNS4wNzYgMC4yMTUyNzMgMTYuNTU0IDAuMTIwMjczIDE4LjA0NUMwLjA2MDI3MjYgMTguOTM1IDAuMDE2MjcyNSAxOS44MjcgMC4wMTYyNzI1IDIwLjcyQzAuMDE2MjcyNSAyMy42OSAtMC4wNDE3Mjc0IDI2LjY2IDAuMDYxMjcyNiAyOS42M0MwLjEwMjI3MyAzMC43MjcgMC4xNzEyNzMgMzEuODIyIDAuMzMxMjczIDMyLjkxQzAuNDYyMjczIDMzLjc5MyAwLjYyOTI3MiAzNC42NzEgMC45MzEyNzIgMzUuNTEyQzEuODY5MjcgMzguMTMyIDMuNTI5MjcgNDAuMTgxIDUuODkyMjcgNDEuNjU4QzYuNzYzMjcgNDIuMjA1IDcuNjg0MjcgNDIuNjM3IDguNjc0MjcgNDIuOTE2QzEwLjAzNjMgNDMuMjk5IDExLjQzMjMgNDMuNDk2IDEyLjg0NjMgNDMuNTc2QzEzLjkwMDMgNDMuNjM2IDE0Ljk2MDMgNDMuNjc1IDE2LjAxOTMgNDMuNjhDMTguMjk2MyA0My42OTMgMjAuNTc3MyA0My43MTQgMjIuODU1MyA0My42NTlDMjMuOTg3MyA0My42MzQgMjUuMTE3MyA0My41OTYgMjYuMjQ1MyA0My40NzlDMjcuMjUyMyA0My4zNzcgMjguMjQzMyA0My4yMDIgMjkuMjE5MyA0Mi45NDJDMzAuNDkwMyA0Mi42IDMxLjY1NDMgNDIuMDIxIDMyLjcxOTMgNDEuMjZDMzQuNzQzMyAzOS44MjIgMzYuMjAyMyAzNy45MzkgMzcuMDQyMyAzNS42MDFDMzcuNTMzMyAzNC4yMzIgMzcuNzM0MyAzMi44MDEgMzcuODU1MyAzMS4zNkMzNy45NDMzIDMwLjMwNyAzNy45NzgzIDI5LjI1MSAzNy45ODYzIDI4LjE5NkMzNy45OTkzIDI1LjQzIDM4LjAyMTMgMjIuNjY3IDM3Ljk2NjMgMTkuOTA0QzM3Ljk1MzMgMTkuMzI5IDM3LjkyODMgMTguNzU1IDM3Ljg5MjMgMTguMTc5Wk00My4wNzAzIDguMDQyMDFDNDMuMDY3MyAxMi40NjQgMzkuNTExMyAxNi4wNzUgMzUuMDE3MyAxNi4wODNDMzAuNTI2MyAxNi4wOTEgMjYuOTQ0MyAxMi40NzYgMjYuOTQ0MyA4LjA0MDAxQzI2Ljk0MjMgMy41NzMwMSAzMC41ODgzIC0wLjAwNDk5NDc3IDM1LjAxNzMgNS4yMzM5NmUtMDZDMzkuNDM1MyAwLjAwMzAwNTIzIDQzLjA3NjMgMy41ODMwMSA0My4wNzAzIDguMDQyMDFaIiBmaWxsPSIjMDBBMUZFIi8+CjxwYXRoIGQ9Ik0yNS43ODkxIDI0LjIxNTZDMjUuNzg5MSAyNC4yMTU2IDI1Ljg4NDQgMjUuMzA5NyAyNS43ODkxIDI2QzI1LjUwNjQgMjguMDQ4MSAyMy43NTQxIDI5LjkwMjUgMjMgMzAuNUMyNS4yOTUyIDI4IDI1LjA0NTEgMjYuMjA3MSAyNC41IDIzLjVDMjMuNTYwMyAxOC44MzM0IDIwLjE3MDMgMTUuOTQxMSAxNS4xNTE1IDE1LjExNjNMMTQuMjM4MSAxNUMxNi4zMzU4IDE3LjQ5NTYgMTguMzM5OSAxOS45MDEyIDE4IDIxLjc1N0MxNy41ODkyIDI0IDE2LjIxMjQgMjUuMDY2NSAxNiAyNS41QzE2IDI1LjUgMTYuMjYxNSAyMi4xNjQxIDE2LjI0MDIgMjEuMzI4OEMxNi4yMjQzIDIwLjU3OCAxNS44ODk3IDE5LjY4OTcgMTUuMjg0MyAxOS4yMzVDMTUuNDcwMiAyMC4yMDc5IDE1LjI0MTggMjEuMDA2MiAxNC44MDEgMjEuNzU3QzEzLjQ4OTIgMjMuOTg4MiAxMC4yNjU1IDI0LjgxMyAxMCAyOC45MzdWMjkuMTM3OUMxMCAzMS45NzcyIDExLjM1OTYgMzQuMzcyMyAxMy42NDg1IDM1Ljc0NjlDMTMuMjg3NCAzNS4wOTY2IDEwLjI3MDYgMzEuMjYxNyAxMyAyOS41QzEyLjQ1MzkgMzIuMjA5OSAxNC4wODkzIDM0LjQ2NzQgMTQuNjY4MiAzNS4zMDI4QzE1LjEwMzcgMzUuOTIxNCAxNS42ODI2IDM2LjMyMzIgMTYuNDI2MSAzNi42MTkzQzE3LjE2OTYgMzYuOTE1NCAxOC4wNzI1IDM3IDE4Ljk3IDM3QzIxLjkzMzUgMzcgMjMuODI0MSAzNi4wNDMgMjUuMjk1MiAzNC4zM0MyNi43NjYzIDMyLjYxNjkgMjcgMzAuNzM0NyAyNyAyOC43MDQ0QzI3IDI2LjY3NDEgMjYuNTQ4NiAyNS40ODQ1IDI1Ljc4OTEgMjQuMjE1NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.CampaignCard-Icon._pfp-nl {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDZweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDYgNDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ2IDQ2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwMEExRkUiIGQ9Ik0zOS4yNDgsMTMuOTgyTDI0LjUxMiw2LjcwOWMtMC40NjctMC4yMzEtMC45OTEtMC4zNTMtMS41MTMtMC4zNTNzLTEuMDQ2LDAuMTIyLTEuNTE0LDAuMzUzTDYuNzUyLDEzLjk4DQoJYy0xLjYyNSwwLjc5Ni0yLjYzOCwyLjQxNS0yLjY0NSw0LjIyOXYxNS41NjljMCwyLjYwNCwyLjEzOCw0LjcyMyw0Ljc2Nyw0LjcyM2gyOC4yNTJjMi42MjksMCw0Ljc2Ny0yLjExOCw0Ljc2Ny00LjcyM1YxOC4yMDQNCglDNDEuODg1LDE2LjM5NCw0MC44NywxNC43NzUsMzkuMjQ4LDEzLjk4MnogTTIyLjY3OSw5LjEyOWMwLjA5OC0wLjA0OSwwLjIwOC0wLjA3NSwwLjMxOS0wLjA3NWMwLjExLDAsMC4yMjEsMC4wMjUsMC4zMTksMC4wNzQNCglsMTQuMzQyLDcuMDc5bC0xMC40MDQsNy44NzlsLTIuNDExLTEuODc2Yy0xLjIyLTAuOTQ5LTIuOTIzLTAuOTQ4LTQuMTQyLDBsLTIuMzk5LDEuODY2TDguMDY1LDE2LjM0MkwyMi42NzksOS4xMjl6IE0zOS4xOTQsMzMuNzc4DQoJYzAsMS4xMTYtMC45MjgsMi4wMjQtMi4wNjgsMi4wMjRIOC44NzRjLTEuMTQsMC0yLjA2OC0wLjkwOC0yLjA2OC0yLjAyNFYxOC43NzNsOS4yOTIsNy4wMkw5LjgsMzAuNjg5DQoJYy0wLjU4OCwwLjQ1OC0wLjY5NCwxLjMwNi0wLjIzNiwxLjg5NWMwLjI2NiwwLjM0MSwwLjY2NSwwLjUyMSwxLjA2NSwwLjUyMWMwLjI5LDAsMC41ODItMC4wOTMsMC44MjgtMC4yODRsMTAuOTAyLTguNDc5DQoJYzAuMjQ1LTAuMTg5LDAuNTg1LTAuMTksMC44MjgsMGwxMC45MDEsOC40NzljMC41ODksMC40NTYsMS40MzcsMC4zNTIsMS44OTUtMC4yMzZjMC40NTYtMC41ODksMC4zNTItMS40MzctMC4yMzgtMS44OTUNCglsLTYuMjgzLTQuODg4bDkuNzMyLTcuMzcxVjMzLjc3OHoiLz4NCjwvc3ZnPg0K");
}
.CampaignCard-Footer {
  margin: 0;
  padding: 14px;
}
.CampaignCard-Footer button {
  color: #fff;
  background: #a5abb3;
}
.CampaignCard-Footer button:hover {
  border-color: #a5abb3;
  color: #a5abb3;
  background: #fff;
}

.CampaignCard pf-loading-overlay .LoadingOverlay {
  border-radius: 15px;
}

.SelectWithLabel {
  position: relative;
}
.SelectWithLabel label {
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 12px;
  pointer-events: none;
}
.SelectWithLabel::after {
  content: "▾";
  right: 6px;
  top: 11px;
  position: absolute;
  pointer-events: none;
  color: #333;
}
.SelectWithLabel select {
  outline: none !important;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #2a2a2a;
  background-color: #fff;
  border: 2px solid #dadfe6;
  border-radius: 0.375rem;
  font-size: 1rem;
  height: 41px;
  padding: 13px 6px 6px 8px;
  -webkit-appearance: none;
}

.DesignControl {
  position: relative;
  padding-left: 40px;
  width: 100%;
  border: 2px solid #ebeef2;
  border-radius: 5px;
}
.DesignControl-Icon {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 2px;
  top: 0;
  left: 0;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  box-shadow: inset 0 0 0 0 rgba(0, 161, 254, 0);
  background: rgba(0, 161, 254, 0);
  transition: all 180ms;
  pointer-events: none;
}
.DesignControl._hover .DesignControl-Icon {
  cursor: pointer;
  pointer-events: all;
}
.DesignControl._hover:hover .DesignControl-Icon {
  box-shadow: inset 0 0 2px 2px #00a1fe;
  background: rgba(0, 161, 254, 0.2);
}
.DesignControl-IconSymbol {
  display: block;
  color: #333;
  font-size: 24px;
  line-height: 24px;
  flex: 0 0 24px;
}
.DesignControl-IconSymbol._line-through {
  text-decoration: line-through;
}
.DesignControl-IconSymbol small {
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
.DesignControl-IconSwatch {
  display: block;
  width: 100%;
  flex: 0 0 8px;
  border-radius: 6px;
  margin: 3px 0 1px;
  border: 1px solid #e6e6e6;
}
.DesignControl-Input {
  display: flex;
  flex-flow: row nowrap;
  height: 40px;
}
.DesignControl-Input mat-slider.mdc-slider--discrete {
  min-width: unset;
}
.DesignControl-Input input {
  height: 40px;
  border: 0;
  width: 60%;
  font-size: 15px;
  text-align: center;
  padding: 2px 8px;
  outline: none !important;
  background: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 1280px) {
  .DesignControl-Input input {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px) {
  .DesignControl-Input input {
    font-size: 14px;
  }
}
.DesignControl-Input input._alpha {
  width: calc(100% - 60px);
}
.DesignControl-Input input._beta {
  width: 60px;
  padding: 2px 8px;
  text-align: right;
  border-left: 2px solid #ebeef2;
}
.DesignControl-InputSelect {
  width: 100%;
}
.DesignControl-Input mat-select {
  padding: 10px !important;
}

.Circular-Loader {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  vertical-align: bottom;
}
.Circular-Loader::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 #fff, 8.6602540378px 5px 0 rgb(249.9, 249.9, 249.9), 5px 8.6602540378px 0 rgb(244.8, 244.8, 244.8), 0px 10px 0 rgb(239.7, 239.7, 239.7), -5px 8.6602540378px 0 rgb(234.6, 234.6, 234.6), -8.6602540378px 5px 0 rgb(229.5, 229.5, 229.5), -9.9999999992px 0.0000000001px 0 rgb(224.4, 224.4, 224.4), -8.6602540155px -4.9999999964px 0 rgb(219.3, 219.3, 219.3), -4.9999995817px -8.6602539615px 0 rgb(214.2, 214.2, 214.2), 0.0000055374px -9.9999988619px 0 rgb(209.1, 209.1, 209.1), 5.0000557188px -8.6602413044px 0 #cccccc, 8.6607030736px -4.9998870315px 0 rgb(198.9, 198.9, 198.9), 10.0030122404px 0.0008274095px 0 rgb(193.8, 193.8, 193.8);
  border-radius: 50%;
  animation: CircularLoaderRotate 380ms infinite linear;
  animation-timing-function: steps(12, end);
}

@keyframes CircularLoaderRotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.IntegrationTitle {
  margin-bottom: 10px;
}
.IntegrationButtons-Wrapper {
  display: flex;
  flex-flow: row;
}
.IntegrationButtons-Wrapper._bordered {
  border: 1px solid #e6edf3;
  width: calc(100% + 40px);
  margin-left: -20px;
}
.IntegrationButtons-Tabs {
  display: flex;
  flex-flow: column;
  background-color: #f6f6f7;
}
.IntegrationButtons-Tab {
  width: 141px;
  margin-right: -1px;
  font-weight: 500;
  font-size: 16px;
  opacity: 0.8;
  text-transform: capitalize;
  padding: 10px 20px;
  z-index: 1;
  border-left: 3px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.IntegrationButtons-Tab:hover {
  cursor: pointer;
  opacity: 1;
}
.IntegrationButtons-Tab._active {
  opacity: 1;
  color: var(--color-primary-new);
  background-color: #fff;
  border-bottom: 1px solid #ebeef2;
  border-top: 1px solid #ebeef2;
  border-left: 3px solid var(--color-primary-new);
}
.IntegrationButtons-Tab:first-child {
  border-top: none;
}
@media screen and (max-width: 380px) {
  .IntegrationButtons-Tab {
    width: 141px;
    font-size: 14px;
    padding: 20px;
  }
}
.IntegrationButtons {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 30px;
  border-left: 1px solid #ebeef2;
}
@media screen and (max-width: 380px) {
  .IntegrationButtons {
    padding: 10px;
  }
}
.IntegrationButton {
  margin: 5px;
  width: 200px;
  min-height: 75px;
}
@media screen and (max-width: 500px) {
  .IntegrationButton {
    width: 100%;
  }
}
.IntegrationButton._blank {
  font-size: 13px;
}
.IntegrationButton:hover {
  border-color: var(--color-primary-new) !important;
  background-color: var(--color-primary-new) !important;
}
.IntegrationButton:hover .IntegrationIcon {
  filter: invert(1);
}
.IntegrationIcon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background: no-repeat center center;
  background-size: contain;
}
.IntegrationButton .IntegrationIcon {
  display: block;
  margin: 0 auto 5px !important;
}
.IntegrationButton .IntegrationIcon:hover {
  border-color: var(--color-primary-new);
  background-color: var(--color-primary-new);
}
.IntegrationIcon._mailchimp {
  background-image: url("/app_assets/mail-integration-icons/mailchimp.png");
}
.IntegrationIcon._omnisend {
  background-image: url("/app_assets/mail-integration-icons/omnisend.svg");
}
.IntegrationIcon._klaviyo {
  background-image: url("/app_assets/mail-integration-icons/klaviyo.png");
}
.IntegrationIcon._activecampaign, .IntegrationIcon._active_campaign {
  background-image: url("/app_assets/mail-integration-icons/active_campaign.svg");
  filter: brightness(0%);
}
.IntegrationIcon._constantcontact {
  background-image: url("/app_assets/mail-integration-icons/constantcontact.png");
}
.IntegrationIcon._drip, .IntegrationIcon._getdrip {
  background-image: url("/app_assets/mail-integration-icons/drip.svg");
}
.IntegrationIcon._zapier {
  background-image: url("/app_assets/mail-integration-icons/zapier.png");
}
.IntegrationIcon._cmcommerce, .IntegrationIcon._cm_commerce {
  background-image: url("/app_assets/mail-integration-icons/cm_commerce.svg");
}
.IntegrationIcon._zoho {
  background-image: url("/app_assets/mail-integration-icons/zoho.png");
}
.IntegrationIcon._aweber {
  background-image: url("/app_assets/mail-integration-icons/aweber.svg");
}
.IntegrationIcon._get_response, .IntegrationIcon._getresponse {
  background-image: url("/app_assets/mail-integration-icons/get_response.png");
}
.IntegrationIcon._shopifyemail {
  background-image: url("/app_assets/mail-integration-icons/shopify_email.svg");
}
.IntegrationIcon._shopify_email {
  background-image: url("/app_assets/mail-integration-icons/shopify.png");
}
.IntegrationIcon._bronto, .IntegrationIcon._brontomodel {
  background-image: url("/app_assets/mail-integration-icons/bronto.png");
}
.IntegrationIcon._sendinblue {
  background-image: url("/app_assets/mail-integration-icons/brevo.svg");
}
.IntegrationIcon._mailerlite {
  background-image: url("/app_assets/mail-integration-icons/mailerlite.png");
}
.IntegrationIcon._smartrmail {
  background-image: url("/app_assets/mail-integration-icons/smartrmail.png");
}
.IntegrationIcon._seguno {
  background-image: url("/app_assets/mail-integration-icons/seguno.png");
}
.IntegrationIcon._smsbump {
  background-image: url("/app_assets/mail-integration-icons/smsbump.svg");
}

.Tip {
  margin-bottom: 20px;
  display: flex;
  border: 2px solid #abdbf4;
  background: #f5fbfe;
  font-size: 16px;
  line-height: 20px;
  border-radius: 5px;
}
.Tip__Title {
  background: #abdbf4;
  color: #fff;
  padding: 10px 20px;
  font-weight: 700;
}
@media screen and (max-width: 500px) {
  .Tip__Title {
    padding: 10px;
    font-size: 14px;
  }
}
.Tip__Body {
  padding: 10px;
  font-weight: 300;
  color: #6b8490;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .Tip__Body {
    font-size: 14px;
  }
}
.Tip + .Tip {
  margin-top: -10px;
}
.Tip._clickable {
  cursor: pointer;
}

.Tip._danger {
  border: 2px solid #ffa100;
  background: #fef9f5;
}
.Tip._danger .Tip__Title {
  color: #fff;
  background: #ffa100;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Tip._danger .Tip__Body {
  font-weight: normal;
  color: #585858;
}

.Tip._success {
  border: 2px solid #4caf50;
  background: #fef9f5;
}
.Tip._success .Tip__Title {
  color: #fff;
  background: #4caf50;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Tip._success .Tip__Body {
  font-weight: normal;
  color: #585858;
}

.Tip._shopify-green {
  border: 2px solid #298160;
  background: #fff;
}
.Tip._shopify-green .Tip__Title {
  color: #fff;
  background: #298160;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Tip._shopify-green .Tip__Body {
  font-weight: 500;
  color: #298160;
}

.custom.ng-select._invalid .ng-select-container {
  border-color: #ff5151;
}
.custom.ng-select .ng-arrow-wrapper {
  padding-right: 15px;
}
.custom.ng-select.ng-select-opened > .ng-select-container {
  border-color: #dbe0e7;
}
.custom.ng-select.ng-select-single .ng-select-container {
  height: 41px;
}
@media screen and (max-width: 992px) {
  .custom.ng-select.ng-select-single .ng-select-container {
    height: fit-content;
  }
}
.custom.ng-select .ng-select-container {
  border: 1px solid #bdc0c1;
}
.custom.ng-select.ng-touched.ng-invalid .ng-select-container {
  border-color: #ff4c6a;
}

.thin-border.ng-select .ng-select-container {
  border: 1px solid #ced4da;
}
.thin-border.ng-select .ng-placeholder {
  color: #6c757d !important;
}

.ng-select.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.ng-select.disabled .ng-select-container {
  background-color: #e9ecef;
}
.ng-select.disabled .ng-select-container:hover {
  cursor: not-allowed;
}

.ng-dropdown-panel-items {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.ng-dropdown-panel-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ng-dropdown-panel-items::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.ng-dropdown-panel-items::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}

.custom.ng-dropdown-panel,
.custom .ng-dropdown-panel {
  border: none;
  z-index: 1000;
}
.custom.ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.custom .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 4px 10px;
}
.custom.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled,
.custom .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  cursor: initial;
}
.custom.ng-dropdown-panel .ng-dropdown-footer,
.custom .ng-dropdown-panel .ng-dropdown-footer {
  border-top: 0;
  padding: 0;
}
.custom.ng-dropdown-panel .ng-dropdown-panel-items,
.custom .ng-dropdown-panel .ng-dropdown-panel-items {
  border: 2px solid #dbe0e7;
  border-bottom: 0;
}
.custom.ng-dropdown-panel .ng-option.ng-option-selected,
.custom .ng-dropdown-panel .ng-option.ng-option-selected {
  background-color: transparent;
}
.custom.ng-dropdown-panel .ng-option.ng-option-selected .CouponCode-Item._expired,
.custom.ng-dropdown-panel .ng-option.ng-option-selected.ng-option-marked .CouponCode-Item._expired,
.custom .ng-dropdown-panel .ng-option.ng-option-selected .CouponCode-Item._expired,
.custom .ng-dropdown-panel .ng-option.ng-option-selected.ng-option-marked .CouponCode-Item._expired {
  opacity: 0.5;
  background: #f6f6f7;
}
.custom.ng-dropdown-panel .ng-option.ng-option-selected .CouponCode-Item,
.custom.ng-dropdown-panel .ng-option.ng-option-selected.ng-option-marked .CouponCode-Item,
.custom .ng-dropdown-panel .ng-option.ng-option-selected .CouponCode-Item,
.custom .ng-dropdown-panel .ng-option.ng-option-selected.ng-option-marked .CouponCode-Item {
  border: 1px solid #0095f7;
}
@media screen and (max-width: 1024px) {
  .custom.ng-dropdown-panel .mat-paginator-range-actions,
  .custom .ng-dropdown-panel .mat-paginator-range-actions {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .custom.ng-dropdown-panel .mat-paginator-range-label,
  .custom .ng-dropdown-panel .mat-paginator-range-label {
    margin: 5px;
  }
}
@media screen and (max-width: 540px) {
  .custom.ng-dropdown-panel .mat-paginator-range-label,
  .custom .ng-dropdown-panel .mat-paginator-range-label {
    font-size: 10px;
  }
}

._ng-select-custom-short .custom.ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 288px !important;
}
@media screen and (max-width: 1400px) {
  ._ng-select-custom-short .custom.ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 300px !important;
  }
}

.ng-select.email-list .option-item._disabled,
.ng-dropdown-panel.email-list .option-item._disabled {
  opacity: 0.5;
  cursor: default;
}
.ng-select.email-list .option-item._disabled:hover,
.ng-dropdown-panel.email-list .option-item._disabled:hover {
  background-color: #fff;
}
.ng-select.email-list .option-item.email,
.ng-dropdown-panel.email-list .option-item.email {
  display: flex;
}
.ng-select.email-list .option-item.email .text,
.ng-dropdown-panel.email-list .option-item.email .text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}
.ng-select.email-list .option-item.email .label,
.ng-dropdown-panel.email-list .option-item.email .label {
  border-radius: 30px;
  padding: 0 10px 2px;
  background: var(--color-primary-new);
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  margin-left: 5px;
}
.ng-select.email-list .option-item.email .label._red,
.ng-dropdown-panel.email-list .option-item.email .label._red {
  background: var(--color-danger);
}
.ng-select.email-list .option-item.create,
.ng-dropdown-panel.email-list .option-item.create {
  padding: 10px;
  color: var(--color-primary-new);
  cursor: pointer;
}
.ng-select.email-list .ng-select-container,
.ng-dropdown-panel.email-list .ng-select-container {
  cursor: pointer !important;
}
.ng-select.email-list .ng-select-container .ng-value-container .ng-value,
.ng-dropdown-panel.email-list .ng-select-container .ng-value-container .ng-value {
  width: 100%;
}
.ng-select.email-list .ng-option,
.ng-dropdown-panel.email-list .ng-option {
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--dark-separator);
}
.ng-select.email-list .ng-dropdown-footer,
.ng-dropdown-panel.email-list .ng-dropdown-footer {
  padding: 0;
}
.ng-select.email-list .ng-dropdown-footer:hover,
.ng-dropdown-panel.email-list .ng-dropdown-footer:hover {
  background-color: #f5faff;
}

.broadcast-email-list .option-item._disabled,
.broadcast-email-list.ng-select .option-item._disabled,
.broadcast-email-list.ng-dropdown-panel .option-item._disabled {
  opacity: 0.5;
  cursor: default;
}
.broadcast-email-list .option-item._disabled:hover,
.broadcast-email-list.ng-select .option-item._disabled:hover,
.broadcast-email-list.ng-dropdown-panel .option-item._disabled:hover {
  background-color: #fff;
}
.broadcast-email-list .option-item.email,
.broadcast-email-list.ng-select .option-item.email,
.broadcast-email-list.ng-dropdown-panel .option-item.email {
  display: flex;
}
.broadcast-email-list .option-item.email .text,
.broadcast-email-list.ng-select .option-item.email .text,
.broadcast-email-list.ng-dropdown-panel .option-item.email .text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}
.broadcast-email-list .option-item.email .label,
.broadcast-email-list.ng-select .option-item.email .label,
.broadcast-email-list.ng-dropdown-panel .option-item.email .label {
  border-radius: 30px;
  padding: 0 10px 2px;
  background: var(--color-primary-new);
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  margin-left: 5px;
}
.broadcast-email-list .option-item.email .label._red,
.broadcast-email-list.ng-select .option-item.email .label._red,
.broadcast-email-list.ng-dropdown-panel .option-item.email .label._red {
  background: var(--color-danger);
}
.broadcast-email-list .option-item.create,
.broadcast-email-list.ng-select .option-item.create,
.broadcast-email-list.ng-dropdown-panel .option-item.create {
  padding: 10px;
  color: var(--color-primary-new);
  cursor: pointer;
}
.broadcast-email-list .ng-select-container,
.broadcast-email-list.ng-select .ng-select-container,
.broadcast-email-list.ng-dropdown-panel .ng-select-container {
  cursor: pointer !important;
}
.broadcast-email-list .ng-select-container .ng-value-container .ng-value,
.broadcast-email-list.ng-select .ng-select-container .ng-value-container .ng-value,
.broadcast-email-list.ng-dropdown-panel .ng-select-container .ng-value-container .ng-value {
  width: 100%;
}
.broadcast-email-list .ng-option,
.broadcast-email-list.ng-select .ng-option,
.broadcast-email-list.ng-dropdown-panel .ng-option {
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--dark-separator);
}
.broadcast-email-list .ng-dropdown-footer,
.broadcast-email-list.ng-select .ng-dropdown-footer,
.broadcast-email-list.ng-dropdown-panel .ng-dropdown-footer {
  padding: 0;
}
.broadcast-email-list .ng-dropdown-footer:hover,
.broadcast-email-list.ng-select .ng-dropdown-footer:hover,
.broadcast-email-list.ng-dropdown-panel .ng-dropdown-footer:hover {
  background-color: #f5faff;
}

.keywords-dropdown .option-item._disabled {
  opacity: 0.5;
  cursor: default;
}
.keywords-dropdown .option-item._disabled:hover {
  background-color: #fff;
}
.keywords-dropdown .option-item.email {
  display: flex;
}
.keywords-dropdown .option-item.email .text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}
.keywords-dropdown .option-item.email .label {
  border-radius: 30px;
  padding: 0 10px 2px;
  background: var(--color-primary-new);
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  margin-left: 5px;
}
.keywords-dropdown .option-item.email .label._red {
  background: var(--color-danger);
}
.keywords-dropdown .option-item.create {
  padding: 10px;
  color: var(--color-primary-new);
  cursor: pointer;
}
.keywords-dropdown .ng-select-container {
  cursor: pointer !important;
}
.keywords-dropdown .ng-select-container .ng-value-container .ng-value {
  width: 100%;
}
.keywords-dropdown .ng-option {
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--dark-separator);
}
.keywords-dropdown .ng-dropdown-footer {
  padding: 0;
}
.keywords-dropdown .ng-dropdown-footer:hover {
  background-color: #f5faff;
}

.upsell-email-automation.ng-select .option-item._disabled,
.upsell-email-automation.ng-dropdown-panel .option-item._disabled,
.cart-recovery-email-automation.ng-select .option-item._disabled,
.cart-recovery-email-automation.ng-dropdown-panel .option-item._disabled {
  opacity: 0.5;
  cursor: default;
}
.upsell-email-automation.ng-select .option-item._disabled:hover,
.upsell-email-automation.ng-dropdown-panel .option-item._disabled:hover,
.cart-recovery-email-automation.ng-select .option-item._disabled:hover,
.cart-recovery-email-automation.ng-dropdown-panel .option-item._disabled:hover {
  background-color: #fff;
}
.upsell-email-automation.ng-select .option-item.email,
.upsell-email-automation.ng-dropdown-panel .option-item.email,
.cart-recovery-email-automation.ng-select .option-item.email,
.cart-recovery-email-automation.ng-dropdown-panel .option-item.email {
  display: flex;
}
.upsell-email-automation.ng-select .option-item.email .text,
.upsell-email-automation.ng-dropdown-panel .option-item.email .text,
.cart-recovery-email-automation.ng-select .option-item.email .text,
.cart-recovery-email-automation.ng-dropdown-panel .option-item.email .text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}
.upsell-email-automation.ng-select .option-item.email .label,
.upsell-email-automation.ng-dropdown-panel .option-item.email .label,
.cart-recovery-email-automation.ng-select .option-item.email .label,
.cart-recovery-email-automation.ng-dropdown-panel .option-item.email .label {
  border-radius: 30px;
  padding: 0 10px 2px;
  background: var(--color-primary-new);
  color: #fff;
  font-size: 12px;
  line-height: 19px;
  margin-left: 5px;
}
.upsell-email-automation.ng-select .option-item.email .label._red,
.upsell-email-automation.ng-dropdown-panel .option-item.email .label._red,
.cart-recovery-email-automation.ng-select .option-item.email .label._red,
.cart-recovery-email-automation.ng-dropdown-panel .option-item.email .label._red {
  background: var(--color-danger);
}
.upsell-email-automation.ng-select .option-item.create,
.upsell-email-automation.ng-dropdown-panel .option-item.create,
.cart-recovery-email-automation.ng-select .option-item.create,
.cart-recovery-email-automation.ng-dropdown-panel .option-item.create {
  padding: 10px;
  color: var(--color-primary-new);
  cursor: pointer;
}
.upsell-email-automation.ng-select .ng-select-container,
.upsell-email-automation.ng-dropdown-panel .ng-select-container,
.cart-recovery-email-automation.ng-select .ng-select-container,
.cart-recovery-email-automation.ng-dropdown-panel .ng-select-container {
  cursor: pointer !important;
}
.upsell-email-automation.ng-select .ng-select-container .ng-value-container .ng-value,
.upsell-email-automation.ng-dropdown-panel .ng-select-container .ng-value-container .ng-value,
.cart-recovery-email-automation.ng-select .ng-select-container .ng-value-container .ng-value,
.cart-recovery-email-automation.ng-dropdown-panel .ng-select-container .ng-value-container .ng-value {
  width: 100%;
}
.upsell-email-automation.ng-select .ng-option,
.upsell-email-automation.ng-dropdown-panel .ng-option,
.cart-recovery-email-automation.ng-select .ng-option,
.cart-recovery-email-automation.ng-dropdown-panel .ng-option {
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--dark-separator);
}
.upsell-email-automation.ng-select .ng-dropdown-footer,
.upsell-email-automation.ng-dropdown-panel .ng-dropdown-footer,
.cart-recovery-email-automation.ng-select .ng-dropdown-footer,
.cart-recovery-email-automation.ng-dropdown-panel .ng-dropdown-footer {
  padding: 0;
}
.upsell-email-automation.ng-select .ng-dropdown-footer:hover,
.upsell-email-automation.ng-dropdown-panel .ng-dropdown-footer:hover,
.cart-recovery-email-automation.ng-select .ng-dropdown-footer:hover,
.cart-recovery-email-automation.ng-dropdown-panel .ng-dropdown-footer:hover {
  background-color: #f5faff;
}
.upsell-email-automation.ng-select.ng-select-single .ng-select-container, .upsell-email-automation.ng-select.ng-select-multiple .ng-select-container,
.upsell-email-automation.ng-dropdown-panel.ng-select-single .ng-select-container,
.upsell-email-automation.ng-dropdown-panel.ng-select-multiple .ng-select-container,
.cart-recovery-email-automation.ng-select.ng-select-single .ng-select-container,
.cart-recovery-email-automation.ng-select.ng-select-multiple .ng-select-container,
.cart-recovery-email-automation.ng-dropdown-panel.ng-select-single .ng-select-container,
.cart-recovery-email-automation.ng-dropdown-panel.ng-select-multiple .ng-select-container {
  height: 38px;
  border: 1px solid #ced4da;
}

.ng-select.contact-list .ng-value-container {
  max-height: 90px;
  overflow-y: auto;
}
.ng-select.contact-list.ng-invalid.ng-touched .ng-select-container {
  border-color: var(--color-danger);
}
.ng-select.contact-list .ng-option.ng-option-disabled {
  color: var(--color-secondary);
}

.h-46 .ng-select-container {
  height: 46px !important;
}

.contact-list-short.ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 210px;
}
.contact-list-short.ng-select.ng-invalid.ng-touched.ng-dirty .ng-select-container {
  border-color: var(--color-danger);
}
.contact-list-short.ng-select.ng-invalid.ng-touched:not(.ng-dirty) .ng-select-container {
  border-color: #ced4da;
}

.plugin-select .ng-select-container {
  justify-content: space-between;
}
.plugin-select .ng-clear-wrapper {
  text-align: center;
}
.plugin-select .ng-value-container {
  width: 90%;
  overflow: hidden;
}
.plugin-select .ng-value-container .ng-value {
  max-width: 100%;
  display: flex;
}
.plugin-select .ng-value-container .ng-value .ng-value-label {
  max-width: calc(100% - 12px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.ng-select-container .ng-value-container .ng-value {
  padding: 0 3px;
}

.Countries-Select.ng-dropdown-panel {
  z-index: 2001 !important;
  margin-left: 3px;
}

ng-select.CountryCode .ng-select-container {
  height: 40px !important;
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
ng-select.CountryCode .ng-select-container .ng-input {
  opacity: 0 !important;
  caret-color: transparent !important;
}
ng-select.CountryCode.ng-select-focused .ng-select-container {
  border-color: #bebebe !important;
  box-shadow: none !important;
}
ng-select.CountryCode.ng-select-filtered .ng-value {
  visibility: visible !important;
}

ng-select._upsell-preview .ng-select-container {
  height: 48px !important;
}
ng-select._upsell-preview .ng-value-container {
  padding-top: 10px;
  padding-top: 15px;
  opacity: 0.7;
}

ng-dropdown-panel.CountryCode {
  width: fit-content !important;
  z-index: 2001 !important;
}
ng-dropdown-panel.CountryCode .ng-dropdown-panel-items {
  width: fit-content;
  max-width: 220px;
}
ng-dropdown-panel.CountryCode .ng-dropdown-panel-items {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
ng-dropdown-panel.CountryCode .ng-dropdown-panel-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
ng-dropdown-panel.CountryCode .ng-dropdown-panel-items::-webkit-scrollbar-track {
  background: #f7f9fc;
}
ng-dropdown-panel.CountryCode .ng-dropdown-panel-items::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
ng-dropdown-panel.CountryCode .ng-dropdown-panel-items .ng-option {
  font-size: 13px;
  padding: 4px;
  border-top: 1px solid #e6e6e6;
}

.state-toggle.ng-select .ng-option.ng-option-selected {
  background: var(--color-primary-new !important);
  color: #fff !important;
}
.state-toggle.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  box-shadow: none !important;
  border-color: #ccc !important;
}

.btn {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  border: 2px solid transparent;
  transition: none;
  cursor: default;
  padding: 0.75rem 1.5rem;
  -webkit-user-select: none;
          user-select: none;
  font-size: 1rem;
  line-height: 1.25;
  border-radius: 0.375rem;
  outline: none !important;
}
@media screen and (max-width: 380px) {
  .btn {
    padding: 0.5rem 1rem;
    text-transform: capitalize;
  }
}
@media screen and (max-width: 320px) {
  .btn {
    font-size: 15px;
    padding: 0.5rem 0.75rem;
    margin: 5px !important;
  }
}
.btn:focus {
  outline: none !important;
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:hover {
  color: #fff;
  cursor: default;
}
.btn:active {
  color: #2a2a2a;
  background-color: #bbc0c6;
  border-color: transparent;
  box-shadow: none !important;
}
.btn.btn-sm {
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25;
  border-radius: 0.375rem;
}
.btn.btn-outline-secondary {
  border: 2px solid #dadfe6;
  color: #2a2a2a;
  background-color: transparent;
}
.btn.btn-outline-secondary:hover {
  background-color: #dfe3ea;
  border-color: transparent;
}
.btn.btn-outline-primary {
  border: 2px solid #0095f7;
  color: #2a2a2a;
  background-color: transparent;
}
.btn.btn-outline-primary:hover {
  color: #fff;
  background-color: #24a4f8;
  border-color: transparent;
}
.btn.btn-outline-primary:active {
  color: #fff;
  background-color: #0080d4;
  border-color: transparent;
  box-shadow: none;
}

.TriggerButtonIcons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 -2px;
}
.TriggerButtonIcons-Item {
  display: block;
  cursor: pointer;
  height: 41px;
  width: 41px;
  border: 2px solid #dadfe6;
  padding: 2px;
  border-radius: 3px;
  margin: 2px;
  transition: all 180ms;
}
.TriggerButtonIcons-Item svg {
  width: 100%;
  height: 100%;
}
.TriggerButtonIcons-Item svg path {
  transition: all 180ms;
}
.TriggerButtonIcons-Item._active {
  border: 2px solid #0095f7 !important;
}
.TriggerButtonIcons-Item._is-custom {
  position: relative;
  background: #ebf7ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.TriggerButtonIcons-Item._is-custom .TriggerButtonIcons-Item-Close {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 13px;
  font-size: 14px;
  border-radius: 50%;
  color: #fff;
  background: #0095f7;
}
.TriggerButtonIcons-Item._is-custom .TriggerButtonIcons-Item-Close:hover {
  background: #f44336;
}
.TriggerButtonIcons-Item._is-custom img {
  width: 100%;
  height: auto;
}
.TriggerButtonIcons-Item:hover {
  border: 2px solid rgb(94, 191.1214574899, 255);
}

.Config {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
}
.Config-Preview {
  flex: 1 0 60%;
  display: grid;
  grid-template-rows: 60px 1fr 50px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .Config-Preview {
    padding: 15px;
    grid-template-rows: 60px 350px 50px;
  }
}
@media screen and (max-width: 600px) {
  .Config-Preview {
    grid-template-rows: 60px 250px 50px;
  }
}
.Config-Preview .newsletter-preview-container,
.Config-Preview .info-popup-preview-container,
.Config-Preview .coupon-box-preview-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.Config-Preview .newsletter-preview-container iframe,
.Config-Preview .info-popup-preview-container iframe,
.Config-Preview .coupon-box-preview-container iframe {
  position: absolute;
  margin-top: 40px;
  transform-origin: 50% 0;
  border-radius: 5px;
}
.Config-Controls {
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-left: 10px;
  padding-right: 5px;
}
.Config-Controls {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.Config-Controls::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.Config-Controls::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.Config-Controls::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
@media screen and (max-width: 1024px) {
  .Config-Controls {
    height: auto;
    width: 100%;
    padding: 0 15px;
  }
}
@media screen and (max-width: 600px) {
  .Config-Controls {
    padding: 0;
  }
}
.Config._triggers-preview {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .Config._triggers-preview {
    flex-flow: row wrap;
    max-height: none;
  }
  .Config._triggers-preview .Config-Preview {
    padding: 15px;
    grid-template-rows: 60px 400px;
  }
  .Config._triggers-preview .Config-Controls {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .Config._triggers-preview .Config-Preview {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .Config {
    min-height: auto;
  }
}

.ConfigCard {
  border-radius: 1px;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  margin-bottom: 15px;
}
.ConfigCard-Head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 10px;
  color: #fff;
  background: #0095f7;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.ConfigCard-Body {
  font-size: 14px;
  background: #fff;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.ConfigCard-BodyLine {
  padding: 10px 1rem;
  border-top: 1px solid #f5f5f5;
}
.ConfigCard-Subtitle {
  padding: 10px;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  background: #ebf7ff;
}

.ConfigTabSwitch {
  display: flex;
  flex-flow: row nowrap;
  border-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ConfigTabSwitch._advanced-tabs {
  margin: 0 -20px -2px;
}
.ConfigTabSwitch-Button {
  flex: 1 1 50%;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #a5abb3;
  -webkit-user-select: none;
          user-select: none;
  background: #fff;
  cursor: pointer;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ConfigTabSwitch-Button:first-child {
  box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.15);
}
.ConfigTabSwitch-Button:last-child {
  box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.15);
}
.ConfigTabSwitch-Button:not(._active) {
  border-bottom: 1px solid rgba(0, 149, 247, 0.15);
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15);
}
.ConfigTabSwitch-Button:not(._active):hover {
  background: rgba(0, 149, 247, 0.06);
  color: #0095f7;
}
.ConfigTabSwitch-Button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ConfigTabSwitch-Button._active {
  color: #0095f7;
  border-top: 3px solid #0095f7;
  box-shadow: none;
}
.ConfigTabSwitch-Button + .ConfigTabSwitch-Button {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.ConfigControl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ConfigControl._grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
}
.ConfigControl._disabled > * {
  pointer-events: none !important;
  opacity: 0.7;
}
.ConfigControl-Label {
  flex: 1 1 35%;
  padding-right: 5px;
}
.ConfigControl-Input {
  flex: 1 1 70%;
}

.ProductsList {
  position: relative;
  height: 300px;
  overflow-y: auto;
  border-radius: 6px;
  border: 1px solid #dfe3ea;
}
.ProductsList {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.ProductsList::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ProductsList::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.ProductsList::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
.ProductsList.h-200 {
  max-height: 200px;
}
.ProductsList.h-150 {
  max-height: 150px;
}
.ProductsList.h-182 {
  max-height: 182px;
}
.ProductsList.h-120 {
  max-height: 120px;
}
.ProductsList.h-single {
  max-height: 122px;
}
.ProductsList.has-error {
  border-color: #ff4c6a;
  color: #ff4c6a;
}
.ProductsList-Search {
  position: relative;
}
.ProductsList-Search input {
  padding-right: 70px;
}
.ProductsList-Search button {
  position: absolute;
  top: 3px;
  right: 3px;
}
.ProductsList-Head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
}
.ProductsList-Item {
  cursor: pointer;
}
.ProductsList-ItemRow {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 60px;
  padding: 5px 10px;
  overflow: hidden;
}
.ProductsList-ItemRow._no-selection {
  justify-content: center;
  height: 100%;
}
.ProductsList-ItemTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ProductsList-ItemClearable {
  width: 100%;
  display: flex !important;
  justify-content: space-between;
}
.ProductsList-ItemImage {
  height: 50px;
  width: 50px;
  border-radius: 3px;
  border: 1px solid #dfe3ea;
  margin-left: 10px;
  margin-right: 10px;
}
.ProductsList-ItemImage._no-image {
  height: 48px;
  width: 48px;
  background-image: url("/app_assets/shopify-logo-no-text.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 90%;
}
.ProductsList-ItemImage._no-image img {
  display: none;
}
.ProductsList-ItemImage img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.ProductsList-Item + .ProductsList-Item {
  border-top: 1px solid #dfe3ea;
}

.ProductVariants-Item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 60px;
  overflow: hidden;
  border-top: 1px solid #dfe3ea;
  padding: 5px 10px 5px 25px;
}
.ProductVariants-Item._no-checkbox {
  cursor: default;
}
.ProductVariants-Item._no-checkbox .checkbox {
  pointer-events: none;
}
.ProductVariants-Item._no-checkbox .checkbox span::before {
  display: none;
}
.ProductVariants-ItemImage {
  height: 50px;
  width: 50px;
  border-radius: 3px;
  border: 1px solid #dfe3ea;
  margin-left: 10px;
  margin-right: 10px;
}
.ProductVariants-ItemImage._no-image {
  height: 48px;
  width: 48px;
  background-image: url("/app_assets/shopify-logo-no-text.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 90%;
}
.ProductVariants-ItemImage._no-image img {
  display: none;
}
.ProductVariants-ItemImage img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

._remove-button {
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.8;
  font-weight: 600;
}
._remove-button:hover {
  color: #ff4c6a;
  opacity: 1;
}

.checkbox {
  -webkit-user-select: none !important;
          user-select: none !important;
  margin-bottom: 0;
}
.checkbox input {
  display: none;
}
.checkbox > span:first-of-type {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
  min-width: 20px;
  line-height: 20px;
  padding-left: 30px;
  cursor: pointer;
}
.checkbox > span:first-of-type:empty {
  padding-left: 0;
}
.checkbox > span:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0);
  box-shadow: inset 0 0 0 1px #bdc6cf;
  border-radius: 3px;
}
.checkbox > span:first-of-type.invalid::before {
  box-shadow: inset 0 0 0 1px #ff4c6a;
}
.checkbox > span:first-of-type::after {
  content: "";
  display: block;
  width: 13px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 2px solid;
  border-color: transparent transparent #0095f7 #0095f7;
  transform: scale(5) rotate(-45deg);
  opacity: 0;
  pointer-events: none;
}
.checkbox input:checked + span::after {
  opacity: 1;
  border-color: transparent transparent #0095f7 #0095f7;
  transform: scale(1) rotate(-45deg);
}
.checkbox input:checked + span::before {
  box-shadow: inset 0 0 0 1px #0095f7;
  background: white;
}
.checkbox input:indeterminate + span::after {
  opacity: 1;
  border-color: transparent transparent #0095f7;
  border-left: 0;
  border-right: 0;
  transform: scale(1);
}
.checkbox input:indeterminate + span::before {
  box-shadow: inset 0 0 0 1px #0095f7;
  background: white;
}

.checkbox._solid span::before {
  background: white;
}

.checkbox._disabled {
  pointer-events: none;
}
.checkbox._disabled span._disabled {
  color: #b3b3b3;
}
.checkbox._disabled span:first-of-type::after {
  border-color: transparent transparent #bdc6cf #bdc6cf;
}
.checkbox._disabled input:checked + span::after {
  border-color: transparent transparent #bdc6cf #bdc6cf;
}
.checkbox._disabled input:checked + span::before {
  box-shadow: inset 0 0 0 1px #bdc6cf;
}

.checkbox._animated span::after {
  transition: all 0.1s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.checkbox._animated span::before {
  transition: all 0.1s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.mat-checkbox-wrap .mat-checkbox-layout {
  white-space: normal !important;
  align-items: flex-start;
}
.mat-checkbox-wrap .mat-checkbox-layout .mat-checkbox-inner-container {
  margin: 4px 10px 0 0;
}

.L-ThemeCarousel {
  display: flex;
  flex-flow: row nowrap;
  height: calc(100% - 10px);
  background: #f6f6f7;
}
@media screen and (max-width: 600px) {
  .L-ThemeCarousel {
    height: auto;
    max-height: none;
  }
}
@media screen and (max-width: 600px) {
  .L-ThemeCarousel {
    flex-direction: column;
    max-height: none;
  }
}
.L-ThemeCarousel-Main {
  flex: 1 0 60%;
}
.L-ThemeCarousel-Aside {
  flex: 1 0 40%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 10px;
  background: #fff;
}
.L-ThemeCarousel-Aside {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.L-ThemeCarousel-Aside::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.L-ThemeCarousel-Aside::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.L-ThemeCarousel-Aside::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
@media screen and (max-width: 600px) {
  .L-ThemeCarousel-Aside {
    margin-top: 15px !important;
  }
}
.L-ThemeCarousel-Aside-StickyHeader {
  position: sticky;
  top: 0;
  z-index: 5;
}

.CarouselView {
  display: grid;
  grid-template-rows: 60px 1fr 50px;
  height: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #494949;
}
@media screen and (max-width: 600px) {
  .CarouselView {
    grid-template-rows: 60px 1fr 95px;
  }
}
.CarouselView-Head {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}
.CarouselView-Body {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  /*
  These are old selectors of shared components:
    pf-preview-newsletter
    pf-preview-coupon
    pf-preview-wheel
  We now use Shared Modules instead with these selectors:
    pf-coupon-box-preview
    pf-newsletter-preview
    pf-fortune-wheel-preview
  Keeping the old ones just in case. Need to delete them at some point
  */
}
.CarouselView-Body pf-coupon-box-preview,
.CarouselView-Body pf-newsletter-preview,
.CarouselView-Body pf-preview-newsletter,
.CarouselView-Body pf-preview-coupon {
  height: 100%;
}
.CarouselView-Body pf-fortune-wheel-preview,
.CarouselView-Body pf-preview-wheel {
  display: block;
  width: 100%;
  height: 100%;
}
.CarouselView-Footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .CarouselView-Footer {
    justify-content: flex-end;
  }
  .CarouselView-Footer button {
    font-size: 13px;
    padding: 6px 14px;
    margin-right: 0 !important;
    margin-left: 10px;
  }
}
.CarouselView-ViewSwitch {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 100px;
  height: 32px;
  border: 1px solid #727272;
  border-radius: 6px;
}
.CarouselView-ViewSwitch-Item {
  display: inline-block;
  width: 50%;
  height: 100%;
  line-height: 29px;
  text-align: center;
  cursor: pointer;
  color: #a4abb3;
  background-color: rgba(0, 0, 0, 0);
  transition: all 180ms;
  border-radius: 6px 0 0 6px;
}
.CarouselView-ViewSwitch-Item._active, .CarouselView-ViewSwitch-Item:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.CarouselView-ViewSwitch-Item._active img, .CarouselView-ViewSwitch-Item:hover img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(169deg) brightness(104%) contrast(102%);
}
.CarouselView-ViewSwitch-Item:last-child {
  border-radius: 0 6px 6px 0;
  border-left: 1px solid #727272;
}
@media screen and (max-width: 1024px) {
  .CarouselView-ViewSwitch {
    position: relative;
    bottom: 0;
    left: 0;
    margin-right: auto;
  }
}
.CarouselView-Arrows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  min-width: 50%;
  z-index: 10;
}
.CarouselView-Arrows-Item {
  pointer-events: all;
  font-size: 80px;
  cursor: pointer;
  color: #8a8a8a;
  transform: translateY(0);
  transition: all 180ms;
}
.CarouselView-Arrows-Item:hover {
  color: rgb(112.5, 112.5, 112.5);
}
.CarouselView-Arrows-Item:active {
  transform: translateY(2px);
}
.CarouselView-Arrows._top-pos .CarouselView-Arrows-Item {
  font-size: 30px;
}
.CarouselView-Arrows._top-pos .CarouselView-Arrows-Item:hover {
  color: #000;
}
.CarouselView-Arrows._center-pos {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  padding: 0 20px 0 5px;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.CarouselView:hover .CarouselView-Arrows._center-pos {
  visibility: visible;
  opacity: 1;
}
.CarouselView .preview-toggle-container {
  margin: 0 auto;
}

.PreviewBlockBG {
  background: #f6f6f7;
}

.PreviewBlockHeader {
  position: sticky;
  top: 0;
  z-index: 10;
  color: #383838;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-color: white;
  height: 60px;
  margin: 0 10px;
}
@media screen and (max-width: 600px) {
  .PreviewBlockHeader {
    margin-top: 10px;
  }
}

.ql-formats {
  margin-right: 10px !important;
}
.ql-formats:last-child {
  margin-right: 0 !important;
}

.ql-undo {
  padding-top: 0 !important;
}
.ql-undo::before {
  content: "↶";
  color: #444444;
  font-size: 20px;
}

.ql-redo {
  padding-top: 0 !important;
}
.ql-redo::before {
  content: "↷";
  color: #444444;
  font-size: 20px;
}

.ql-editor {
  min-height: 50px;
}
.ql-editor:focus {
  box-shadow: 0 0 0.1rem 0.25rem rgba(0, 123, 255, 0.35);
}

.ql-tooltip.ql-editing {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.Wireframe-Phone {
  width: 264px;
  height: 533px;
  padding: 8px;
  border-radius: 25px;
  background: #f6f9fc;
  box-shadow: 0 14px 4px -8px rgba(50, 50, 93, 0.02), 0 12px 29px -10px rgba(0, 0, 0, 0.3), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.35);
}
.Wireframe-Phone-Display {
  height: 100%;
  border-radius: 23px;
  background: #fff;
}

.SMS-View {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
}
.SMS-View-Head {
  padding: 15px;
  color: #555;
  border-bottom: 1px solid #ccc;
}
.SMS-View-Head span {
  font-weight: 600;
  color: #333;
}
.SMS-View-Body {
  position: relative;
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding: 15px;
}

.SMS-Input {
  border: 1px solid #ccc;
  margin-top: 15px;
  min-height: 33px;
  padding: 5px 15px;
  border-radius: 15px;
  width: 100%;
  word-break: break-word;
}

.SMS-Message {
  position: relative;
  padding: 15px;
  text-align: right;
  background: #e6e6e6;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 10px;
  word-break: break-word;
}
.SMS-Message::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 10px;
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: #e6e6e6 transparent transparent;
}
.SMS-Message._response {
  background: #0095f7;
  color: #fff;
  text-align: left;
}
.SMS-Message._response::before {
  right: unset;
  left: 10px;
  border-color: #0095f7 transparent transparent;
}

.SMSOnboarding-Layout {
  display: grid;
  width: 100%;
  position: relative;
  height: 100%;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 10px;
  grid-template-areas: "aside content" "none footer";
  padding-left: 100px;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .SMSOnboarding-Layout {
    padding-left: 0;
    grid-template-rows: 190px 1fr 70px;
    grid-template-columns: 1fr;
    grid-template-areas: "aside" "content" "footer";
  }
}
.SMSOnboarding-Layout.sidebar-pinned {
  padding-left: 200px;
}
@media screen and (max-width: 600px) {
  .SMSOnboarding-Layout.sidebar-pinned {
    padding-left: 0;
  }
}
.SMSOnboarding-Layout-Aside {
  position: absolute;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .SMSOnboarding-Layout-Aside {
    position: relative;
  }
}
.SMSOnboarding-Layout-Content {
  position: relative;
  grid-area: content;
  place-self: start;
  overflow-y: auto;
  width: 100%;
  min-height: 50vh;
  max-height: 100%;
  z-index: 1;
}
.SMSOnboarding-Layout-Content {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.SMSOnboarding-Layout-Content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.SMSOnboarding-Layout-Content::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.SMSOnboarding-Layout-Content::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
.SMSOnboarding-Layout-Content::after {
  content: "";
  background: url("/app_assets/sms/onboarding/message-conversation.svg");
  background-size: cover;
  filter: grayscale(1);
  opacity: 0.025;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.SMSOnboarding-Layout-Content.organization::after, .SMSOnboarding-Layout-Content.keyword::after, .SMSOnboarding-Layout-Content.try-it-out::after, .SMSOnboarding-Layout-Content.setup-contact::after, .SMSOnboarding-Layout-Content.collect-numbers::after, .SMSOnboarding-Layout-Content.terms-of-service::after, .SMSOnboarding-Layout-Content.sms-automations::after, .SMSOnboarding-Layout-Content.welcome::after, .SMSOnboarding-Layout-Content.tcpa::after, .SMSOnboarding-Layout-Content.organization::after {
  display: none;
}
.SMSOnboarding-Layout-Content.organization, .SMSOnboarding-Layout-Content.keyword, .SMSOnboarding-Layout-Content.try-it-out, .SMSOnboarding-Layout-Content.setup-contact, .SMSOnboarding-Layout-Content.tcpa, .SMSOnboarding-Layout-Content.terms-of-service, .SMSOnboarding-Layout-Content.collect-numbers, .SMSOnboarding-Layout-Content.sms-automations {
  background: transparent !important;
  border: none;
  box-shadow: none;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}
.SMSOnboarding-Layout-Content.organization .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.keyword .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.setup-contact .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.tcpa .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.terms-of-service .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.collect-numbers .SMSOnboarding-Layout-Step-Head, .SMSOnboarding-Layout-Content.sms-automations .SMSOnboarding-Layout-Step-Head {
  border-radius: 5px;
  border: 1px solid #ebeef2;
  background: #fff;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  display: grid;
  grid-template-rows: 65px auto;
  padding: 0;
}
.SMSOnboarding-Layout-Content.organization .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.keyword .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.setup-contact .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.tcpa .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.terms-of-service .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.collect-numbers .SMSOnboarding-Layout-Step-Head h2, .SMSOnboarding-Layout-Content.sms-automations .SMSOnboarding-Layout-Step-Head h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ebeef2;
  margin: 0;
  padding: 20px;
}
.SMSOnboarding-Layout-Content.organization .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.keyword .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.setup-contact .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.tcpa .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.terms-of-service .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.collect-numbers .SMSOnboarding-Layout-Step-Head p, .SMSOnboarding-Layout-Content.sms-automations .SMSOnboarding-Layout-Step-Head p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 15px;
}
.SMSOnboarding-Layout-Content.welcome {
  width: 100%;
  margin: 0 auto;
}
.SMSOnboarding-Layout-Content.keyword .SMSOnboarding-Layout-Step-Content, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-Layout-Step-Content {
  display: flex;
}
@media screen and (max-width: 730px) {
  .SMSOnboarding-Layout-Content.keyword .SMSOnboarding-Layout-Step-Content, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-Layout-Step-Content {
    flex-direction: column;
  }
}
.SMSOnboarding-Layout-Content.keyword .SMSOnboarding-ConfigCards, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-ConfigCards {
  margin-right: 24px;
  flex-grow: 1;
}
@media screen and (max-width: 730px) {
  .SMSOnboarding-Layout-Content.keyword .SMSOnboarding-ConfigCards, .SMSOnboarding-Layout-Content.try-it-out .SMSOnboarding-ConfigCards {
    margin-right: 0;
  }
}
.SMSOnboarding-Layout-Footer {
  position: relative;
  grid-area: footer;
  width: 100%;
  z-index: 2;
  align-self: end;
}
.SMSOnboarding-Layout-Footer .Card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin: auto;
  padding: 10px 20px;
}
.SMSOnboarding-Layout-Step {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head" "content" "preview";
  gap: 15px;
}
.SMSOnboarding-Layout-Step-Head {
  grid-area: head;
  border-bottom: 1px solid #ebeef2;
  text-align: center;
}
.SMSOnboarding-Layout-Step-Head h2 {
  color: var(--color-primary);
}
.SMSOnboarding-Layout-Step-Content {
  width: 100%;
  place-self: center;
  justify-items: center;
}
.SMSOnboarding-Layout-Step-Preview {
  place-self: stretch;
}
@media screen and (max-width: 730px) {
  .SMSOnboarding-Layout-Step-Preview {
    margin: 0 auto;
  }
}
.SMSOnboarding-Layout img {
  max-width: 100%;
  height: auto;
}

.SMSOnboarding-Org-Title {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 15px;
}
.SMSOnboarding-Org-Control-Group {
  display: flex;
  flex-flow: row nowrap;
}
.SMSOnboarding-Org-Control-Group > * + * {
  margin-left: 15px;
}
.SMSOnboarding-Org-InfoForm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px 30px;
}
@media screen and (max-width: 600px) {
  .SMSOnboarding-Org-InfoForm {
    grid-template-columns: 1fr;
  }
}
.SMSOnboarding-Org-AddressForm {
  display: grid;
  gap: 25px 30px;
  grid-template-columns: repeat(7, 1fr);
  grid-template-areas: "str-no     str-name   str-name   str-name   apt        apt        apt" "country    country    state      state      city       city       zip";
}
@media screen and (max-width: 1100px) {
  .SMSOnboarding-Org-AddressForm {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "str-no     str-no     str-name   str-name   str-name   str-name" "apt        apt        apt        apt        zip        zip" "country    country    state      state      city       city";
  }
}
.SMSOnboarding-Org label {
  font-weight: 500;
}
.SMSOnboarding-Org input.form-control::placeholder {
  color: #acacac !important;
}
.SMSOnboarding-Org select.form-control,
.SMSOnboarding-Org input.form-control {
  background-image: none !important;
}
.SMSOnboarding-Org ._grid-area-str-no {
  grid-area: str-no;
}
.SMSOnboarding-Org ._grid-area-str-name {
  grid-area: str-name;
}
.SMSOnboarding-Org ._grid-area-apt {
  grid-area: apt;
}
.SMSOnboarding-Org ._grid-area-zip {
  grid-area: zip;
}
.SMSOnboarding-Org ._grid-area-country {
  grid-area: country;
}
.SMSOnboarding-Org ._grid-area-state {
  grid-area: state;
}
.SMSOnboarding-Org ._grid-area-city {
  grid-area: city;
}
.SMSOnboarding-Keyword {
  display: grid;
  gap: 5px 15px;
  grid-template-columns: min-content auto;
  grid-template-areas: "label input" ". feedback";
}
@media screen and (max-width: 600px) {
  .SMSOnboarding-Keyword {
    grid-template-columns: 1fr;
    grid-template-areas: "label" "input" "feedback";
  }
}
.SMSOnboarding-Keyword-Label {
  grid-area: label;
  display: flex;
  align-items: center;
  width: fit-content;
  white-space: nowrap;
}
.SMSOnboarding-Keyword-Input {
  max-width: 300px;
  grid-area: input;
}
.SMSOnboarding-Keyword-Feedback {
  grid-area: feedback;
}
.SMSOnboarding-Keyword-Button {
  grid-area: button;
}
.SMSOnboarding-Try-Message {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: auto;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  height: 100%;
  color: #fff;
  background: var(--color-primary);
}
.SMSOnboarding-Try-Message .mat-progress-spinner {
  margin: 15px auto;
}
.SMSOnboarding-Try-Message .mat-progress-spinner::ng-deep circle {
  stroke: var(--color-primary);
}
.SMSOnboarding-Try-Message ion-icon {
  display: block;
  font-size: 48px;
  text-align: center;
}
.SMSOnboarding-Try-Message._success ion-icon {
  color: var(--color-success);
}
.SMSOnboarding-Try-Message._timedout {
  color: #333;
  background: #e6e6e6;
}
.SMSOnboarding-Try-Message._timedout ion-icon {
  color: var(--color-danger);
}
.SMSOnboarding-Contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px 30px;
}
.SMSOnboarding-Contacts + .SMSOnboarding-Contacts {
  margin-top: 15px;
}
@media screen and (max-width: 600px) {
  .SMSOnboarding-Contacts {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .SMSOnboarding-Contacts {
    grid-column: 1/span 2;
  }
}
.SMSOnboarding-Contacts label {
  font-weight: 500;
}
.SMSOnboarding-Contacts._has-border {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  padding: 10px;
}
.SMSOnboarding-Contacts-Title {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.SMSOnboarding-Contacts + .SMSOnboarding-Contacts-Title {
  margin-top: 30px;
}
.SMSOnboarding-Contacts-Span {
  grid-column: 1/span 3;
}
.SMSOnboarding-Tos-Textarea {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  height: 110px;
  min-height: 110px;
  min-width: 50%;
  border-radius: 8px;
  border: 1px solid #ced4da;
  background: #fff;
  overflow-y: scroll;
  outline: none !important;
  resize: auto;
}
.SMSOnboarding-Tos-Textarea {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.SMSOnboarding-Tos-Textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.SMSOnboarding-Tos-Textarea::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.SMSOnboarding-Tos-Textarea::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
.SMSOnboarding-Tos pf-copy-button {
  position: sticky;
  bottom: 0;
  float: right;
}

.SMSOnboarding-ConfigCard {
  border-radius: 1px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 4px 4px 8px rgba(189, 136, 136, 0.08);
}
.SMSOnboarding-ConfigCard-Head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 10px;
  color: var(--color-primary);
  background-color: #fff;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  transition: 0.2s;
}
.SMSOnboarding-ConfigCard-Head._hoverable:hover {
  background-color: #0095f7;
  color: #fff;
}
.SMSOnboarding-ConfigCard-Head._hoverable:hover .card-control img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(174deg) brightness(119%) contrast(100%);
}
.SMSOnboarding-ConfigCard-Head._hoverable:hover ._tooltip {
  color: #50d73f;
  background: #fff;
}
.SMSOnboarding-ConfigCard-Head._invert {
  background-color: #0095f7;
  color: #fff;
}
.SMSOnboarding-ConfigCard-Head._invert .card-control img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(174deg) brightness(119%) contrast(100%);
}
.SMSOnboarding-ConfigCard-Head._invert ._tooltip {
  color: #50d73f;
  background: #fff;
}
.SMSOnboarding-ConfigCard-Head .card-control {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: default;
  font-weight: bold;
  padding-left: 0.25rem;
}
.SMSOnboarding-ConfigCard-Head .card-control ion-icon {
  font-size: 18px;
  line-height: 18px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.15s;
  transform: rotate(-90deg);
}
.SMSOnboarding-ConfigCard-Head .card-control ._rotated {
  transform: rotate(0deg);
}
.SMSOnboarding-ConfigCard-Body {
  font-size: 14px;
  background: #fff;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden;
  border: 1px solid #ebeef2;
  border-top: none;
}
.SMSOnboarding-ConfigCard-Body a {
  color: #0095f7;
}
.SMSOnboarding-ConfigCard-BodyLine {
  padding: 20px;
  border-top: none;
}

.SMSOnboarding-Copy {
  position: relative;
  width: fit-content;
  min-width: 180px;
  padding: 6px;
  margin: 4px 0;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}
.SMSOnboarding-Copy pf-copy-button {
  position: absolute;
  top: 2px;
  right: 2px;
  opacity: 0;
  background: #fff;
}
.SMSOnboarding-Copy:hover pf-copy-button {
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer !important;
}

.GiftCardOnboarding-Layout {
  display: grid;
  width: 100%;
  position: relative;
  height: 100%;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 10px;
  grid-template-areas: "aside content" "none footer";
  padding-left: 100px;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .GiftCardOnboarding-Layout {
    padding-left: 0;
    grid-template-rows: 190px 1fr 70px;
    grid-template-columns: 1fr;
    grid-template-areas: "aside" "content" "footer";
  }
}
.GiftCardOnboarding-Layout.sidebar-pinned {
  padding-left: 200px;
}
@media screen and (max-width: 600px) {
  .GiftCardOnboarding-Layout.sidebar-pinned {
    padding-left: 0;
  }
}
.GiftCardOnboarding-Layout-Aside {
  height: 100%;
  position: absolute;
}
@media screen and (max-width: 600px) {
  .GiftCardOnboarding-Layout-Aside {
    position: relative;
  }
}
.GiftCardOnboarding-Layout-Content {
  position: relative;
  grid-area: content;
  place-self: start;
  overflow-y: auto;
  width: 100%;
  min-height: 50vh;
  max-height: 100%;
  z-index: 1;
  margin: 0 auto;
}
.GiftCardOnboarding-Layout-Content {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.GiftCardOnboarding-Layout-Content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.GiftCardOnboarding-Layout-Content::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.GiftCardOnboarding-Layout-Content::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
.GiftCardOnboarding-Layout-Footer {
  position: relative;
  grid-area: footer;
  width: 100%;
  z-index: 2;
  align-self: end;
}
.GiftCardOnboarding-Layout-Footer .Card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: auto;
  padding: 10px 20px;
}
.GiftCardOnboarding-Layout-Step {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head" "content" "preview";
  gap: 15px;
}
.GiftCardOnboarding-Layout-Step-Head {
  grid-area: head;
  border-bottom: 1px solid #ebeef2;
  text-align: center;
}
.GiftCardOnboarding-Layout-Step-Head h2 {
  color: var(--color-primary);
}
.GiftCardOnboarding-Layout-Step-Content {
  width: 100%;
  place-self: center;
  justify-items: center;
}
.GiftCardOnboarding-Layout-Step-Preview {
  grid-area: preview;
  place-self: center;
}
.GiftCardOnboarding-Layout img {
  max-width: 100%;
  height: auto;
}

.GiftCardOnboarding-ConfigCard {
  border-radius: 1px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 4px 4px 8px rgba(189, 136, 136, 0.08);
}
.GiftCardOnboarding-ConfigCard-Head {
  position: relative;
  align-items: center;
  font-size: 14px;
  padding: 10px;
  color: #333333;
  background-color: #fff;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  transition: 0.2s;
  box-shadow: rgba(0, 0, 0, 0.08) 0 2px 8px;
  display: flex;
  width: 100%;
}
.GiftCardOnboarding-ConfigCard-Head .sticker {
  display: none;
  background-color: var(--control-subtitle-invert-text);
  width: 4px;
  height: 100%;
  margin: -10px;
  position: absolute;
}
.GiftCardOnboarding-ConfigCard-Head .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #bbecd9;
  border-radius: 50px;
  font-weight: 400;
  color: #333333;
}
.GiftCardOnboarding-ConfigCard-Head .status {
  position: absolute;
  right: 10px;
  top: 5px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
}
.GiftCardOnboarding-ConfigCard-Head .status-container {
  display: flex;
  align-items: center;
}
.GiftCardOnboarding-ConfigCard-Head._invert {
  background-color: #fff;
  color: #0095f7;
}
.GiftCardOnboarding-ConfigCard-Head._invert .sticker {
  display: block;
}
.GiftCardOnboarding-ConfigCard-Head._invert .card-control img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(174deg) brightness(119%) contrast(100%);
}
.GiftCardOnboarding-ConfigCard-Head._invert ._tooltip {
  color: #50d73f;
  background: #fff;
}
.GiftCardOnboarding-ConfigCard-Head .card-control {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: default;
  font-weight: bold;
  padding-left: 0.25rem;
}
.GiftCardOnboarding-ConfigCard-Head .card-control ion-icon {
  font-size: 18px;
  line-height: 18px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.15s;
  color: #0095f7;
}
.GiftCardOnboarding-ConfigCard-Head .card-control ._rotated {
  transform: rotate(-90deg);
  color: #333333;
}
.GiftCardOnboarding-ConfigCard-BodyTable {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  grid-gap: 10px;
  padding: 10px;
}
.GiftCardOnboarding-ConfigCard-BodyTable > div {
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.12);
  text-align: center;
  padding: 25px 10px;
  display: grid;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .GiftCardOnboarding-ConfigCard-BodyTable > div {
    padding: 15px 5px;
  }
}
.GiftCardOnboarding-ConfigCard-BodyTable > div p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.GiftCardOnboarding-ConfigCard-BodyTable > div p:nth-child(2) {
  color: #828587;
  font-size: 12px;
  line-height: 18px;
}
.GiftCardOnboarding-ConfigCard-BodyTable > div.no-shadow {
  box-shadow: none;
}
.GiftCardOnboarding-ConfigCard-BodyTable > div.deep-bg {
  background: #fcfcfc;
}
.GiftCardOnboarding-ConfigCard-BodyTable > div._title h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}
@media screen and (max-width: 600px) {
  .GiftCardOnboarding-ConfigCard-BodyTable > div._title h3 {
    font-size: 22px;
    line-height: 32px;
  }
}
.GiftCardOnboarding-ConfigCard-BodyTable > div._intro {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}

.GiftCardOnboarding-Copy {
  position: relative;
  width: fit-content;
  min-width: 180px;
  padding: 6px;
  margin: 4px 0;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}
.GiftCardOnboarding-Copy pf-copy-button {
  position: absolute;
  top: 2px;
  right: 2px;
  opacity: 0;
  background: #fff;
}
.GiftCardOnboarding-Copy:hover pf-copy-button {
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer !important;
}

.pointer-none {
  pointer-events: none !important;
}

.ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  z-index: 9001;
  overflow: auto;
}

.ql-mention-loading {
  line-height: 44px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 16px;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ql-mention-list-item {
  cursor: pointer;
  line-height: 44px;
  font-size: 16px;
  padding: 0 20px;
  vertical-align: middle;
}

.ql-mention-list-item.disabled {
  cursor: auto;
}

.ql-mention-list-item.selected {
  background-color: #d3e1eb;
  text-decoration: none;
}

.mention {
  height: 24px;
  width: 65px;
  border-radius: 6px;
  background-color: #d3e1eb;
  padding: 3px 0;
  margin-right: 2px;
  -webkit-user-select: all;
          user-select: all;
}

.mention > span {
  margin: 0 3px;
}

.CouponConfigFields-CollapsibleSection {
  filter: drop-shadow(0 2px 8px rgba(15, 38, 52, 0.08));
}
.CouponConfigFields-CollapsibleSection:not(:first-child) {
  margin-top: 16px;
}
.CouponConfigFields-CollapsibleSection .SocialPopup-Subtitle {
  margin: 0;
}
.CouponConfigFields-CollapsibleSection .PluginConfig-Line {
  margin: 0;
}

.CouponConfigFields-CollapsibleSectionTrigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  font-weight: 600;
}
.CouponConfigFields-CollapsibleSectionTrigger ion-icon {
  transition: transform 0.3s;
}

.CouponConfigFields-HeaderTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
  border-left: 4px solid #009dff;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.CouponConfigFields-HeaderTitle._collapsed {
  border-left: 4px solid transparent;
}
.CouponConfigFields-HeaderTitle._collapsed._collapsed ion-icon[name=chevron-down] {
  transform: rotate(-90deg);
}

.SocialPopup-Subtitle {
  background: #fff;
  color: #009dff;
  padding: 8px 10px;
}
.SocialPopup-Subtitle ion-icon[name=chevron-down] {
  color: #009dff;
  margin: auto 10px;
  font-size: 20px;
}
.SocialPopup-Subtitle._collapsed {
  color: #333333;
}
.SocialPopup-Subtitle._collapsed ion-icon[name=chevron-down] {
  color: #333333;
}
.SocialPopup-Subtitle._error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  background: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.SocialPopup-Subtitle._error ion-icon {
  transition: transform 0.3s;
}
.SocialPopup-Subtitle._error._collapsed ion-icon {
  transform: rotate(-180deg);
}

.SocialPopup-Configs {
  background-color: #fff;
  padding: 0 20px;
}

.SocialPopup-Control {
  padding: 20px 0;
}
.SocialPopup-Control:not(:first-child) {
  padding-top: 0;
}
.SocialPopup-Control-Line {
  position: relative;
  margin-left: 15px;
}
.SocialPopup-Control._split_width .SocialPopup-Control-Label,
.SocialPopup-Control._split_width .SocialPopup-Control-Input {
  flex: 1 0 50%;
}
.SocialPopup-Control._one-line {
  display: flex;
  align-items: center;
}
.SocialPopup-Control._one-line mat-select {
  padding: 7px 14px;
}
.SocialPopup-Control._one-line .SocialPopup-Control-Label {
  color: #333;
  font-size: 16px;
}
.SocialPopup-Control._one-line label {
  margin-bottom: 0;
  color: #333;
  font-size: 14px;
}
.SocialPopup-Control._one-line .SocialPopup-Control-Input {
  width: 115px;
  height: 40px;
}
.SocialPopup-Control._one-line .SocialPopup-Control-Input._lg {
  width: 153px;
}
.SocialPopup-Control._one-line .SocialPopup-Control-Input-Label {
  position: absolute;
  top: 9px;
  right: 9px;
}
.SocialPopup-Control .mat-checkbox-layout {
  white-space: normal;
}
.SocialPopup-Control .mat-checkbox-layout .mat-checkbox-label {
  color: #333;
}

.SocialPopup-Control-Label {
  font-size: 16px;
  color: #828587;
}

.SocialPopup-Control-Input {
  display: block;
  height: 40px;
  width: 100%;
  border: 1px solid #bdc0c1;
  border-radius: 4px;
  padding: 8px 16px;
  line-height: 1.5;
  color: #333;
}
.SocialPopup-Control-Input::-webkit-outer-spin-button, .SocialPopup-Control-Input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.SocialPopup-Control-Input[type=number] {
  appearance: none;
}
.SocialPopup-Control-Input._is-invalid {
  border-color: #ff4c6a;
}

.SocialPopup-Aside {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 5px;
  margin: 0 -10px;
}
@media screen and (max-width: 1024px) {
  .SocialPopup-Aside {
    height: unset;
  }
}
.SocialPopup-Aside {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.SocialPopup-Aside::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.SocialPopup-Aside::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.SocialPopup-Aside::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}

.SocialPopup-More {
  margin-left: auto;
  margin-top: 5px;
}
.SocialPopup-More a {
  color: #009dff;
  font-size: 16px;
  font-weight: 600;
}
.SocialPopup-More a:hover {
  text-decoration: none;
}

.SocialPopup-Refresh-Button {
  color: #009dff;
  background: transparent;
  border: none;
  font-weight: 600;
  margin-left: 30px;
  padding: 0;
}
.SocialPopup-Refresh-Button ion-icon {
  margin-right: 5px;
  display: inline-block;
}
.SocialPopup-Refresh-Button:focus ion-icon {
  animation: rotate 1s ease-in-out 0s;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.SocialPopup-Variables {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  line-height: 16px;
}
.SocialPopup-Variables-Toggle {
  border: 1px solid #d9dcde;
  display: flex;
  padding: 5px;
  border-radius: 4px;
}

.SocialPopup-Toggle-Button {
  font-size: 14px;
  padding: 6px 10px;
  background: none;
  border: none;
  color: #828587;
}
.SocialPopup-Toggle-Button._active {
  border-radius: 7px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.15);
  background: #009dff;
  color: #fff;
}
.SocialPopup-Toggle-Button:last-child {
  margin-left: 5px;
}

.SocialPopup-Examples {
  display: flex;
  flex-direction: column;
}
.SocialPopup-Examples__Title {
  margin-bottom: 10px;
  font-weight: 600;
  display: flex;
}
.SocialPopup-Examples__Title .Tooltip {
  margin-left: 5px;
}
.SocialPopup-Examples__Title .pf-button {
  margin-left: 10px;
  margin-right: auto;
  margin-top: -7px;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .SocialPopup-Examples__Title .pf-button {
    margin-left: auto;
    margin-right: 0;
  }
}
.SocialPopup-Examples__Title .pf-button mat-spinner {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 6px;
}
.SocialPopup-Examples__Title .pf-button mat-spinner ::ng-deep circle {
  stroke: #fff;
}
.SocialPopup-Examples__Title .pf-button:hover mat-spinner ::ng-deep circle {
  stroke: var(--color-primary-new);
}

.Product-Item {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.Product-Item:not(:last-child) {
  border-bottom: 1px solid #dfe3ea;
}
.Product-Image {
  height: 60px;
  width: 60px;
  border-radius: 3px;
  border: 1px solid #e8ebf0;
  margin: 0 15px;
}
.Product-Image img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.Product-Item {
  display: flex;
}

.Radio-Item {
  display: flex;
  align-items: baseline;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.Radio-Item input[type=radio] {
  position: absolute;
  opacity: 0;
}
.Radio-Item .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #bdc0c1;
  border-radius: 50%;
  cursor: pointer;
}
.Radio-Item .checkmark-sm {
  top: 50%;
  transform: translateY(-50%) scale(0.75);
}
.Radio-Item .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0095f7;
}
.Radio-Item input:checked ~ label .checkmark {
  border: 2px solid #0095f7;
}
.Radio-Item input:checked ~ label .checkmark::after {
  display: block;
}
.Radio-Item label {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 0 0 0 35px;
  color: #333333;
  background: #fff;
  transition: all 180ms;
}
.Radio-Item small {
  margin-top: 5px;
}
.Radio-Item small {
  display: block;
}

.NoProducts {
  display: flex;
  align-items: center;
}
.NoProducts-Image {
  width: 64px;
}
.NoProducts-Text {
  font-size: 16px;
  color: #828587;
  margin-left: 14px;
}

.message {
  display: flex;
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 2px 12px 0 #dfe3eb;
}
.message-icon-container {
  display: flex;
  align-items: center;
  position: relative;
  padding: 16px 8px;
}
.message-icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin-right: 15px;
}
.message-box {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 5px 5px 5px 20px;
}
.message.warning {
  border-left: 4px solid #fdbf0a;
}
.message.warning .message-icon-container {
  background: #fff2d8;
}
.message.info {
  border-left: 4px solid #009dff;
}
.message.info .message-icon-container {
  background: #eaf7ff;
}
.message a {
  color: #009dff;
  text-decoration: underline;
}

.Capture-InstructionList {
  counter-reset: instruction-counter;
  padding-left: 0;
  list-style: none;
  margin-top: 16px;
  margin-bottom: 0;
}
.Capture-InstructionList li {
  counter-increment: instruction-counter;
  position: relative;
  display: flex;
  align-items: baseline;
  min-height: 43px;
  margin: 0 0 16px;
}
.Capture-InstructionList li::before {
  content: counter(instruction-counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #333;
  font-size: 16px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: white;
  text-align: center;
  margin-right: 16px;
}
.Capture-InstructionList li a {
  color: #009dff;
  text-decoration: underline;
}
.Capture-InstructionList li img {
  max-width: 460px;
  width: 100%;
  margin-top: 16px;
}

.settings-card {
  position: relative;
  margin-bottom: 24px;
  padding: 24px;
  background: #fff;
  border-radius: var(--bdrs);
  box-shadow: 0 6px 20px -3px rgba(15, 38, 52, 0.06), 0 3px 14px -2px rgba(15, 38, 52, 0.08);
}
.settings-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settings-card-header._centered {
  justify-content: center;
}
.settings-card-header-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  position: relative;
}
.settings-card-header-title._active {
  color: var(--color-primary) !important;
}
.settings-card-subheader {
  color: #595959;
  font-size: 14px;
  margin-top: 5px;
}
.settings-card-subheader ._tooltip {
  border-bottom: 2px dotted #c4cdd5;
}
.settings-card-body {
  margin-top: 24px;
}
.settings-card-body p {
  margin-bottom: 0;
}
.settings-card-footer {
  margin-top: 24px;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}
.settings-control {
  position: relative;
  padding-top: 10px;
  margin-bottom: 16px;
}
.settings-control label {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 2px 1px #fff;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  top: -1px;
  left: 5px;
  padding: 0 5px;
  z-index: 1002;
}
.settings-control mat-select, .settings-control input, .settings-control select {
  height: 46px;
  padding: 0.65rem 0.75rem;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.settings-control._small mat-select, .settings-control._small input, .settings-control._small select {
  height: 30px;
  padding: 6px;
  font-size: 14px;
}
.settings-control ng-select .ng-select-container .ng-value-container .ng-input > input {
  height: 34px;
}
.settings-control ng-select.ng-select.ng-select-single .ng-select-container {
  border: 1px solid #ced4da !important;
  height: 46px !important;
}

.EmailOnboarding-L {
  display: grid;
  width: 100%;
  position: relative;
  height: 100%;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 10px;
  grid-template-areas: "aside content" "none footer";
  padding-left: 100px;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .EmailOnboarding-L {
    padding-left: 0;
    grid-template-rows: 190px 1fr 70px;
    grid-template-columns: 1fr;
    grid-template-areas: "aside" "content" "footer";
  }
}
.EmailOnboarding-L.sidebar-pinned {
  padding-left: 200px;
}
@media screen and (max-width: 600px) {
  .EmailOnboarding-L.sidebar-pinned {
    padding-left: 0;
  }
}
.EmailOnboarding-L-Aside {
  position: absolute;
}
@media screen and (max-width: 600px) {
  .EmailOnboarding-L-Aside {
    position: relative;
  }
}
.EmailOnboarding-L-Content {
  position: relative;
  grid-area: content;
  place-self: start;
  overflow-y: auto;
  width: 100%;
  min-height: 50vh;
  max-height: 100%;
  margin: 0 auto;
  z-index: 1;
}
.EmailOnboarding-L-Content {
  scrollbar-width: thin;
  scrollbar-color: #babec8 #f7f9fc;
}
.EmailOnboarding-L-Content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.EmailOnboarding-L-Content::-webkit-scrollbar-track {
  background: #f7f9fc;
}
.EmailOnboarding-L-Content::-webkit-scrollbar-thumb {
  background-color: #babec8;
  border-radius: 6px;
}
.EmailOnboarding-L-Footer {
  position: relative;
  grid-area: footer;
  width: 100%;
  z-index: 2;
  align-self: end;
}
.EmailOnboarding-L-Footer .Card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: auto;
  padding: 10px 20px;
}

.EmailOnboarding-L-Head {
  border-radius: 5px;
  border: 1px solid #ebeef2;
  background: #fff;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  display: grid;
  grid-template-rows: 65px auto;
  padding: 0;
}
.EmailOnboarding-L-Head h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ebeef2;
  color: var(--color-primary);
  margin: 0;
  padding: 20px;
  text-align: center;
}
.EmailOnboarding-L-Head p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 15px;
}

.EmailOnboarding-ConfigCard {
  border-radius: 1px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 4px 4px 8px rgba(189, 136, 136, 0.08);
}
.EmailOnboarding-ConfigCard-Head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 10px;
  color: #000;
  background-color: #fff;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  box-shadow: inset 0 0 0 #fff;
  transition: 0.2s;
}
.EmailOnboarding-ConfigCard-Head ion-icon {
  color: #000;
}
.EmailOnboarding-ConfigCard-Head._invert {
  color: var(--color-primary);
  box-shadow: inset 4px 0 0 var(--color-primary);
}
.EmailOnboarding-ConfigCard-Head .card-control {
  display: flex;
  align-items: center;
  flex: 1;
  cursor: default;
  font-weight: bold;
  padding-left: 0.25rem;
}
.EmailOnboarding-ConfigCard-Head .card-control ion-icon {
  font-size: 18px;
  line-height: 18px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.15s;
  transform: rotate(-90deg);
  color: #000;
}
.EmailOnboarding-ConfigCard-Head .card-control ._rotated {
  color: var(--color-primary);
  transform: rotate(0deg);
}
.EmailOnboarding-ConfigCard-Head .card-control-tip {
  cursor: pointer;
  color: #000;
}
.EmailOnboarding-ConfigCard-Head .card-control-tip ion-icon {
  font-size: 24px;
  margin-right: 5px;
  vertical-align: middle;
}
.EmailOnboarding-ConfigCard-Head .card-control-tip._completed ion-icon {
  color: var(--color-success);
}
.EmailOnboarding-ConfigCard-Head .card-control-tip._invalid ion-icon {
  color: var(--color-danger);
}
.EmailOnboarding-ConfigCard-Head .card-control-invalid-tip {
  cursor: pointer;
  color: #000;
}
.EmailOnboarding-ConfigCard-Head .card-control-invalid-tip ion-icon {
  font-size: 24px;
  margin-right: 5px;
  vertical-align: middle;
  color: var(--color-danger);
}
.EmailOnboarding-ConfigCard-Body {
  font-size: 14px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden;
  border: 1px solid #ebeef2;
  border-top: none;
  background: linear-gradient(180deg, #dfe3eb 0, #ffffff 8px);
}
.EmailOnboarding-ConfigCard-Body a {
  color: #0095f7;
  cursor: pointer;
}
.EmailOnboarding-ConfigCard-BodyLine {
  padding: 20px;
}

.EmailOnboarding-CheckboxBlock {
  width: 80%;
  margin: 30px auto 0;
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 6px 20px -3px rgba(15, 38, 52, 0.06), 0 3px 14px -2px rgba(15, 38, 52, 0.08);
}
@media screen and (max-width: 600px) {
  .EmailOnboarding-CheckboxBlock {
    width: 100%;
  }
}

.EmailOnboarding-TextWithImageBlock {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}
.EmailOnboarding-TextWithImageBlock ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.EmailOnboarding-Radio-Item {
  flex: 0 1 100%;
  display: flex;
  align-items: baseline;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  margin-left: 5px;
}
.EmailOnboarding-Radio-Item input[type=radio] {
  position: absolute;
  opacity: 0;
}
.EmailOnboarding-Radio-Item .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #bdc0c1;
  border-radius: 50%;
  cursor: pointer;
}
.EmailOnboarding-Radio-Item .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-primary);
}
.EmailOnboarding-Radio-Item input:checked ~ label .checkmark {
  border: 2px solid var(--color-primary);
}
.EmailOnboarding-Radio-Item input:checked ~ label .checkmark::after {
  display: block;
}
.EmailOnboarding-Radio-Item label {
  cursor: pointer;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100%;
  padding: 0 10px 10px 30px;
  color: #333333;
  background: #fff;
  transition: all 180ms;
}

.pf-table {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
@media screen and (max-width: 600px) {
  .pf-table {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .pf-table:not(.mat-table) {
    margin-bottom: 0 !important;
  }
  .pf-table .mat-row {
    height: auto !important;
  }
  .pf-table .mat-row:hover {
    background: #fff !important;
  }
  .pf-table thead {
    display: none !important;
  }
  .pf-table tbody tr {
    position: relative;
    display: block;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  .pf-table td,
  .pf-table td.mat-cell {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    padding: 5px !important;
    border-bottom: 0;
    min-height: auto;
    text-align: left !important;
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
    filter: none !important;
  }
  .pf-table td::before,
  .pf-table td.mat-cell::before {
    content: attr(data-title);
    font-weight: bold;
    margin-right: 15px;
  }
  .pf-table td.mat-column-buffer, .pf-table td.mat-column-buffer-2,
  .pf-table td.mat-cell.mat-column-buffer,
  .pf-table td.mat-cell.mat-column-buffer-2 {
    display: none;
  }
  .pf-table td ._local-Coupon-chip,
  .pf-table td.mat-cell ._local-Coupon-chip {
    grid-column: 2;
  }
  .pf-table td.mat-column-name,
  .pf-table td.mat-cell.mat-column-name {
    display: block;
  }
  .pf-table td.mat-column-name::before,
  .pf-table td.mat-cell.mat-column-name::before {
    display: none;
  }
  .pf-table td .cdk-drag-handle,
  .pf-table td.mat-cell .cdk-drag-handle {
    padding-left: 0;
  }
  .pf-table td .cdk-drag-handle::before,
  .pf-table td.mat-cell .cdk-drag-handle::before {
    display: none;
  }
  .pf-table td .root-cell,
  .pf-table td.mat-cell .root-cell {
    min-height: auto;
  }
  .pf-table tr.detail-row-coupons,
  .pf-table tr.detail-row-orders {
    padding: 0;
    height: auto;
  }
  .pf-table td.mat-column-expandedCouponDetail,
  .pf-table td.mat-column-expandedOrderDetail {
    display: block;
    width: 100% !important;
    margin-left: 0;
    padding: 0 !important;
    box-shadow: none;
  }
  .pf-table td.mat-column-expandedCouponDetail::before,
  .pf-table td.mat-column-expandedOrderDetail::before {
    display: none;
  }
  .pf-table td.mat-column-expandedCouponDetail .orders-list,
  .pf-table td.mat-column-expandedOrderDetail .orders-list {
    width: 100%;
    margin-left: 0;
    padding: 0;
    box-shadow: none;
  }
  .pf-table .mat-column-statusChange,
  .pf-table .mat-column-action,
  .pf-table .mat-column-actions {
    display: flex !important;
    justify-content: flex-end;
    border: none !important;
  }
  .pf-table .mat-column-statusChange::before,
  .pf-table .mat-column-action::before,
  .pf-table .mat-column-actions::before {
    display: none;
  }
  .pf-table .mat-column-statusChange .pf-button,
  .pf-table .mat-column-action .pf-button,
  .pf-table .mat-column-actions .pf-button {
    display: none;
  }
  .pf-table .mat-column-statusChange .mat-menu-trigger,
  .pf-table .mat-column-action .mat-menu-trigger,
  .pf-table .mat-column-actions .mat-menu-trigger {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 1;
  }
}
.pf-table thead th {
  font-size: 12px;
  font-weight: 500;
}
.pf-table thead th,
.pf-table tbody td {
  max-width: 300px;
  border-color: rgba(0, 0, 0, 0.12);
}
.pf-table ._no-data-row:hover {
  background: transparent !important;
  cursor: default;
}
.pf-table ._no-data-row td {
  border: none !important;
  display: table-cell !important;
}
.pf-table ._no-data-row::before {
  display: none !important;
}
.pf-table ._no-data-img {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}
.pf-table .schedule-block {
  display: grid;
  gap: 0 5px;
  grid-template-columns: 21px auto;
  grid-template-rows: auto auto;
}
.pf-table .schedule-block-icon {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
  font-size: 21px;
  color: var(--color-warning);
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  height: 19px;
}
.pf-table .schedule-block-title {
  grid-column: 2/3;
  grid-row: 1/2;
}
.pf-table .schedule-block-description {
  grid-column: 2/3;
  grid-row: 2/3;
  display: block;
  margin-top: -2px;
  color: #666;
}
.pf-table ._local-validity {
  position: relative;
  width: 20px;
}
.pf-table ._local-validity one-icon[name=alert-circle] {
  font-size: 22px;
  color: #f00;
  cursor: pointer;
}
.pf-table ._local-validity-messages {
  display: none;
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 10;
  background: #fff;
  padding: 10px;
  width: max-content;
  border-radius: 6px;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.pf-table ._local-validity:hover ._local-validity-messages {
  display: block;
}
.pf-table tr._colspan-title-row {
  height: 24px;
}
.pf-table tr._colspan-title-row td:first-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pf-table tr._colspan-title-row + tr td {
  padding-top: 0 !important;
}
.pf-table tr._colspan-title-row a {
  color: var(--color-primary-new) !important;
  cursor: pointer;
}
.pf-table tr._colspan-title-row a:hover {
  text-decoration: underline;
}
.pf-table ._line-clamp {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pf-table ._send-to {
  display: grid;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}
.pf-table ._send-to:hover {
  white-space: initial;
  overflow: visible;
}
.pf-table ._send-to ._send-to-item {
  display: inline-block;
  font-size: 11px;
  margin: 2px 5px 2px 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 12px;
  margin-right: 5px;
  padding: 1px 8px;
}

.cdk-column-status,
.cdk-column-sending_status {
  width: 90px;
}

._schedule-row td {
  width: 300px;
}

.StatsCard {
  position: relative;
  border-radius: 5px;
  border: 1px solid #ebeef2;
  background: #fff;
  padding: 20px;
  box-shadow: 0 2px 12px 0 #dfe3eb;
  text-align: center;
}
@media screen and (max-width: 1380px) {
  .StatsCard {
    padding: 10px;
  }
}
.StatsCard-Title {
  white-space: nowrap;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 1380px) {
  .StatsCard-Title {
    font-size: 14px;
  }
}
.StatsCard-Hero {
  font-size: 28.8px;
  font-weight: 500;
}
@media screen and (max-width: 660px) {
  .StatsCard-Hero {
    font-size: 24px;
  }
}
.StatsCard-Hero-Subtitle {
  font-size: 14px;
}
.StatsCard-Hero-Subtitle small {
  display: block;
  font-size: 12px;
}
.StatsCard-Value {
  font-size: 25.6px;
  position: relative;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
@media screen and (max-width: 1380px) {
  .StatsCard-Value {
    font-size: 23px;
  }
}
.StatsCard-Tooltip {
  position: absolute;
  top: 5px;
  right: 5px;
  color: var(--color-secondary);
}

.L-QuickSetup {
  height: 100%;
  position: relative;
}
.L-QuickSetup-Modal .mat-mdc-dialog-container {
  overflow: hidden;
}
@media screen and (max-width: 930px) {
  .L-QuickSetup-Modal {
    height: 670px !important;
  }
  .L-QuickSetup-Modal .mat-mdc-dialog-container {
    overflow: auto;
  }
}
@media screen and (max-width: 730px) {
  .L-QuickSetup-Modal {
    height: 100% !important;
  }
}
.L-QuickSetup-Content._configure-view {
  display: grid;
  grid-template-areas: "header header" "preview content";
  grid-template-columns: 571px 1fr;
  grid-template-rows: auto 1fr;
  gap: 24px 24px;
}
@media screen and (max-width: 930px) {
  .L-QuickSetup-Content._configure-view {
    grid-template-columns: 412px 1fr;
  }
}
@media screen and (max-width: 730px) {
  .L-QuickSetup-Content._configure-view {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "header" "preview" "content";
  }
}
.L-QuickSetup-Header {
  text-align: center;
}
._configure-view .L-QuickSetup-Header {
  grid-area: header;
}
.L-QuickSetup-Title {
  margin-bottom: 0;
  padding: 0 22px;
}
@media screen and (max-width: 730px) {
  .L-QuickSetup-Title {
    font-size: 25px;
  }
}
.L-QuickSetup-Description {
  margin-bottom: 0;
  font-size: 18px;
}
@media screen and (max-width: 730px) {
  .L-QuickSetup-Description {
    font-size: 14px;
  }
}
.L-QuickSetup-Preview {
  width: 571px;
  height: 544px;
  overflow: hidden;
  border-radius: 8px;
}
._configure-view .L-QuickSetup-Preview {
  grid-area: preview;
}
@media screen and (max-width: 930px) {
  .L-QuickSetup-Preview {
    width: 412px;
    height: 393px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .L-QuickSetup-Preview {
    width: 366px;
    height: 349px;
  }
}
._configure-view .L-QuickSetup-Controls {
  grid-area: content;
}
@media screen and (max-width: 730px) {
  ._configure-view .L-QuickSetup-Controls {
    padding-bottom: 12px;
  }
}
.L-QuickSetup-Close {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  font-size: 26px;
  height: 26px;
  z-index: 10000;
}
.L-QuickSetup-Close ion-icon {
  display: flex;
}
.L-QuickSetup-Start {
  display: grid;
  grid-template-columns: 1fr 10px 1fr;
  gap: 12px;
  justify-items: center;
  align-items: center;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 450px) {
  .L-QuickSetup-Start {
    grid-template-columns: auto;
    grid-template-rows: 1fr 10px 1fr;
  }
}
.L-QuickSetup-Start-Cell img {
  margin-bottom: 48px;
  width: 100%;
}
.L-QuickSetup-Start-Or {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 450px) {
  .L-QuickSetup-Start-Or {
    height: auto;
    width: 100%;
    flex-flow: row;
  }
}
.L-QuickSetup-Start-Or::before, .L-QuickSetup-Start-Or::after {
  content: "";
  height: 50%;
  width: 1px;
  background-color: #e0e0e0;
}
@media screen and (max-width: 450px) {
  .L-QuickSetup-Start-Or::before, .L-QuickSetup-Start-Or::after {
    width: 50%;
    height: 1px;
    margin: 10px;
  }
}
.L-QuickSetup-Preview-Wrap pf-coupon-box-preview,
.L-QuickSetup-Preview-Wrap pf-fortune-wheel-preview,
.L-QuickSetup-Preview-Wrap pf-newsletter-preview {
  display: block;
  transform-origin: 0 0;
  transform: scale(0.68);
  -webkit-user-select: none;
          user-select: none;
  width: 840px;
  height: 840px;
  pointer-events: none;
}
@media screen and (max-width: 930px) {
  .L-QuickSetup-Preview-Wrap pf-coupon-box-preview,
  .L-QuickSetup-Preview-Wrap pf-fortune-wheel-preview,
  .L-QuickSetup-Preview-Wrap pf-newsletter-preview {
    transform: scale(0.49);
  }
}
@media screen and (max-width: 540px) {
  .L-QuickSetup-Preview-Wrap pf-coupon-box-preview,
  .L-QuickSetup-Preview-Wrap pf-fortune-wheel-preview,
  .L-QuickSetup-Preview-Wrap pf-newsletter-preview {
    transform: scale(0.437);
  }
}
.L-QuickSetup-Footer {
  display: flex;
  justify-content: space-between;
}

.radio {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: start;
  grid-gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-align: left;
}
.radio + .radio {
  margin-top: var(--page-padding);
}
.radio::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid #bdc0c1;
  box-shadow: inset 0 0 0 10px #fff;
  background: var(--color-primary-new);
  transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.radio:has(input:checked)::before {
  box-shadow: inset 0 0 0 3px #fff;
  border-color: var(--color-primary-new);
}
.radio input {
  display: none;
}

.Browser-Header {
  position: relative;
  width: 100%;
  height: 40px;
  z-index: 10;
  padding: 8px;
  border-radius: 5px 0 0;
  background-color: #fff;
}
.Browser-Header._mobile-header::after {
  margin-left: 90px;
}
.Browser-Header._mobile-header::before {
  display: none;
}
.Browser-Header._mobile-header .arrow {
  left: 15px;
}
.Browser-Header::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e96e4c;
  box-shadow: 18px 0 0 #e6a935, 36px 0 0 #85c33d;
}
.Browser-Header::after {
  content: "";
  display: block;
  margin-left: 180px;
  margin-right: 10px;
  height: 100%;
  border-radius: 5px;
  background-color: #eeeeef;
}
.Browser-Header .arrow {
  position: absolute;
  left: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 70px;
  top: 7px;
  line-height: 0;
}
.Browser-Header .arrow::before, .Browser-Header .arrow::after {
  margin: auto;
  padding: 5px 10px;
  border-radius: 4px;
  z-index: 100;
  background: #f1f1f1;
}
.Browser-Header .arrow::before {
  left: 90px;
  content: url("/app_assets/icons/browser-arrow-icon.svg");
}
.Browser-Header .arrow::after {
  content: url("/app_assets/icons/browser-arrow-icon.svg");
  transform: rotate(180deg);
  left: 130px;
}

.one-button {
  font-size: 16px;
  border: 1px solid transparent;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
  min-width: 36px;
  position: relative;
  font-weight: 600;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.one-button.fw {
  width: 100%;
}
.one-button.uppercase {
  text-transform: uppercase;
}
.one-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}
.one-button:active {
  transform: scale(0.93);
  outline: none;
  /**
  This have to be places here case of on button click it scales, become smaller and click on its border do not
  triggers event, so ::after becomes bigger after :active and in this case it plays role of button block and
  triggers event
   */
}
.one-button:active::after {
  transform: scale(1.1);
}
.one-button:focus, .one-button:hover {
  outline: none;
  text-decoration: none;
}
.one-button[disabled], .one-button._disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.one-button.filled.blue {
  color: #ffffff;
  background-color: var(--color-primary-new);
  border-color: var(--color-primary-new);
}
.one-button.filled.blue:hover {
  color: var(--color-primary-new);
  background: transparent;
}
.one-button.filled.blue.no-hover:hover {
  color: #ffffff;
  background: var(--color-primary-new);
}
.one-button.filled.red {
  color: #fff;
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.one-button.filled.red:hover {
  color: var(--color-danger);
  background-color: transparent;
}
.one-button.filled.yellow {
  color: #fff;
  background-color: var(--color-warning);
  border-color: var(--color-warning);
}
.one-button.filled.yellow:hover {
  color: var(--color-warning);
  background-color: transparent;
}
.one-button.filled.green {
  color: #fff;
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.one-button.filled.green:hover {
  color: var(--color-success);
  background-color: transparent;
}
.one-button.filled.gray {
  color: #fff;
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.one-button.filled.gray:hover {
  color: var(--color-secondary);
  background: transparent;
}
.one-button.filled.indigo {
  color: #fff;
  background-color: var(--color-shopify-indigo);
  border-color: var(--color-shopify-indigo);
}
.one-button.filled.indigo:hover {
  color: var(--color-shopify-indigo);
  background: transparent;
}
.one-button.filled.purple {
  color: #fff;
  background-color: var(--color-one-purple);
  border-color: var(--color-one-purple);
}
.one-button.filled.purple:hover {
  color: var(--color-one-purple);
  background: transparent;
}
.one-button.filled.shopify-green {
  color: #fff;
  background-color: var(--color-shopify-green);
  border-color: var(--color-shopify-green);
}
.one-button.filled.shopify-green:hover {
  color: var(--color-shopify-green);
  background-color: transparent;
}
.one-button.filled.alt-green {
  color: #fff;
  background-color: var(--color-success-alt);
  border-color: var(--color-success-alt);
}
.one-button.filled.alt-green:hover {
  color: var(--color-success-alt);
  background-color: transparent;
}
.one-button.filled.transparent {
  color: var(--color-secondary);
  background: none;
}
.one-button.filled.transparent:hover {
  color: #929aa3;
  border: 1px solid #929aa3;
}
.one-button.filled.black {
  color: #fff;
  background-color: var(--black);
  border-color: var(--black);
}
.one-button.filled.black:hover {
  color: var(--black);
  background-color: transparent;
}
.one-button.outline.blue {
  color: var(--color-primary-new);
  background-color: transparent;
  border-color: var(--color-primary-new);
}
.one-button.outline.blue:hover {
  color: #fff;
  background-color: var(--color-primary-new);
}
.one-button.outline.red {
  color: var(--color-danger);
  background-color: transparent;
  border-color: var(--color-danger);
}
.one-button.outline.red:hover {
  color: #fff;
  background-color: var(--color-danger);
}
.one-button.outline.yellow {
  color: var(--color-warning);
  background-color: transparent;
  border-color: var(--color-warning);
}
.one-button.outline.yellow:hover {
  color: #fff;
  background-color: var(--color-warning);
}
.one-button.outline.green {
  color: var(--color-success);
  background-color: transparent;
  border-color: var(--color-success);
}
.one-button.outline.green:hover {
  color: #fff;
  background-color: var(--color-success);
}
.one-button.outline.gray {
  color: var(--color-secondary);
  background-color: transparent;
  border-color: var(--color-secondary);
}
.one-button.outline.gray:hover {
  color: #fff;
  background-color: var(--color-secondary);
}
.one-button.outline.indigo {
  color: var(--color-shopify-indigo);
  background-color: transparent;
  border-color: var(--color-shopify-indigo);
}
.one-button.outline.indigo:hover {
  color: #fff;
  background: var(--color-shopify-indigo);
}
.one-button.outline.black {
  color: var(--black);
  background-color: #fff;
  border-color: var(--black);
}
.one-button.outline.black:hover {
  color: #fff;
  background-color: var(--black);
}
.one-button.outline.purple {
  color: var(--color-one-purple);
  background-color: transparent;
  border-color: var(--color-one-purple);
}
.one-button.outline.purple:hover {
  color: #fff;
  background: var(--color-one-purple);
}
.one-button.xxs {
  font-size: 12px;
  border-width: 1px;
  padding: 3px 6px;
  line-height: 14px;
}
.one-button.xs {
  font-size: 13px;
  border-width: 1px;
  padding: 4px 10px;
}
.one-button.sm {
  font-size: 14px;
  border-width: 1px;
  line-height: 20px;
  padding: 7px 16px;
}
.one-button.md {
  font-size: 16px;
  border-width: 1px;
  line-height: 20px;
  padding: 12px 20px;
}
.one-button.md2 {
  font-size: 16px;
  border-width: 1px;
  line-height: 16px;
  padding: 10px 20px;
  width: 180px;
}
.one-button.lg {
  font-size: 18px;
  border-width: 1px;
  line-height: 20px;
  padding: 14px 24px;
}

button:focus,
.close:focus,
.close span:focus {
  outline: none;
}

.one-options-button {
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 20px;
  text-align: center !important;
  border-radius: 50%;
  line-height: 32px;
  cursor: pointer;
  color: #000;
  transition: all 180ms;
}
.one-options-button:hover {
  color: rgb(29, 155, 240);
  background: rgba(29, 155, 240, 0.1);
}
.one-options-button ion-icon {
  padding-bottom: 0;
}

one-icon._eye {
  border-radius: 5px;
}
one-icon._eye:hover {
  background-color: var(--eye-icon-hover-background);
  color: var(--eye-icon-hover-text);
}
one-icon._eye:active {
  background-color: var(--eye-icon-active-background);
  color: var(--eye-icon-active-text);
}

.SectionTitle {
  margin-bottom: 12px;
  line-height: 36px;
  font-size: 26px;
}
.SectionTitle._sub {
  font-size: 22px;
}
@media screen and (max-width: 660px) {
  .SectionTitle {
    font-size: 24px;
    line-height: unset;
  }
}
.SectionTitle-Logo {
  width: 36px;
  margin-top: -6px;
  margin-right: 8px;
}
@media screen and (max-width: 660px) {
  .SectionTitle-Logo {
    display: none;
  }
}
@media screen and (max-width: 660px) {
  .SectionTitle-Badges {
    display: none;
  }
}
.SectionTitle._has-controls {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
/**
 * Main header stuff
 */
one-header._black-bg .one-header {
  color: #fff;
  background: #000;
}

.one-header {
  display: grid;
  grid-template-columns: min-content min-content min-content;
  height: var(--header-height);
  width: 100%;
  background: #fff;
  border-radius: var(--bdrs);
  box-shadow: 0 6px 20px -3px rgba(15, 38, 52, 0.06), 0 3px 14px -2px rgba(15, 38, 52, 0.08);
  border-radius: 30px;
  /**
   * Main menu stuff
   */
  /**
   * Mobile menu stuff
   */
}
.one-header-cell {
  align-self: center;
  justify-self: stretch;
  height: var(--header-height);
  display: flex;
  align-items: center;
}
.one-header-cell::before, .one-header-cell::after {
  display: none;
}
.one-header-cell._mid {
  height: 100%;
}
.one-header .one-main-nav {
  display: flex;
  height: var(--header-height);
}
.one-header .one-main-nav one-icon[name=caret-forward],
.one-header .one-main-nav one-icon[name=caret-down] {
  font-size: 8px;
  margin-left: 5px;
}
.one-header .one-main-nav one-icon[name=caret-down] {
  margin-top: 3px;
}
.one-header .one-main-nav-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: all 180ms;
  -webkit-user-select: none;
          user-select: none;
  color: #000;
  text-decoration: none !important;
}
.one-header .one-main-nav-item._highlighted {
  color: var(--color-one-purple);
}
.one-header .one-main-nav-item:hover > .one-main-nav-dropdown {
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  opacity: 1;
}
.one-header .one-main-nav-item:hover > .one-main-nav-dropdown._is-user {
  right: 0;
}
.one-header .one-main-nav-item .one-main-nav-dropdown > .one-main-nav-dropdown-item:hover > .one-main-nav-dropdown {
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  opacity: 1;
}
.one-header .one-main-nav-item._is-stats, .one-header .one-main-nav-item._is-user {
  padding: 0;
}
.one-header .one-main-nav-item._is-stats {
  flex: 1 1 auto;
}
.one-header .one-main-nav-item._active {
  color: var(--color-primary);
  text-shadow: 0 0 1px var(--color-primary);
  box-shadow: inset 0 3px 0 var(--color-primary);
}
.one-header .one-main-nav-item:hover:not(._cursor-default) {
  color: var(--color-primary);
}
.one-header .one-main-nav-item a {
  text-decoration: none !important;
}
.one-header .one-main-nav-item._border-left {
  border-left: 1px solid var(--separator);
}
.one-header .one-main-nav-item._border-right {
  border-right: 1px solid var(--separator);
}
.one-header .one-main-nav-item._right-align {
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .one-header .one-main-nav .one-main-nav-item {
    font-size: 13px;
    padding: 5px;
  }
  .one-header .one-main-nav .one-main-nav-item._is-stats {
    padding: 0;
  }
}
.one-header .one-main-nav-dropdown {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -1px;
  border-radius: 4px;
  transform-origin: left top;
  outline: 0;
  visibility: hidden;
  max-height: calc(100vh - var(--header-height));
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  background: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.one-header .one-main-nav-dropdown .one-main-nav-dropdown {
  top: 0;
  left: 100%;
}
.one-header .one-main-nav-dropdown._is-user {
  left: auto;
  right: 0;
  transform-origin: right top;
  padding: 10px 0;
}
@media screen and (max-width: 660px) {
  .one-header .one-main-nav-dropdown._is-user {
    position: fixed;
    top: var(--header-height);
    height: calc(100vh - var(--header-height));
    border-radius: 0;
    z-index: -1;
    right: -100%;
    transition: all 0.3s;
  }
}
.one-header .one-main-nav-dropdown-item {
  display: block;
  position: relative;
  max-width: 100%;
  padding: 0 16px;
  line-height: 48px;
  color: #000;
  height: 48px;
  white-space: nowrap;
  text-align: left;
  text-decoration: none !important;
  text-shadow: none;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.one-header .one-main-nav-dropdown-item._active {
  color: #0095f7;
  text-shadow: 0 0 1px #0095f7;
  box-shadow: inset 3px 0 0 #0095f7;
}
.one-header .one-main-nav-dropdown-item:hover, .one-header .one-main-nav-dropdown-item:active {
  background: rgba(0, 0, 0, 0.04);
}
.one-header-logo-mobile {
  display: none !important;
}
.one-header ._nav-visible-mobile {
  display: none;
}
.one-header .one-user-nav._mobile {
  display: none;
}
.one-header-menu-btn {
  display: none;
}
@media screen and (max-width: 660px) {
  .one-header {
    grid-template-columns: 1fr min-content min-content;
    border-radius: 0;
  }
  .one-header-logo-mobile {
    display: grid !important;
  }
  .one-header .one-user-nav._mobile {
    display: flex;
  }
  .one-header-menu-btn {
    font-size: 28px;
    display: grid;
    justify-content: center;
    align-items: center;
    height: var(--header-height);
    width: var(--header-height);
    cursor: pointer;
  }
  .one-header-menu-btn one-icon {
    padding: 0;
  }
  .one-header .one-main-nav-item._is-user:focus {
    pointer-events: none;
  }
  .one-header .one-main-nav-item._is-user:focus .one-user-nav-backdrop {
    width: 100vw;
    height: 100vh;
    opacity: 1;
  }
  .one-header .one-main-nav-item a {
    border-radius: 0;
  }
  .one-header ._nav-visible-mobile {
    display: block;
  }
  .one-header ._nav-hidden-mobile {
    display: none !important;
  }
  .one-header one-main-nav-stats {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  ._hide_md {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  ._hide_mdDown {
    display: none;
  }
}

._is-starter-campaign ._hide-on-starter-campaign {
  display: none !important;
}

.is-hidden {
  display: none !important;
}

._togglable, ._togglable::before {
  transition: transform 0.15s;
}

._togglable._toggled::before {
  transform: rotate(180deg);
}

.break-word {
  word-break: break-word;
}

._hover-hand {
  cursor: pointer;
}

/* stylelint-disable */
.form-control[type=color] {
  border: 0;
  padding: 0;
}

.form-control[readonly] {
  background: #fff;
}

.form-control.disabled {
  background-color: #e9ecef;
  pointer-events: none;
}

.form-control:focus {
  border-color: #14a5ff;
}

.card-details-modal .modal-lg {
  max-width: 90%;
}

.LoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 246, 247, 0.8);
  z-index: 1;
}

#crisp-chatbox > div > a {
  bottom: var(--crisp-margin, 20px) !important;
  transition: bottom 0.2s ease-out !important;
}

.CampaignTitle {
  color: #555555;
  line-height: 1.3;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  word-break: break-word;
}

.CampaignStatus {
  color: #555555;
  font-weight: 500;
  font-size: 15px;
  margin: 0;
  white-space: nowrap;
  text-align: center;
}
.CampaignStatus-Label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  border-radius: 10px;
  color: #ffffff;
  padding: 0 8px;
  line-height: 18px;
  text-transform: uppercase;
}
.CampaignStatus-Label._live {
  background-color: var(--color-success-alt);
}
.CampaignStatus-Label._off {
  background-color: #7c8c98;
}
.CampaignStatus-Label._paused {
  background-color: var(--color-warning);
}
.CampaignStatus-Label._invalid {
  background-color: var(--color-danger);
}
@media screen and (max-width: 600px) {
  .CampaignStatus-Label {
    justify-self: self-start;
  }
}

.CampaignBack {
  display: block;
  margin: 0 -2px 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.CampaignBack-Icon {
  margin-right: 5px;
}

.ContentTitle {
  font-size: 20px;
  font-weight: bold;
  color: #7c8c98;
  margin: 0;
  text-transform: uppercase;
}

.info-callout {
  margin: 12px 0;
  padding: 10px 15px;
  min-height: 0;
  color: #4b4b4b;
  border-color: #9edcf7;
  background-color: #f5fbfe;
  border-left: 20px solid #9edcf7;
}

.note-callout {
  margin: 12px 0;
  padding: 10px 15px;
  min-height: 0;
  color: #4b4b4b;
  border-color: #fef79e;
  background-color: #fffcd9;
  border-left: 20px solid #fef79e;
}

@media screen and (min-width: 1000px) {
  #unlayer_email_editor iframe {
    min-width: 100% !important;
  }
}

.daterangepicker .ranges {
  border-right: 1px solid #ddd;
}
.daterangepicker .ranges ul {
  margin: 0;
}
@media (min-width: 564px) {
  .daterangepicker .ranges ul {
    width: 195px !important;
  }
}
.daterangepicker .ranges li {
  padding: 5px 12px;
  margin-bottom: 6px;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: none;
}

::ng-deep .tooltip {
  z-index: 2001;
}

/* stylelint-enable */
/******************************************************

Freak Flags, Copyright ©2020 Michael P. Cohen. Freak flags is licenced under the MIT licence.

For complete information visit: www.freakflagsprite.com

******************************************************/
.fflag {
  background-image: url("/app_assets/flagSprite42.png");
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
}

.fflag-CH,
.fflag-NP {
  box-shadow: none !important;
}

.fflag-DZ {
  background-position: center 0.2287%;
}

.fflag-AO {
  background-position: center 0.4524%;
}

.fflag-BJ {
  background-position: center 0.6721%;
}

.fflag-BW {
  background-position: center 0.8958%;
}

.fflag-BF {
  background-position: center 1.1155%;
}

.fflag-BI {
  background-position: center 1.3379%;
}

.fflag-CM {
  background-position: center 1.5589%;
}

.fflag-CV {
  background-position: center 1.7826%;
}

.fflag-CF {
  background-position: center 2.0047%;
}

.fflag-TD {
  background-position: center 2.2247%;
}

.fflag-CD {
  background-position: left 2.4467%;
}

.fflag-DJ {
  background-position: left 2.6674%;
}

.fflag-EG {
  background-position: center 2.8931%;
}

.fflag-GQ {
  background-position: center 3.1125%;
}

.fflag-ER {
  background-position: left 3.3325%;
}

.fflag-ET {
  background-position: center 3.5542%;
}

.fflag-GA {
  background-position: center 3.7759%;
}

.fflag-GM {
  background-position: center 4.0015%;
}

.fflag-GH {
  background-position: center 4.2229%;
}

.fflag-GN {
  background-position: center 4.441%;
}

.fflag-GW {
  background-position: left 4.66663%;
}

.fflag-CI {
  background-position: center 4.8844%;
}

.fflag-KE {
  background-position: center 5.1061%;
}

.fflag-LS {
  background-position: center 5.3278%;
}

.fflag-LR {
  background-position: left 5.5495%;
}

.fflag-LY {
  background-position: center 5.7712%;
}

.fflag-MG {
  background-position: center 5.9929%;
}

.fflag-MW {
  background-position: center 6.2156%;
}

.fflag-ML {
  background-position: center 6.4363%;
}

.fflag-MR {
  background-position: center 6.658%;
}

.fflag-MU {
  background-position: center 6.8805%;
}

.fflag-YT {
  background-position: center 7.1038%;
}

.fflag-MA {
  background-position: center 7.3231%;
}

.fflag-MZ {
  background-position: left 7.5448%;
}

.fflag-NA {
  background-position: left 7.7691%;
}

.fflag-NE {
  background-position: center 7.98937%;
}

.fflag-NG {
  background-position: center 8.2099%;
}

.fflag-CG {
  background-position: center 8.4316%;
}

.fflag-RE {
  background-position: center 8.6533%;
}

.fflag-RW {
  background-position: right 8.875%;
}

.fflag-SH {
  background-position: center 9.0967%;
}

.fflag-ST {
  background-position: center 9.32%;
}

.fflag-SN {
  background-position: center 9.5426%;
}

.fflag-SC {
  background-position: left 9.7628%;
}

.fflag-SL {
  background-position: center 9.9845%;
}

.fflag-SO {
  background-position: center 10.2052%;
}

.fflag-ZA {
  background-position: left 10.4269%;
}

.fflag-SS {
  background-position: left 10.6486%;
}

.fflag-SD {
  background-position: center 10.8703%;
}

.fflag-SR {
  background-position: center 11.0945%;
}

.fflag-SZ {
  background-position: center 11.3175%;
}

.fflag-TG {
  background-position: left 11.5354%;
}

.fflag-TN {
  background-position: center 11.7593%;
}

.fflag-UG {
  background-position: center 11.9799%;
}

.fflag-TZ {
  background-position: center 12.2005%;
}

.fflag-EH {
  background-position: center 12.4222%;
}

.fflag-YE {
  background-position: center 12.644%;
}

.fflag-ZM {
  background-position: center 12.8664%;
}

.fflag-ZW {
  background-position: left 13.0873%;
}

.fflag-AI {
  background-position: center 13.309%;
}

.fflag-AG {
  background-position: center 13.5307%;
}

.fflag-AR {
  background-position: center 13.7524%;
}

.fflag-AW {
  background-position: left 13.9741%;
}

.fflag-BS {
  background-position: left 14.1958%;
}

.fflag-BB {
  background-position: center 14.4175%;
}

.fflag-BQ {
  background-position: center 14.6415%;
}

.fflag-BZ {
  background-position: center 14.8609%;
}

.fflag-BM {
  background-position: center 15.0826%;
}

.fflag-BO {
  background-position: center 15.306%;
}

.fflag-VG {
  background-position: center 15.528%;
}

.fflag-BR {
  background-position: center 15.7496%;
}

.fflag-CA {
  background-position: center 15.9694%;
}

.fflag-KY {
  background-position: center 16.1911%;
}

.fflag-CL {
  background-position: left 16.4128%;
}

.fflag-CO {
  background-position: left 16.6345%;
}

.fflag-KM {
  background-position: center 16.8562%;
}

.fflag-CR {
  background-position: center 17.0779%;
}

.fflag-CU {
  background-position: left 17.2996%;
}

.fflag-CW {
  background-position: center 17.5213%;
}

.fflag-DM {
  background-position: center 17.743%;
}

.fflag-DO {
  background-position: center 17.968%;
}

.fflag-EC {
  background-position: center 18.1864%;
}

.fflag-SV {
  background-position: center 18.4081%;
}

.fflag-FK {
  background-position: center 18.6298%;
}

.fflag-GF {
  background-position: center 18.8515%;
}

.fflag-GL {
  background-position: left 19.0732%;
}

.fflag-GD {
  background-position: center 19.2959%;
}

.fflag-GP {
  background-position: center 19.518%;
}

.fflag-GT {
  background-position: center 19.7383%;
}

.fflag-GY {
  background-position: center 19.96%;
}

.fflag-HT {
  background-position: center 20.1817%;
}

.fflag-HN {
  background-position: center 20.4034%;
}

.fflag-JM {
  background-position: center 20.6241%;
}

.fflag-MQ {
  background-position: center 20.8468%;
}

.fflag-MX {
  background-position: center 21.0685%;
}

.fflag-MS {
  background-position: center 21.2902%;
}

.fflag-NI {
  background-position: center 21.5119%;
}

.fflag-PA {
  background-position: center 21.7336%;
}

.fflag-PY {
  background-position: center 21.9553%;
}

.fflag-PE {
  background-position: center 22.177%;
}

.fflag-PR {
  background-position: left 22.3987%;
}

.fflag-BL {
  background-position: center 22.6204%;
}

.fflag-KN {
  background-position: center 22.8421%;
}

.fflag-LC {
  background-position: center 23.0638%;
}

.fflag-PM {
  background-position: center 23.2855%;
}

.fflag-VC {
  background-position: center 23.5072%;
}

.fflag-SX {
  background-position: left 23.732%;
}

.fflag-TT {
  background-position: center 23.9506%;
}

.fflag-TC {
  background-position: center 24.1723%;
}

.fflag-US {
  background-position: center 24.394%;
}

.fflag-VI {
  background-position: center 24.6157%;
}

.fflag-UY {
  background-position: left 24.8374%;
}

.fflag-VE {
  background-position: center 25.0591%;
}

.fflag-AF {
  background-position: center 25.2808%;
}

.fflag-AZ {
  background-position: center 25.5025%;
}

.fflag-BD {
  background-position: center 25.7242%;
}

.fflag-BT {
  background-position: center 25.9459%;
}

.fflag-BN {
  background-position: center 26.1676%;
}

.fflag-KH {
  background-position: center 26.3885%;
}

.fflag-CN {
  background-position: left 26.611%;
}

.fflag-GE {
  background-position: center 26.8327%;
}

.fflag-HK {
  background-position: center 27.0544%;
}

.fflag-IN {
  background-position: center 27.2761%;
}

.fflag-ID {
  background-position: center 27.4978%;
}

.fflag-JP {
  background-position: center 27.7195%;
}

.fflag-KZ {
  background-position: center 27.9412%;
}

.fflag-LA {
  background-position: center 28.1635%;
}

.fflag-MO {
  background-position: center 28.3846%;
}

.fflag-MY {
  background-position: center 28.6063%;
}

.fflag-MV {
  background-position: center 28.829%;
}

.fflag-MN {
  background-position: left 29.0497%;
}

.fflag-MM {
  background-position: center 29.2714%;
}

.fflag-NP {
  background-position: left 29.4931%;
}

.fflag-KP {
  background-position: left 29.7148%;
}

.fflag-MP {
  background-position: center 29.9365%;
}

.fflag-PW {
  background-position: center 30.1582%;
}

.fflag-PG {
  background-position: center 30.3799%;
}

.fflag-PH {
  background-position: left 30.6016%;
}

.fflag-SG {
  background-position: left 30.8233%;
}

.fflag-KR {
  background-position: center 31.045%;
}

.fflag-LK {
  background-position: right 31.2667%;
}

.fflag-TW {
  background-position: left 31.4884%;
}

.fflag-TJ {
  background-position: center 31.7101%;
}

.fflag-TH {
  background-position: center 31.9318%;
}

.fflag-TL {
  background-position: left 32.1535%;
}

.fflag-TM {
  background-position: center 32.3752%;
}

.fflag-VN {
  background-position: center 32.5969%;
}

.fflag-AL {
  background-position: center 32.8186%;
}

.fflag-AD {
  background-position: center 33.0403%;
}

.fflag-AM {
  background-position: center 33.258%;
}

.fflag-AT {
  background-position: center 33.4837%;
}

.fflag-BY {
  background-position: left 33.7054%;
}

.fflag-BE {
  background-position: center 33.9271%;
}

.fflag-BA {
  background-position: center 34.1488%;
}

.fflag-BG {
  background-position: center 34.3705%;
}

.fflag-HR {
  background-position: center 34.5922%;
}

.fflag-CY {
  background-position: center 34.8139%;
}

.fflag-CZ {
  background-position: left 35.0356%;
}

.fflag-DK {
  background-position: center 35.2555%;
}

.fflag-EE {
  background-position: center 35.479%;
}

.fflag-FO {
  background-position: center 35.7007%;
}

.fflag-FI {
  background-position: center 35.9224%;
}

.fflag-FR {
  background-position: center 36.1441%;
}

.fflag-DE {
  background-position: center 36.3658%;
}

.fflag-GI {
  background-position: center 36.5875%;
}

.fflag-GR {
  background-position: left 36.8092%;
}

.fflag-HU {
  background-position: center 37.0309%;
}

.fflag-IS {
  background-position: center 37.2526%;
}

.fflag-IE {
  background-position: center 37.4743%;
}

.fflag-IM {
  background-position: center 37.696%;
}

.fflag-IT {
  background-position: center 37.9177%;
}

.fflag-JE {
  background-position: center 38.1394%;
}

.fflag-XK {
  background-position: center 38.3611%;
}

.fflag-LV {
  background-position: center 38.5828%;
}

.fflag-LI {
  background-position: left 38.8045%;
}

.fflag-LT {
  background-position: center 39.0262%;
}

.fflag-LU {
  background-position: center 39.2479%;
}

.fflag-MT {
  background-position: left 39.4696%;
}

.fflag-MD {
  background-position: center 39.6913%;
}

.fflag-MC {
  background-position: center 39.913%;
}

.fflag-ME {
  background-position: center 40.1347%;
}

.fflag-NL {
  background-position: center 40.3564%;
}

.fflag-MK {
  background-position: center 40.5781%;
}

.fflag-NO {
  background-position: center 40.7998%;
}

.fflag-PL {
  background-position: center 41.0215%;
}

.fflag-PT {
  background-position: center 41.2432%;
}

.fflag-RO {
  background-position: center 41.4649%;
}

.fflag-RU {
  background-position: center 41.6866%;
}

.fflag-SM {
  background-position: center 41.9083%;
}

.fflag-RS {
  background-position: center 42.13%;
}

.fflag-SK {
  background-position: center 42.3517%;
}

.fflag-SI {
  background-position: center 42.5734%;
}

.fflag-ES {
  background-position: left 42.7951%;
}

.fflag-SE {
  background-position: center 43.0168%;
}

.fflag-CH {
  background-position: center 43.2385%;
}

.fflag-TR {
  background-position: center 43.4602%;
}

.fflag-UA {
  background-position: center 43.6819%;
}

.fflag-GB {
  background-position: center 43.9036%;
}

.fflag-VA {
  background-position: right 44.1253%;
}

.fflag-BH {
  background-position: center 44.347%;
}

.fflag-IR {
  background-position: center 44.5687%;
}

.fflag-IQ {
  background-position: center 44.7904%;
}

.fflag-IL {
  background-position: center 45.0121%;
}

.fflag-KW {
  background-position: left 45.2338%;
}

.fflag-JO {
  background-position: left 45.4555%;
}

.fflag-KG {
  background-position: center 45.6772%;
}

.fflag-LB {
  background-position: center 45.897%;
}

.fflag-OM {
  background-position: left 46.1206%;
}

.fflag-PK {
  background-position: center 46.3423%;
}

.fflag-PS {
  background-position: center 46.561%;
}

.fflag-QA {
  background-position: center 46.7857%;
}

.fflag-SA {
  background-position: center 47.0074%;
}

.fflag-SY {
  background-position: center 47.2291%;
}

.fflag-AE {
  background-position: center 47.4508%;
}

.fflag-UZ {
  background-position: left 47.6725%;
}

.fflag-AS {
  background-position: right 47.8942%;
}

.fflag-AU {
  background-position: center 48.1159%;
}

.fflag-CX {
  background-position: center 48.3376%;
}

.fflag-CC {
  background-position: center 48.5593%;
}

.fflag-CK {
  background-position: center 48.781%;
}

.fflag-FJ {
  background-position: center 49.0027%;
}

.fflag-PF {
  background-position: center 49.2244%;
}

.fflag-GU {
  background-position: center 49.446%;
}

.fflag-KI {
  background-position: center 49.6678%;
}

.fflag-MH {
  background-position: left 49.8895%;
}

.fflag-FM {
  background-position: center 50.1112%;
}

.fflag-NC {
  background-position: center 50.3329%;
}

.fflag-NZ {
  background-position: center 50.5546%;
}

.fflag-NR {
  background-position: left 50.7763%;
}

.fflag-NU {
  background-position: center 50.998%;
}

.fflag-NF {
  background-position: center 51.2197%;
}

.fflag-WS {
  background-position: left 51.4414%;
}

.fflag-SB {
  background-position: left 51.6631%;
}

.fflag-TK {
  background-position: center 51.8848%;
}

.fflag-TO {
  background-position: left 52.1065%;
}

.fflag-TV {
  background-position: center 52.3282%;
}

.fflag-VU {
  background-position: left 52.5499%;
}

.fflag-WF {
  background-position: center 52.7716%;
}

.fflag-EU {
  background-position: center 52.9933%;
}

.fflag-JR {
  background-position: center 53.215%;
}

.fflag-OLY {
  background-position: center 53.4315%;
}

.fflag-UN {
  background-position: center 53.6584%;
}

.fflag-AX {
  background-position: center 53.8853%;
}

.fflag.ff-sm {
  width: 18px;
  height: 11px;
}

.fflag.ff-md {
  width: 27px;
  height: 17px;
}

.fflag.ff-lg {
  width: 42px;
  height: 27px;
}

.fflag.ff-xl {
  width: 60px;
  height: 37px;
}

.tooltip-inner {
  background-color: #333333;
  border-radius: 5px;
  white-space: pre-line;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #333333;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
  border-top-color: #333333;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
  border-left-color: #333333;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  border-right-color: #333333;
}

.tooltip {
  z-index: 3000;
}

.tooltip._shopify-email-tooltip {
  min-width: 200px;
}
.tooltip._shopify-email-tooltip .tooltip-inner {
  text-align: left;
  max-width: none;
}
@media screen and (max-width: 600px) {
  .tooltip._shopify-email-tooltip .tooltip-inner {
    max-width: 200px;
  }
  .tooltip._shopify-email-tooltip .tooltip-inner a {
    white-space: pre-wrap;
  }
}
.tooltip._shopify-email-tooltip a {
  color: rgb(125, 192, 255);
  text-decoration: underline;
  white-space: nowrap;
}

.tooltip._campaign-schedule-tooltip {
  min-width: 200px;
}
.tooltip._campaign-schedule-tooltip .tooltip-inner {
  text-align: left;
  max-width: 400px;
}

.nobr {
  white-space: nowrap;
}

.w300 {
  width: 300px;
}

.w150 {
  width: 150px;
}

.mh-65 {
  min-height: 65px;
}

.mh-67 {
  min-height: 67px;
}

.is-invalid {
  background-image: none !important;
  padding-right: 0.75rem !important;
}

.table th {
  border-top: 0;
}

.fw-300,
.fw300 {
  font-weight: 300;
}

.fw-400,
.fw400 {
  font-weight: 400;
}

.fw500,
.fw-500 {
  font-weight: 500;
}

.fw600,
.fw-600 {
  font-weight: bold;
}

.mr-12px {
  margin-right: 12px;
}

.ml-12px {
  margin-left: 12px;
}

.mt-12px {
  margin-top: 12px;
}

.mb-12px {
  margin-bottom: 12px;
}

.mb24 {
  margin-bottom: 24px;
}

.mt24 {
  margin-top: 24px;
}

.ml24 {
  margin-left: 24px;
}

.mr24 {
  margin-right: 24px;
}

.m24 {
  margin: 24px;
}

.mx24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.p24 {
  padding: 24px;
}

.px24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.pt24 {
  padding-top: 24px;
}

.pb24 {
  padding-bottom: 24px;
}

.pl24 {
  padding-left: 24px;
}

.pr24 {
  padding-right: 24px;
}

.p12 {
  padding: 12px;
}

.px12 {
  padding-left: 12px;
  padding-right: 12px;
}

.py12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pt12 {
  padding-top: 12px;
}

.pb12 {
  padding-bottom: 12px;
}

.pl12 {
  padding-left: 12px;
}

.pr12 {
  padding-right: 12px;
}

.fz8 {
  font-size: 8px;
}

.fz9 {
  font-size: 9px;
}

.fz10 {
  font-size: 10px;
}

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz15 {
  font-size: 15px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz23 {
  font-size: 23px;
}

.fz24 {
  font-size: 24px;
}

.fz25 {
  font-size: 25px;
}

.fz26 {
  font-size: 26px;
}

.fz27 {
  font-size: 27px;
}

.fz28 {
  font-size: 28px;
}

.fz29 {
  font-size: 29px;
}

.fz30 {
  font-size: 30px;
}

.fz31 {
  font-size: 31px;
}

.fz32 {
  font-size: 32px;
}

.maxw-240 {
  max-width: 240px;
}

.maxw-400 {
  max-width: 400px;
}

.Campaign-App-Icon {
  filter: grayscale(1);
}
.Campaign-App-Icon._active {
  filter: grayscale(0);
}
.Campaign-App-Icon svg {
  width: 100%;
  height: 100%;
}

._no-arrows::-webkit-outer-spin-button, ._no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

pagination-template ul {
  padding-left: 0;
}

._no-arrows::-webkit-outer-spin-button, ._no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media screen and (max-width: 600px) {
  ._mobile-hidden {
    display: none !important;
  }
}

._mobile-visible {
  display: none !important;
}
@media screen and (max-width: 600px) {
  ._mobile-visible {
    display: initial !important;
  }
}

@media screen and (max-width: 840px) {
  ._mobile-hidden-md {
    display: none !important;
  }
}

._mobile-visible-md {
  display: none !important;
}
@media screen and (max-width: 840px) {
  ._mobile-visible-md {
    display: initial !important;
  }
}

._strike-through {
  text-decoration: line-through;
}

select.form-control {
  appearance: none;
  background-image: url("/app_assets/icons/caret-down-outline.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) 50%;
}

body > ng-dropdown-panel {
  z-index: 100000 !important;
}

.href-no-style {
  text-decoration: none !important;
  color: inherit;
}

.mr-8px {
  margin-right: 8px;
}

.mat-mdc-table,
.mat-table {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  width: 100%;
}
.mat-mdc-table .mat-mdc-header-cell,
.mat-mdc-table .mat-header-cell,
.mat-table .mat-mdc-header-cell,
.mat-table .mat-header-cell {
  color: #000;
}
.mat-mdc-table tr.mat-mdc-header-row,
.mat-mdc-table tr.mat-header-row,
.mat-table tr.mat-mdc-header-row,
.mat-table tr.mat-header-row {
  height: 30px;
}
.mat-mdc-table td.mat-cell:last-of-type,
.mat-mdc-table td.mat-footer-cell:last-of-type,
.mat-mdc-table th.mat-header-cell:last-of-type,
.mat-mdc-table td.mat-cell:first-of-type,
.mat-mdc-table td.mat-footer-cell:first-of-type,
.mat-mdc-table th.mat-header-cell:first-of-type,
.mat-mdc-table td.mat-mdc-cell:last-of-type,
.mat-mdc-table td.mat-mdc-footer-cell:last-of-type,
.mat-mdc-table th.mat-mdc-header-cell:last-of-type,
.mat-mdc-table td.mat-mdc-cell:first-of-type,
.mat-mdc-table td.mat-mdc-footer-cell:first-of-type,
.mat-mdc-table th.mat-mdc-header-cell:first-of-type,
.mat-mdc-table .mat-cell,
.mat-mdc-table .mat-mdc-cell,
.mat-mdc-table .mat-mdc-header-cell,
.mat-mdc-table .mat-header-cell,
.mat-table td.mat-cell:last-of-type,
.mat-table td.mat-footer-cell:last-of-type,
.mat-table th.mat-header-cell:last-of-type,
.mat-table td.mat-cell:first-of-type,
.mat-table td.mat-footer-cell:first-of-type,
.mat-table th.mat-header-cell:first-of-type,
.mat-table td.mat-mdc-cell:last-of-type,
.mat-table td.mat-mdc-footer-cell:last-of-type,
.mat-table th.mat-mdc-header-cell:last-of-type,
.mat-table td.mat-mdc-cell:first-of-type,
.mat-table td.mat-mdc-footer-cell:first-of-type,
.mat-table th.mat-mdc-header-cell:first-of-type,
.mat-table .mat-cell,
.mat-table .mat-mdc-cell,
.mat-table .mat-mdc-header-cell,
.mat-table .mat-header-cell {
  padding: 5px;
}
.mat-mdc-table .Button,
.mat-table .Button {
  white-space: nowrap;
}

.mat-paginator-container {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  min-height: 56px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

@media screen and (max-width: 768px) {
  .mat-mdc-table .mat-row:hover {
    background: #fff;
  }
  .mat-mdc-table .mat-mdc-row:hover {
    background: #fff;
  }
  .mat-mdc-table thead {
    display: none !important;
  }
  .mat-mdc-table::ng-deep tbody tr {
    display: block;
    height: auto;
    padding-top: 15px;
  }
  .mat-mdc-table td {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    border-bottom: 0;
    min-height: auto;
    text-align: left !important;
    width: 100% !important;
    max-width: none !important;
    filter: none !important;
  }
  .mat-mdc-table td::before {
    content: attr(data-title);
    font-weight: bold;
    margin-right: 15px;
  }
  .mat-mdc-table .mat-column-actions {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    min-width: 260px;
  }
  .mat-mdc-table .mat-column-actions::before {
    display: none;
  }
  .mat-mdc-table .mat-column-actions .pf-button {
    height: 32px;
  }
  td.mat-mdc-cell,
  td.mat-cell {
    min-width: unset !important;
    width: auto !important;
  }
}
.mdc-data-table__row:last-child .mat-mdc-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.mdc-data-table__cell {
  overflow: unset !important;
}

.mat-mdc-paginator-container {
  justify-content: flex-start !important;
}

.mat-mdc-tooltip.Tooltip-Box .mdc-tooltip__surface {
  padding: 0;
  min-height: auto;
  max-height: 100%;
  --mdc-plain-tooltip-supporting-text-font: sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 14px;
  --mdc-plain-tooltip-supporting-text-line-height: 1.2;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-color: #000;
  --mdc-plain-tooltip-container-color: #fff;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #fff;
  transform: scale(1);
  opacity: 1;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  margin: 24px;
  max-width: 33vw;
  min-width: 344px;
  padding: 14px 16px;
  min-height: 48px;
  transform-origin: center;
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  box-shadow: none !important;
}
.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label {
  padding: 0;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #448aff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #448aff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #448aff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #2196f3;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2196f3;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #448aff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #448aff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(68, 138, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #2196f3;
  --mdc-slider-focus-handle-color: #2196f3;
  --mdc-slider-hover-handle-color: #2196f3;
  --mdc-slider-active-track-color: #2196f3;
  --mdc-slider-inactive-track-color: #2196f3;
  --mdc-slider-with-tick-marks-inactive-container-color: #2196f3;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #2196f3;
  --mat-slider-hover-state-layer-color: rgba(33, 150, 243, 0.05);
  --mat-slider-focus-state-layer-color: rgba(33, 150, 243, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #448aff;
  --mdc-slider-focus-handle-color: #448aff;
  --mdc-slider-hover-handle-color: #448aff;
  --mdc-slider-active-track-color: #448aff;
  --mdc-slider-inactive-track-color: #448aff;
  --mdc-slider-with-tick-marks-inactive-container-color: #448aff;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #448aff;
  --mat-slider-hover-state-layer-color: rgba(68, 138, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(68, 138, 255, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #1e88e5;
  --mdc-switch-selected-handle-color: #1e88e5;
  --mdc-switch-selected-hover-state-layer-color: #1e88e5;
  --mdc-switch-selected-pressed-state-layer-color: #1e88e5;
  --mdc-switch-selected-focus-handle-color: #0d47a1;
  --mdc-switch-selected-hover-handle-color: #0d47a1;
  --mdc-switch-selected-pressed-handle-color: #0d47a1;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #1e88e5;
  --mdc-switch-selected-handle-color: #1e88e5;
  --mdc-switch-selected-hover-state-layer-color: #1e88e5;
  --mdc-switch-selected-pressed-state-layer-color: #1e88e5;
  --mdc-switch-selected-focus-handle-color: #0d47a1;
  --mdc-switch-selected-hover-handle-color: #0d47a1;
  --mdc-switch-selected-pressed-handle-color: #0d47a1;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: white;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #bdbdbd;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

/*# sourceMappingURL=styles.626e849100ae315a.css.map*/