/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/angular2-draggable/css/resizable.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:12px solid #aaa;border-left:12px solid transparent}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.eot');
    src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/styles/primeng.theme.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
    --surface-a: inherit;
    --surface-b: #f8f9fa;
    --surface-c: #e9ecef;
    --surface-d: #dee2e6;
    --surface-e: var(--surface-a);
    --surface-f: var(--surface-a);
    --text-color: #495057;
    --text-color-secondary: #6c757d;
    --primary-color-text: var(--surface-a);
    --font-family: inherit;
    --surface-0: var(--surface-a);
    --surface-50: #FAFAFA;
    --surface-100: #F5F5F5;
    --surface-200: #EEEEEE;
    --surface-300: #E0E0E0;
    --surface-400: #BDBDBD;
    --surface-500: #9E9E9E;
    --surface-600: #757575;
    --surface-700: #616161;
    --surface-800: #424242;
    --surface-900: #212121;
    --white-100: #FFFFFF;
    --gray-50: #FAFAFA;
    --gray-100: #F5F5F5;
    --gray-200: #EEEEEE;
    --gray-300: #E0E0E0;
    --gray-400: #BDBDBD;
    --gray-500: #9E9E9E;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;
    --content-padding: 1rem;
    --inline-spacing: 0.5rem;
    --shadow-color: var(--primary-color);
    --border-color: #ced4da;
    --checkbox-color: #ced4da;
    --border-focus-color: var(--primary-color);
    --border-hover-color: var(--primary-color);
    --tooltip-background: var(--surface-b);
    --tooltip-color: var(--text-color);
    --border-thickness: 1px;
    --border-radius-top-left: 5px;
    --border-radius-top-right: 5px;
    --border-radius-bottom-left: 5px;
    --border-radius-bottom-right: 5px;
}

* {
  box-sizing: border-box;
}

.p-component {
  /*font-family: var(--font-family);
  font-size: 1rem;
  font-weight: normal;*/
}

.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}

.p-disabled, .p-component:disabled {
  opacity: 0.6;
}

.p-error {
  color: #f44336;
}

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

.pi {
  font-size: 1rem;
}

.p-link {
  font-size: 1rem;
  font-family: var(--font-family);
  border-radius: 3px;
}
.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:var(--primary-color);
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
}

.p-autocomplete .p-autocomplete-loader {
  right: 0.5rem;
}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  right: 2.857rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
  padding: 0.25rem 0.5rem;
  flex-wrap:nowrap;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: var(--border-hover-color);
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--border-focus-color);
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: 0.25rem 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
/*  font-family: var(--font-family);
  font-size: 1rem;
  color: #495057;*/
  padding: 0;
  margin: 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #E3F2FD;
  color: #495057;
  border-radius: 3px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  margin-left: 0.5rem;
}

p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  border-color: #f44336;
}

.p-autocomplete-panel {
  background: var(--surface-b);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
  padding: 0.5rem 0;
}
.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
  padding: 0.5rem 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: var(--surface-a);
  font-weight: 600;
}

p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: #f44336;
}

.p-datepicker {
    padding: 0.5rem;
    background: var(--surface-a);
    color: #495057;
    border: 1px solid #ced4da;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
}
.p-datepicker:not(.p-datepicker-inline) {
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: var(--surface-a);
}
.p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: #495057;
  background: var(--surface-a);
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--primary-color);
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}
.p-datepicker table {
  font-size: 1rem;
  margin: 0.5rem 0;
}
.p-datepicker table th {
  padding: 0.5rem;
}
.p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}
.p-datepicker table td {
  padding: 0.5rem;
}
.p-datepicker table td > span {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-datepicker table td.p-datepicker-today > span {
  background: #ced4da;
  color: #495057;
  border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid #dee2e6;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}
.p-datepicker .p-timepicker {
  border-top: 1px solid #dee2e6;
  padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
  font-size: 1.25rem;
}
.p-datepicker .p-timepicker > div {
  padding: 0 0.5rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}
.p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}
    .p-datepicker .p-monthpicker .p-monthpicker-month {
        padding: 0.5rem;
        transition: box-shadow 0.2s;
        border-top-left-radius: var(--border-radius-top-left);
        border-top-right-radius: var(--border-radius-top-right);
        border-bottom-left-radius: var(--border-radius-bottom-left);
        border-bottom-right-radius: var(--border-radius-bottom-right);
    }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 1px solid #dee2e6;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

@media screen and (max-width: 769px) {
  .p-datepicker table th, .p-datepicker table td {
    padding: 0;
  }
}
.p-cascadeselect {
    background: var(--surface-a);
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
}
.p-cascadeselect:not(.p-disabled):hover {
  border-color: var(--primary-color);
}
.p-cascadeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--primary-color);
}
.p-cascadeselect .p-cascadeselect-label {
  background: transparent;
  border: 0 none;
  padding: 0.5rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: #6c757d;
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-cascadeselect-panel {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items {
  padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
  padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
  font-size: 0.875rem;
}

p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  border-color: #f44336;
}

.p-input-filled .p-cascadeselect {
  background: #f8f9fa;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: var(--surface-a);
}

.p-checkbox {
  width: 20px;
  height: 20px;
}
.p-checkbox .p-checkbox-box {
  border: 2px solid var(--checkbox-color);
  background: var(--surface-a);
  width: 20px;
  height: 20px;
  color: #495057;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: var(--surface-a);
  font-size: 14px;
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--primary-color);
  background: var(--primary-color);
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: var(--primary-color);
}
    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem var(--shadow-color);
        border-color: var(--primary-color);
    }
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--surface-a);
}

p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  border-color: #f44336;
}

.p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: var(--primary-color);
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background: #0b7ad1;
}

.p-checkbox-label {
  margin-left: 0.5rem;
}

.p-chips .p-chips-multiple-container {
  padding: 0.25rem 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: var(--primary-color);
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--primary-color);
}
.p-chips .p-chips-multiple-container .p-chips-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #E3F2FD;
  /*color: #495057;*/
  border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: 0.25rem 0;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
  /*font-family: var(--font-family);*/
  font-size: 1rem;
  /*color: #495057;*/
  padding: 0;
  margin: 0;
}

p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  border-color: #f44336;
}

.p-colorpicker-preview,
.p-fluid .p-colorpicker-preview.p-inputtext {
  width: 2rem;
  height: 2rem;
}

.p-colorpicker-panel {
  background: #323232;
  border-color: #191919;
}
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: var(--surface-a);
}

.p-colorpicker-overlay-panel {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-dropdown {
    background: var(--surface-a);
    border: 1px solid var(--border-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
}
.p-dropdown:not(.p-disabled):hover {
  border-color: var(--border-hover-color);
}
.p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--border-focus-color);
}
.p-inputwrapper-filled .p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.5rem;
    overflow: hidden;
    display: inline-block !important;
    text-overflow: ellipsis;
}
.p-dropdown .p-dropdown-label {
  background: transparent;
  border: 0 none;
}
.p-dropdown .p-dropdown-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.p-dropdown .p-dropdown-clear-icon {
  color: #6c757d;
  right: 2.357rem;
}

.p-dropdown-panel {
  background: var(--surface-b);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  padding-right: 1.5rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}
.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
  padding: 0.5rem 0;
}
.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
  padding: 0.5rem 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: var(--surface-a);
  font-weight: 600;
}

p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  border-color: #f44336;
}

.p-input-filled .p-dropdown {
  background: #f8f9fa;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  background-color: var(--surface-a);
}

.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
  background: var(--surface-a);
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: var(--primary-color);
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: var(--primary-color);
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: var(--primary-color);
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: var(--primary-color);
}

.p-inputgroup-addon {
  background: #e9ecef;
  color: #6c757d;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  min-width: 2.357rem;
}
.p-inputgroup-addon:last-child {
  border-right: 1px solid #ced4da;
}

.p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}

.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-fluid .p-inputgroup .p-button {
  width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2.357rem;
}

p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: #f44336;
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  border-color: #f44336;
}

.p-inputswitch {
  width: 48px;
  height: 24px;
}
.p-inputswitch .p-inputswitch-slider {
    background: #ffffff;
    border: 1px solid var(--border-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
    /*background: var(--primary-color);*/
    width: 18px;
    height: 18px;
    left: 4px;
    margin-top: -9px;
    border-radius: 50%;
    transition-duration: 0.2s;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(20px);
}
.p-inputswitch.p-focus .p-inputswitch-slider {
  outline: 0 none;
  outline-offset: 0;
  /*box-shadow: 0 0 0 0.2rem var(--shadow-color);*/
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  border-color: var(--border-hover-color)
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: var(--primary-color);
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    border-color: var(--border-hover-color);
}

p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
  border-color: #f44336;
}

.p-inputtext {
    background: var(--surface-a);
    border: var(--border-thickness) solid var(--border-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    padding: 0.5rem 0.5rem;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
}

.p-inputnumber-buttons-stacked .p-inputnumber-input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.p-inputwrapper .p-inputnumber-buttons-stacked .p-inputnumber-input:focus ~ .p-inputnumber-button-group > .p-inputnumber-button {
    overflow: visible;
}

.p-inputwrapper .p-inputnumber-buttons-stacked .p-inputnumber-input:focus ~ .p-inputnumber-button-group > .p-inputnumber-button-up:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: -0.25rem;
    left: -0.4rem;
    right: 0px;
    border-top-right-radius: var(--border-radius-top-right);
    box-shadow: var(--shadow-color) 0.25rem -0.25rem 0px 0px;
}

.p-inputwrapper .p-inputnumber-buttons-stacked .p-inputnumber-input:focus ~ .p-inputnumber-button-group > .p-inputnumber-button-down:before {
    content: "";
    position: absolute;
    top: -0.25rem;
    bottom: 0px;
    left: -0.4rem;
    right: 0px;
    border-bottom-right-radius: var(--border-radius-bottom-right);
    box-shadow: var(--shadow-color) 0.25rem 0.25rem 0px 0px;
}

.p-inputnumber-buttons-stacked .p-inputnumber-button-up {
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-width: 0px;
    border-color: var(--border-color);
}
.p-inputnumber-buttons-stacked .p-inputnumber-button-down {
    border-bottom-right-radius: var(--border-radius-bottom-right);
    border-top-width: 0px;
    border-color: var(--border-color);
}

.p-inputtext:enabled:hover {
    border-color: var(--border-hover-color);
}
.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--border-focus-color);
}
.p-inputtext.ng-dirty.ng-invalid {
  border-color: #f44336 !important;
}
.p-inputtext.p-inputtext-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.4375rem;
}
.p-inputtext.p-inputtext-lg {
  font-size: 1.25rem;
  padding: 0.625rem 0.625rem;
}

.p-float-label > label {
  left: 0.5rem;
  /*color: #6c757d;*/
  transition-duration: 0.2s;
}

.p-float-label > .ng-invalid.ng-dirty + label {
  color: #f44336;
}

.p-input-icon-left > i:first-of-type {
  left: 0.5rem;
  color: #6c757d;
}

.p-input-icon-left > .p-inputtext {
  padding-left: 2rem;
}

.p-input-icon-left.p-float-label > label {
  left: 2rem;
}

.p-input-icon-right > i:last-of-type {
  right: 0.5rem;
  color: #6c757d;
}

.p-input-icon-right > .p-inputtext {
  padding-right: 2rem;
}

::-webkit-input-placeholder {
  color: #6c757d;
}

:-moz-placeholder {
  color: #6c757d;
}

::-moz-placeholder {
  color: #6c757d;
}

:-ms-input-placeholder {
  color: #6c757d;
}

.p-input-filled .p-inputtext {
  background-color: #f8f9fa;
}
.p-input-filled .p-inputtext:enabled:hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-inputtext:enabled:focus {
  background-color: var(--surface-a);
}

.p-inputtext-sm .p-inputtext {
  font-size: 0.875rem;
  padding: 0.4375rem 0.4375rem;
}

.p-inputtext-lg .p-inputtext {
  font-size: 1.25rem;
  padding: 0.625rem 0.625rem;
}

.p-listbox {
    background: var(--surface-a);
    color: #495057;
    border: 1px solid #ced4da;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
    display: flex;
    flex-direction: column;
}
.p-listbox .p-listbox-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  /*background: #f8f9fa;*/
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
  padding-right: 1.5rem;
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}
.p-listbox .p-listbox-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-listbox .p-listbox-list {
  padding: 0.5rem 0;
}
.p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
  margin-right: 0.5rem;
}
.p-listbox .p-listbox-list .p-listbox-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: var(--surface-a);
  font-weight: 600;
}
.p-listbox .p-listbox-list .p-listbox-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}

p-listbox.ng-dirty.ng-invalid > .p-listbox {
  border-color: #f44336;
}

.p-multiselect {
    background: var(--surface-a);
    border: var(--border-thickness) solid var(--border-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
}
.p-multiselect:not(.p-disabled):hover {
  border-color: var(--border-hover-color);
}
.p-multiselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--border-focus-color);
}
.p-multiselect .p-multiselect-label {
  padding: 0.5rem 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-multiselect .p-multiselect-label.p-placeholder {
  /*color: #6c757d;*/
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #E3F2FD;
  color: #495057;
  border-radius: 3px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  margin-left: 0.5rem;
}
.p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: 0.25rem 0.5rem;
}

.p-multiselect-panel {
  background: var(--surface-b);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: var(--text-color);
  background: var(--surface-b);
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  padding-right: 1.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
  padding: 0.5rem 0;
}
.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
  padding: 0.5rem 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: var(--surface-b);
  font-weight: 600;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}

p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: #f44336;
}

.p-input-filled .p-multiselect {
  background: #f8f9fa;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: var(--surface-a);
}

.p-password.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}

.p-password-panel {
  padding: 1rem;
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.p-password-panel .p-password-meter {
  margin-bottom: 0.5rem;
  background: #dee2e6;
}
.p-password-panel .p-password-meter .p-password-strength.weak {
  background: #D32F2F;
}
.p-password-panel .p-password-meter .p-password-strength.medium {
  background: #FBC02D;
}
.p-password-panel .p-password-meter .p-password-strength.strong {
  background: #689F38;
}

.p-radiobutton {
  width: 20px;
  height: 20px;
}
.p-radiobutton .p-radiobutton-box {
  border: 2px solid #ced4da;
  background: var(--surface-a);
  width: 20px;
  height: 20px;
  color: #495057;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: var(--primary-color);
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--primary-color);
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 12px;
  height: 12px;
  transition-duration: 0.2s;
  background-color: var(--surface-a);
}
.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: var(--primary-color);
  background: var(--primary-color);
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #0b7ad1;
  background: #0b7ad1;
  color: var(--surface-a);
}

p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
  border-color: #f44336;
}

.p-input-filled .p-radiobutton .p-radiobutton-box {
  background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  background: var(--primary-color);
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: #0b7ad1;
}

.p-radiobutton-label {
  margin-left: 0.5rem;
}

.p-rating .p-rating-icon {
  color: #495057;
  margin-left: 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
  color: #e74c3c;
}
.p-rating .p-rating-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-rating .p-rating-icon:first-child {
  margin-left: 0;
}
.p-rating .p-rating-icon.pi-star {
  color: var(--primary-color);
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: var(--primary-color);
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
  color: #c0392b;
}

.p-selectbutton .p-button {
  background: var(--surface-a);
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
  color: #6c757d;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #6c757d;
}
.p-selectbutton .p-button.p-highlight {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--surface-a);
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: var(--surface-a);
}
.p-selectbutton .p-button.p-highlight:hover {
  background: #0d89ec;
  border-color: #0d89ec;
  color: var(--surface-a);
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: var(--surface-a);
}

p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  border-color: #f44336;
}

.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 3px;
}
.p-slider.p-slider-horizontal {
  height: 0.286rem;
}
.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -0.5715rem;
  margin-left: -0.5715rem;
}
.p-slider.p-slider-vertical {
  width: 0.286rem;
}
.p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -0.5715rem;
  margin-bottom: -0.5715rem;
}
.p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: var(--surface-a);
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-slider .p-slider-range {
  background: var(--primary-color);
}
.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
  transition: width 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
  transition: height 0.2s;
}

.p-togglebutton.p-button {
  background: var(--surface-a);
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
  color: #6c757d;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #6c757d;
}
.p-togglebutton.p-button.p-highlight {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--surface-a);
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
  color: var(--surface-a);
}
.p-togglebutton.p-button.p-highlight:hover {
  background: #0d89ec;
  border-color: #0d89ec;
  color: var(--surface-a);
}
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: var(--surface-a);
}

p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
  border-color: #f44336;
}

.p-treeselect {
  background: var(--surface-a);
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}
.p-treeselect:not(.p-disabled):hover {
  border-color: var(--primary-color);
}
.p-treeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: var(--primary-color);
}
.p-treeselect .p-treeselect-label {
  padding: 0.5rem 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treeselect .p-treeselect-label.p-placeholder {
  color: #6c757d;
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.p-treeselect.p-invalid.p-component {
  border-color: #f44336;
}

.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
  padding: 0.25rem 0.5rem;
}

.p-treeselect-panel {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}

.p-input-filled .p-treeselect {
  background: #f8f9fa;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: var(--surface-a);
}

.p-button {
    color: var(--surface-a);
    border: 1px solid var(--primary-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
    .p-button:not(.p-inputnumber-button) {
        border-radius: 3px;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        background: var(--primary-color);
    }
        .p-button:not(.p-inputnumber-button):enabled:hover {
            background: #0d89ec;
            color: var(--surface-a);
            border-color: #0d89ec;
        }

.p-button:enabled:active {
  background: #0b7ad1;
  color: var(--surface-a);
  border-color: #0b7ad1;
}
.p-button.p-button-outlined {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid;
}
.p-button.p-button-outlined:enabled:hover {
  background: rgba(33, 150, 243, 0.04);
  color: var(--primary-color);
  border: 1px solid;
}
.p-button.p-button-outlined:enabled:active {
  background: rgba(33, 150, 243, 0.16);
  color: var(--primary-color);
  border: 1px solid;
}
.p-button.p-button-outlined.p-button-plain {
  color: #6c757d;
  border-color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}
.p-button.p-button-text {
  background-color: transparent;
  color: var(--primary-color);
  border-color: transparent;
}
.p-button.p-button-text:enabled:hover {
  background: rgba(33, 150, 243, 0.04);
  color: var(--primary-color);
  border-color: transparent;
}
.p-button.p-button-text:enabled:active {
  background: rgba(33, 150, 243, 0.16);
  color: var(--primary-color);
  border-color: transparent;
}
.p-button.p-button-text.p-button-plain {
  color: #6c757d;
}
.p-button.p-button-text.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}
.p-button.p-button-text.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}
.p-button:focus {
  outline: 0 none;
  outline-offset: 0;
}
.p-button .p-button-icon-left {
  margin-right: 0.5rem;
}
.p-button .p-button-icon-right {
  margin-left: 0.5rem;
}
.p-button .p-button-icon-bottom {
  margin-top: 0.5rem;
}
.p-button .p-button-icon-top {
  margin-bottom: 0.5rem;
}
.p-button .p-badge {
  margin-left: 0.5rem;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  color: var(--primary-color);
  background-color: var(--surface-a);
}
.p-button.p-button-raised {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-button.p-button-rounded {
  border-radius: 2rem;
}
    .p-button.p-button-icon-only:not(.p-inputnumber-button) {
        width: 2.357rem;
        padding: 0.5rem 0;
    }
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
  margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 2.357rem;
}
.p-button.p-button-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.875rem;
}
.p-button.p-button-sm .p-button-icon {
  font-size: 0.875rem;
}
.p-button.p-button-lg {
  font-size: 1.25rem;
  padding: 0.625rem 1.25rem;
}
.p-button.p-button-lg .p-button-icon {
  font-size: 1.25rem;
}
.p-button.p-button-loading-label-only .p-button-label {
  margin-left: 0.5rem;
}
.p-button.p-button-loading-label-only .p-button-loading-icon {
  margin-right: 0;
}

.p-fluid .p-button {
  width: 100%;
}
.p-fluid .p-button-icon-only {
  width: 2.357rem;
}
.p-fluid .p-buttonset {
  display: flex;
}
.p-fluid .p-buttonset .p-button {
  flex: 1;
}

.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
  color: var(--surface-a);
  background: #607D8B;
  border: 1px solid #607D8B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #56717d;
  color: var(--surface-a);
  border-color: #56717d;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #beccd2;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: #4d646f;
  color: var(--surface-a);
  border-color: #4d646f;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}
.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}

.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
  color: var(--surface-a);
  background: #0288D1;
  border: 1px solid #0288D1;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: #027abc;
  color: var(--surface-a);
  border-color: #027abc;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #89d4fe;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
  background: #026da7;
  color: var(--surface-a);
  border-color: #026da7;
}
.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  color: #0288D1;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  color: #0288D1;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  color: #0288D1;
  border: 1px solid;
}
.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: transparent;
  color: #0288D1;
  border-color: transparent;
}
.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  border-color: transparent;
  color: #0288D1;
}
.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: #0288D1;
}

.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
  color: var(--surface-a);
  background: #689F38;
  border: 1px solid #689F38;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #5e8f32;
  color: var(--surface-a);
  border-color: #5e8f32;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #c2e0a8;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
  background: #537f2d;
  color: var(--surface-a);
  border-color: #537f2d;
}
.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  color: #689F38;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(104, 159, 56, 0.04);
  color: #689F38;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(104, 159, 56, 0.16);
  color: #689F38;
  border: 1px solid;
}
.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
  background-color: transparent;
  color: #689F38;
  border-color: transparent;
}
.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(104, 159, 56, 0.04);
  border-color: transparent;
  color: #689F38;
}
.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(104, 159, 56, 0.16);
  border-color: transparent;
  color: #689F38;
}

.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
  color: #212529;
  background: #FBC02D;
  border: 1px solid #FBC02D;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: #fab710;
  color: #212529;
  border-color: #fab710;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #fde6ab;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: #e8a704;
  color: #212529;
  border-color: #e8a704;
}
.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background-color: transparent;
  color: #FBC02D;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(251, 192, 45, 0.04);
  color: #FBC02D;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(251, 192, 45, 0.16);
  color: #FBC02D;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
  background-color: transparent;
  color: #FBC02D;
  border-color: transparent;
}
.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(251, 192, 45, 0.04);
  border-color: transparent;
  color: #FBC02D;
}
.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(251, 192, 45, 0.16);
  border-color: transparent;
  color: #FBC02D;
}

.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
  color: var(--surface-a);
  background: #9C27B0;
  border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
  background: #8c239e;
  color: var(--surface-a);
  border-color: #8c239e;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
  background: #7d1f8d;
  color: var(--surface-a);
  border-color: #7d1f8d;
}
.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}
.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9C27B0;
}
.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9C27B0;
}

.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
  color: var(--surface-a);
  background: #D32F2F;
  border: 1px solid #D32F2F;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
  background: #c02929;
  color: var(--surface-a);
  border-color: #c02929;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem #edacac;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: #aa2424;
  color: var(--surface-a);
  border-color: #aa2424;
}
.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  color: #D32F2F;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(211, 47, 47, 0.04);
  color: #D32F2F;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(211, 47, 47, 0.16);
  color: #D32F2F;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
  background-color: transparent;
  color: #D32F2F;
  border-color: transparent;
}
.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(211, 47, 47, 0.04);
  border-color: transparent;
  color: #D32F2F;
}
.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(211, 47, 47, 0.16);
  border-color: transparent;
  color: #D32F2F;
}

.p-button.p-button-link {
  color: #0b7ad1;
  background: transparent;
  border: transparent;
}
.p-button.p-button-link:enabled:hover {
  background: transparent;
  color: #0b7ad1;
  border-color: transparent;
}
.p-button.p-button-link:enabled:hover .p-button-label {
  text-decoration: underline;
}
.p-button.p-button-link:enabled:focus {
  background: transparent;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  border-color: transparent;
}
.p-button.p-button-link:enabled:active {
  background: transparent;
  color: #0b7ad1;
  border-color: transparent;
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-carousel .p-carousel-indicators {
  padding: 1rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #e9ecef;
  width: 2rem;
  height: 0.5rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: #dee2e6;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: #E3F2FD;
  color: #495057;
}

.p-datatable .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-datatable-header {
  background: #f8f9fa;
  /*color: #495057;*/
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-datatable .p-datatable-footer {
  background: #f8f9fa;
  /*color: #495057;*/
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  /*color: #495057;*/
  background: #f8f9fa;
  transition: box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  /*color: #495057;*/
  background: #f8f9fa;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
  /*color: #6c757d;*/
  margin-left: 0.5rem;
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  /*color: #495057;*/
  background: #E3F2FD;
  margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: #e9ecef;
  /*color: #495057;*/
}
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  /*color: #6c757d;*/
}
.p-datatable .p-sortable-column.p-highlight {
  background: #f8f9fa;
  color: var(--primary-color);
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  /*color: var(--primary-color);*/
}
.p-datatable .p-sortable-column.p-highlight:hover {
  background: #e9ecef;
  color: var(--primary-color);
}
.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  /*color: var(--primary-color);*/
}
.p-datatable .p-sortable-column:focus {
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
  outline: 0 none;
}
.p-datatable .p-datatable-tbody > tr {
  background: inherit;
  /*color: #495057;*/
  transition: box-shadow 0.2s;
  outline-color: var(--shadow-color);
}
.p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 2rem;
  height: 2rem;
  /*color: #6c757d;*/
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  /*color: #495057;*/
  border-color: transparent;
  background: #e9ecef;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
    background: var(--primary-color);
    color: var(--datatable-cell-text-hover);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #E3F2FD;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #E3F2FD;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: var(--primary-color);
    color: var(--datatable-cell-text-hover);
}
.p-datatable-scrollable {
    background: inherit;
}
.p-datatable-scrollable .p-frozen-column {
    position: sticky;
    background: inherit;
}

.p-datatable-flex-scrollable .p-datatable-virtual-scrollable-body{
    background:inherit;
}
.cdk-virtual-scroll-content-wrapper {
    background: inherit;
}
.p-datatable-table {
    background: inherit;
}
.p-datatable-tbody{
    background:inherit;
}
.p-datatable-wrapper{
    background:inherit;
}
.p-datatable .p-column-resizer-helper {
    background: var(--primary-color);
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
  background: #f8f9fa;
}
.p-datatable .p-datatable-loading-icon {
  font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: #fcfcfc;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
  color: #495057;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  color: #495057;
}
.p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
  padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 1.25rem 1.25rem;
}

.p-dataview .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-dataview .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-dataview .p-dataview-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-dataview .p-dataview-content {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  padding: 0;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid #e9ecef;
  border-width: 0 0 1px 0;
}
.p-dataview .p-dataview-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.p-dataview .p-dataview-loading-icon {
  font-size: 2rem;
}
.p-dataview .p-dataview-emptymessage {
  padding: 1rem;
}

.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
  margin-left: 0.5rem;
}

.p-column-filter-menu-button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-column-filter-menu-button:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: #e9ecef;
  color: #495057;
}
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: #E3F2FD;
  color: #495057;
}
.p-column-filter-menu-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-column-filter-clear-button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-column-filter-clear-button:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-column-filter-clear-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-column-filter-overlay {
  background: var(--surface-b);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
  padding: 0.5rem 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}

.p-column-filter-overlay-menu .p-column-filter-operator {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  margin-bottom: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
  margin-top: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: 0 none;
}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
  padding: 0.5rem 1rem;
}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: 1rem;
}

.fc .fc-view-container th {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
}
.fc .fc-view-container td.fc-widget-content {
  background: var(--surface-a);
  border: 1px solid #dee2e6;
  color: #495057;
}
.fc .fc-view-container td.fc-head-container {
  border: 1px solid #dee2e6;
}
.fc .fc-view-container .fc-row {
  border-right: 1px solid #dee2e6;
}
.fc .fc-view-container .fc-event {
  background: #0d89ec;
  border: 1px solid #0d89ec;
  color: var(--surface-a);
}
.fc .fc-view-container .fc-divider {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
}
.fc .fc-toolbar .fc-button {
  color: var(--surface-a);
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.fc .fc-toolbar .fc-button:enabled:hover {
  background: #0d89ec;
  color: var(--surface-a);
  border-color: #0d89ec;
}
.fc .fc-toolbar .fc-button:enabled:active {
  background: #0b7ad1;
  color: var(--surface-a);
  border-color: #0b7ad1;
}
.fc .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "";
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "";
}
.fc .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: var(--surface-a);
  border: 1px solid #ced4da;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--surface-a);
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: #0d89ec;
  border-color: #0d89ec;
  color: var(--surface-a);
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
  z-index: 1;
}
.fc .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-orderlist .p-orderlist-controls {
  padding: 1rem;
}
.p-orderlist .p-orderlist-controls .p-button {
  margin-bottom: 0.5rem;
}
.p-orderlist .p-orderlist-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-orderlist .p-orderlist-header .p-orderlist-title {
  font-weight: 600;
}
.p-orderlist .p-orderlist-filter-container {
  padding: 1rem;
  background: var(--surface-a);
  border: 1px solid #dee2e6;
  border-bottom: 0 none;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
  padding-right: 1.5rem;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}
.p-orderlist .p-orderlist-list {
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
}
.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-orderlist-item.cdk-drag-preview {
  padding: 0.5rem 1rem;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border: 0 none;
  color: #495057;
  background: var(--surface-a);
  margin: 0;
}

.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
  color: #6cbbf5;
}
.p-organizationchart .p-organizationchart-line-down {
  background: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #dee2e6;
  border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #dee2e6;
  border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  padding: 1rem;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: 50%;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-paginator {
  background: var(--surface-a);
  color: #6c757d;
  border: solid #e9ecef;
  border-width: 0;
  padding: 0.5rem 1rem;
  border-radius: 3px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  background-color: transparent;
  border: 0 none;
  color: #6c757d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: transparent;
  color: #495057;
}
.p-paginator .p-paginator-first {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-paginator .p-paginator-last {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.p-paginator .p-dropdown {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
  padding-right: 0;
}
.p-paginator .p-paginator-current {
  background-color: transparent;
  border: 0 none;
  color: #6c757d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  padding: 0 0.5rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 0 none;
  color: #6c757d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #E3F2FD;
  border-color: #E3F2FD;
  color: #495057;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: #e9ecef;
  border-color: transparent;
  color: #495057;
}

.p-picklist .p-picklist-buttons {
  padding: 1rem;
}
.p-picklist .p-picklist-buttons .p-button {
  margin-bottom: 0.5rem;
}
.p-picklist .p-picklist-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-picklist .p-picklist-header .p-picklist-title {
  font-weight: 600;
}
.p-picklist .p-picklist-filter-container {
  padding: 1rem;
  background: var(--surface-a);
  border: 1px solid #dee2e6;
  border-bottom: 0 none;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
  padding-right: 1.5rem;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}
.p-picklist .p-picklist-list {
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-picklist .p-picklist-list .p-picklist-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
}
.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-picklist-item.cdk-drag-preview {
  padding: 0.5rem 1rem;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border: 0 none;
  color: #495057;
  background: var(--surface-a);
  margin: 0;
}

.p-timeline .p-timeline-event-marker {
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: var(--surface-a);
}
.p-timeline .p-timeline-event-connector {
  background-color: #dee2e6;
}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 1rem;
}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
  width: 2px;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: 1rem 0;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  height: 2px;
}

.p-tree {
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  padding: 1rem;
  border-radius: 3px;
}
.p-tree .p-tree-container .p-treenode {
  padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: 3px;
  transition: box-shadow 0.2s;
  padding: 0;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  margin-right: 0.5rem;
  color: #6c757d;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  background: #e9ecef;
  color: #495057;
}
.p-tree .p-tree-filter-container {
  margin-bottom: 0.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter {
  width: 100%;
  padding-right: 1.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
  right: 0.5rem;
  color: #6c757d;
}
.p-tree .p-treenode-children {
  padding: 0 0 0 1rem;
}
.p-tree .p-tree-loading-icon {
  font-size: 2rem;
}
.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
  background-color: #89c8f7;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background-color: var(--surface-a);
  color: #495057;
  padding: 0;
  transition: box-shadow 0.2s;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  background-color: #E3F2FD;
  color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
  background-color: inherit;
  color: inherit;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-treetable .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-treetable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-treetable .p-treetable-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-treetable .p-treetable-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-treetable .p-treetable-thead > tr > th {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
}
.p-treetable .p-sortable-column {
  outline-color: var(--shadow-color);
}
.p-treetable .p-sortable-column .p-sortable-column-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}
.p-treetable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #495057;
  background: #E3F2FD;
  margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #6c757d;
}
.p-treetable .p-sortable-column.p-highlight {
  background: #f8f9fa;
  color: var(--primary-color);
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: var(--primary-color);
}
.p-treetable .p-treetable-tbody > tr {
  background: var(--surface-a);
  color: #495057;
  transition: box-shadow 0.2s;
  outline-color: var(--shadow-color);
}
.p-treetable .p-treetable-tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
  margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #495057;
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: #495057;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: #495057;
}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
  color: #495057;
}
.p-treetable .p-column-resizer-helper {
  background: var(--primary-color);
}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
  background: #f8f9fa;
}
.p-treetable .p-treetable-loading-icon {
  font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
  border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
  border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
  border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
  padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
  padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
  padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
  padding: 1.25rem 1.25rem;
}

.p-virtualscroller .p-virtualscroller-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-virtualscroller .p-virtualscroller-content {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  padding: 0;
}
.p-virtualscroller .p-virtualscroller-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 0.5rem;
}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  outline: 0 none;
  outline-offset: 0;
  /*box-shadow: 0 0 0 0.2rem var(--shadow-color);*/
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
.p-accordion .p-accordion-content {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: 0;
}
.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}
.p-accordion p-accordiontab .p-accordion-content {
  border-radius: 0;
}
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-card {
  background: var(--surface-a);
  color: #495057;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.p-card .p-card-body {
  padding: 1rem;
}
.p-card .p-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.p-card .p-card-subtitle {
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #6c757d;
}
.p-card .p-card-content {
  padding: 1rem 0;
}
.p-card .p-card-footer {
  padding: 1rem 0 0 0;
}

.p-divider .p-divider-content {
  background-color: var(--surface-a);
}
.p-divider.p-divider-horizontal {
  margin: 1rem 0;
  padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
  border-top: 1px #dee2e6;
}
.p-divider.p-divider-horizontal .p-divider-content {
  padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
  margin: 0 1rem;
  padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
  border-left: 1px #dee2e6;
}
.p-divider.p-divider-vertical .p-divider-content {
  padding: 0.5rem 0;
}

.p-fieldset {
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  border-radius: 3px;
}
.p-fieldset .p-fieldset-legend {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 3px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  padding: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  padding: 1rem;
  color: #495057;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  margin-right: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.p-fieldset .p-fieldset-content {
  padding: 1rem;
}

.p-panel .p-panel-header {
  border: 1px solid #dee2e6;
  padding: 1rem;
  background: #f8f9fa;
  color: #495057;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-panel .p-panel-header .p-panel-title {
  font-weight: 600;
}
.p-panel .p-panel-header .p-panel-header-icon {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-panel.p-panel-toggleable .p-panel-header {
  padding: 0.5rem 1rem;
}
.p-panel .p-panel-content {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 0 none;
}
.p-panel .p-panel-footer {
  padding: 0.5rem 1rem;
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  border-top: 0 none;
}

.p-scrollpanel .p-scrollpanel-bar {
  background: #f8f9fa;
  border: 0 none;
}

.p-splitter {
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  border-radius: 3px;
  color: #495057;
}
.p-splitter .p-splitter-gutter {
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  background: #f8f9fa;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  background: #dee2e6;
}
.p-splitter .p-splitter-gutter-resizing {
  background: #dee2e6;
}

.p-tabview .p-tabview-nav {
  background: var(--surface-a);
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li {
  margin-right: 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: var(--surface-a);
  /*color: #6c757d;*/
  padding: 1rem;
  /*font-weight: 600;*/
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: var(--surface-a);
    border-color: var(--highlight-color);
    color: var(--highlight-color);
}
    .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
        background: var(--surface-a);
        border-color: var(--highlight-color);
        color: var(--highlight-color);
    }
.p-tabview .p-tabview-left-icon {
  margin-right: 0.5rem;
}
.p-tabview .p-tabview-right-icon {
  margin-left: 0.5rem;
}
.p-tabview .p-tabview-close {
  margin-left: 0.5rem;
}
.p-tabview .p-tabview-panels {
  background: var(--surface-a);
  /*padding: 1rem;*/
  border: 0 none;
  /*color: #495057;*/
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-toolbar {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-radius: 3px;
}
.p-toolbar .p-toolbar-separator {
  margin: 0 0.5rem;
}

.p-confirm-popup {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-confirm-popup .p-confirm-popup-content {
  padding: 1rem;
}
.p-confirm-popup .p-confirm-popup-footer {
  text-align: right;
  padding: 0.5rem 1rem;
}
.p-confirm-popup .p-confirm-popup-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
.p-confirm-popup .p-confirm-popup-footer button:last-child {
  margin: 0;
}
.p-confirm-popup:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--surface-a);
}
.p-confirm-popup:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--surface-a);
}
.p-confirm-popup.p-confirm-popup-flipped:after {
  border-top-color: var(--surface-a);
}
.p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: var(--surface-a);
}
.p-confirm-popup .p-confirm-popup-icon {
  font-size: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-message {
  margin-left: 1rem;
}

.p-dialog {
  border-radius: 3px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: 0 none;
  background: white
}
.p-dialog .p-dialog-header {
  border-bottom: 0 none;
  background: var(--surface-a);
  color: #495057;
  padding: 1.5rem;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 600;
  font-size: 1.25rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: 0;
}
.p-dialog .p-dialog-content {
  background: var(--surface-a);
  color: #495057;
  padding: 0 1.5rem 2rem 1.5rem;
}
.p-dialog .p-dialog-footer {
  border-top: 0 none;
  background: var(--surface-a);
  color: #495057;
  padding: 0 1.5rem 1.5rem 1.5rem;
  text-align: right;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-dialog .p-dialog-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 1rem;
}

.p-dialog-mask.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.p-overlaypanel {
  background: var(--surface-0);
  color: #495057;
  border: 0 none;
  border-radius: 6px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-overlaypanel .p-overlaypanel-content {
  padding: 1rem;
}
.p-overlaypanel .p-overlaypanel-close {
  background: var(--primary-color);
  color: var(--surface-a);
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
  position: absolute;
  top: -1rem;
  right: -1rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: #0d89ec;
  color: var(--surface-a);
}
.p-overlaypanel:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--surface-a);
}
.p-overlaypanel:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--surface-a);
}
.p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: var(--surface-a);
}
.p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: var(--surface-a);
}

.p-sidebar {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-sidebar .p-sidebar-header {
  padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-sidebar .p-sidebar-header + .p-sidebar-content {
  padding-top: 0;
}
.p-sidebar .p-sidebar-content {
  padding: 1rem;
}

.p-sidebar-mask.p-component-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.p-tooltip .p-tooltip-text {
  background: var(--tooltip-background);
  color: var(--tooltip-color);
  padding: 0.5rem 0.5rem;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #495057;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #495057;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #495057;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #495057;
}

.p-fileupload .p-fileupload-buttonbar {
  background: #f8f9fa;
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  border-bottom: 0 none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
  margin-right: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-fileupload .p-fileupload-content {
  background: var(--surface-a);
  padding: 2rem 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-fileupload .p-progressbar {
  height: 0.25rem;
}
.p-fileupload .p-fileupload-row > div {
  padding: 1rem 1rem;
}
.p-fileupload.p-fileupload-advanced .p-message {
  margin-top: 0;
}

.p-fileupload-choose:not(.p-disabled):hover {
  background: #0d89ec;
  color: var(--surface-a);
  border-color: #0d89ec;
}
.p-fileupload-choose:not(.p-disabled):active {
  background: #0b7ad1;
  color: var(--surface-a);
  border-color: #0b7ad1;
}

.p-breadcrumb {
  background: var(--surface-a);
  border: 1px solid #dee2e6;
  border-radius: 3px;
  padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
  transition: box-shadow 0.2s;
  border-radius: 3px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 0.5rem 0 0.5rem;
  color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
  color: #6c757d;
}

.p-contextmenu {
  padding: 0.25rem 0;
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  width: 12.5rem;
}
.p-contextmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-contextmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-contextmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-contextmenu .p-menuitem {
  margin: 0;
}
.p-contextmenu .p-menuitem:last-child {
  margin: 0;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-contextmenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.p-megamenu {
  padding: 0.5rem;
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 3px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-megamenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-megamenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-megamenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-megamenu .p-megamenu-panel {
  background: var(--surface-a);
  color: #495057;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu .p-megamenu-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: var(--surface-a);
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-megamenu .p-megamenu-submenu {
  padding: 0.25rem 0;
  width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-megamenu .p-megamenu-submenu .p-menuitem {
  margin: 0;
}
.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
  margin: 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: 0.25rem 0;
}
.p-megamenu.p-megamenu-vertical .p-menuitem {
  margin: 0;
}
.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
  margin: 0;
}

.p-menu {
  padding: 0.25rem 0;
  background: var(--surface-a);
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  width: 12.5rem;
}
.p-menu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-menu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-menu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-menu.p-menu-overlay {
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-menu .p-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: var(--surface-a);
  font-weight: 600;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-menu .p-menuitem {
  margin: 0;
}
.p-menu .p-menuitem:last-child {
  margin: 0;
}

.p-menubar {
  padding: 0.5rem;
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
.p-menubar .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-menubar .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-menubar .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 3px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
  margin-left: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-menubar .p-submenu-list {
  padding: 0.25rem 0;
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
  font-size: 0.875rem;
}
.p-menubar .p-submenu-list .p-menuitem {
  margin: 0;
}
.p-menubar .p-submenu-list .p-menuitem:last-child {
  margin: 0;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}

@media screen and (max-width: 960px) {
  .p-menubar {
    position: relative;
  }
  .p-menubar .p-menubar-button {
    display: flex;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--shadow-color);
  }
  .p-menubar .p-menubar-root-list {
    position: absolute;
    display: none;
    padding: 0.25rem 0;
    background: var(--surface-a);
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 100%;
  }
  .p-menubar .p-menubar-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
    padding: 0.75rem 1rem;
    color: #495057;
    border-radius: 0;
    transition: box-shadow 0.2s;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #6c757d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar .p-menubar-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}
.p-panelmenu .p-panelmenu-header > a {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 3px;
  transition: box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
.p-panelmenu .p-panelmenu-content {
  padding: 0.25rem 0;
  border: 1px solid #dee2e6;
  background: var(--surface-a);
  color: #495057;
  margin-bottom: 0;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
  padding: 0 0 0 1rem;
}
.p-panelmenu .p-panelmenu-panel {
  margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  border-radius: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  border-radius: 0;
}
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
  border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.p-slidemenu {
  padding: 0.25rem 0;
  background: var(--surface-a);
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  width: 12.5rem;
}
.p-slidemenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-slidemenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-slidemenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-slidemenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-slidemenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-slidemenu.p-slidemenu-overlay {
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-slidemenu .p-slidemenu-list {
  padding: 0.25rem 0;
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
  background: #e9ecef;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
  color: #495057;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
  color: #6c757d;
}
.p-slidemenu .p-slidemenu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-slidemenu .p-slidemenu-icon {
  font-size: 0.875rem;
}
.p-slidemenu .p-slidemenu-backward {
  padding: 0.75rem 1rem;
  color: #495057;
}

.p-steps .p-steps-item .p-menuitem-link {
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 3px;
  background: var(--surface-a);
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: #495057;
  border: 1px solid #e9ecef;
  background: var(--surface-a);
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.143rem;
  z-index: 1;
  border-radius: 50%;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: 0.5rem;
  color: #6c757d;
}
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #E3F2FD;
  color: #495057;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
  font-weight: 600;
  color: #495057;
}
.p-steps .p-steps-item:before {
  content: " ";
  border-top: 1px solid #dee2e6;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem;
}

.p-tabmenu .p-tabmenu-nav {
  background: var(--surface-a);
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin-right: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: var(--surface-a);
  color: #6c757d;
  padding: 1rem;
  font-weight: 600;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  background: var(--surface-a);
  border-color: #6c757d;
  color: #6c757d;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: var(--surface-a);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.p-tieredmenu {
  padding: 0.25rem 0;
  background: var(--surface-a);
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  color: #6c757d;
  margin-right: 0.5rem;
}
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #6c757d;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #6c757d;
}
.p-tieredmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem var(--shadow-color);
}
.p-tieredmenu.p-tieredmenu-overlay {
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-tieredmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: var(--surface-a);
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-tieredmenu .p-menuitem {
  margin: 0;
}
.p-tieredmenu .p-menuitem:last-child {
  margin: 0;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #6c757d;
}
.p-tieredmenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
  font-size: 0.875rem;
}

.p-inline-message {
  padding: 0.5rem 0.5rem;
  margin: 0;
  border-radius: 3px;
}
.p-inline-message.p-inline-message-info {
  background: #B3E5FC;
  border: solid #0891cf;
  border-width: 0px;
  color: #044868;
}
.p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: #044868;
}
.p-inline-message.p-inline-message-success {
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0px;
  color: #224a23;
}
.p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: #224a23;
}
.p-inline-message.p-inline-message-warn {
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0px;
  color: #6d5100;
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: #6d5100;
}
.p-inline-message.p-inline-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0px;
  color: #73000c;
}
.p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: #73000c;
}
.p-inline-message .p-inline-message-icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.p-inline-message .p-inline-message-text {
  font-size: 1rem;
}
.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  margin-right: 0;
}

.p-message {
  margin: 1rem 0;
  border-radius: 3px;
}
.p-message .p-message-wrapper {
  padding: 1rem 1.5rem;
}
.p-message .p-message-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.p-message .p-message-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-message.p-message-info {
  background: #B3E5FC;
  border: solid #0891cf;
  border-width: 0 0 0 6px;
  color: #044868;
}
.p-message.p-message-info .p-message-icon {
  color: #044868;
}
.p-message.p-message-info .p-message-close {
  color: #044868;
}
.p-message.p-message-success {
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}
.p-message.p-message-success .p-message-icon {
  color: #224a23;
}
.p-message.p-message-success .p-message-close {
  color: #224a23;
}
.p-message.p-message-warn {
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}
.p-message.p-message-warn .p-message-icon {
  color: #6d5100;
}
.p-message.p-message-warn .p-message-close {
  color: #6d5100;
}
.p-message.p-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: #73000c;
}
.p-message.p-message-error .p-message-icon {
  color: #73000c;
}
.p-message.p-message-error .p-message-close {
  color: #73000c;
}
.p-message .p-message-text {
  font-size: 1rem;
  font-weight: 500;
}
.p-message .p-message-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.p-message .p-message-summary {
  font-weight: 700;
}
.p-message .p-message-detail {
  margin-left: 0.5rem;
}

.p-toast {
  opacity: 0.9;
}
.p-toast .p-toast-message {
  margin: 0 0 1rem 0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.p-toast .p-toast-message .p-toast-message-content {
  padding: 1rem;
  border-width: 0 0 0 6px;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  margin: 0 0 0 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  font-weight: 700;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-message .p-toast-icon-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-message .p-toast-icon-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}
.p-toast .p-toast-message.p-toast-message-info {
  background: #B3E5FC;
  border: solid #0891cf;
  border-width: 0 0 0 6px;
  color: #044868;
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: #044868;
}
.p-toast .p-toast-message.p-toast-message-success {
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: #224a23;
}
.p-toast .p-toast-message.p-toast-message-warn {
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: #6d5100;
}
.p-toast .p-toast-message.p-toast-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: #73000c;
}
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: #73000c;
}

.p-galleria .p-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
  font-size: 2rem;
}
.p-galleria .p-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
.p-galleria .p-galleria-item-nav {
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  margin: 0 0.5rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  font-size: 2rem;
}
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
.p-galleria .p-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
  color: #f8f9fa;
  padding: 1rem;
}
.p-galleria .p-galleria-indicators {
  padding: 1rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: #e9ecef;
  width: 1rem;
  height: 1rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: #dee2e6;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #E3F2FD;
  color: #495057;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  margin-right: 0.5rem;
}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  margin-bottom: 0.5rem;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #E3F2FD;
  color: #495057;
}
.p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 1rem 0.25rem;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  margin: 0.5rem;
  background-color: transparent;
  color: #f8f9fa;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-galleria-mask.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}

.p-avatar {
  background-color: #dee2e6;
  border-radius: 3px;
}
.p-avatar.p-avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 1.5rem;
}
.p-avatar.p-avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}
.p-avatar.p-avatar-xl .p-avatar-icon {
  font-size: 2rem;
}

.p-avatar-group .p-avatar {
  border: 2px solid var(--surface-a);
}

.p-badge {
  background: var(--primary-color);
  color: var(--surface-a);
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
  background-color: #607D8B;
  color: var(--surface-a);
}
.p-badge.p-badge-success {
  background-color: #689F38;
  color: var(--surface-a);
}
.p-badge.p-badge-info {
  background-color: #0288D1;
  color: var(--surface-a);
}
.p-badge.p-badge-warning {
  background-color: #FBC02D;
  color: #212529;
}
.p-badge.p-badge-danger {
  background-color: #D32F2F;
  color: var(--surface-a);
}
.p-badge.p-badge-lg {
  font-size: 1.125rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}
.p-badge.p-badge-xl {
  font-size: 1.5rem;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}

.p-blockui.p-component-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.p-chip {
  background-color: #dee2e6;
  color: #495057;
  border-radius: 16px;
  padding: 0 0.5rem;
}
.p-chip .p-chip-text {
  line-height: 1.5;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.p-chip .p-chip-icon {
  margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
  margin-left: 0.5rem;
}
.p-chip img {
  width: 2rem;
  height: 2rem;
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-chip .pi-chip-remove-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-inplace .p-inplace-display {
  padding: 0.5rem 0.5rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: #e9ecef;
  color: #495057;
}
.p-inplace .p-inplace-display:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem var(--shadow-color);
}

.p-progressbar {
  border: 0 none;
  height: 1.5rem;
  background: #dee2e6;
  border-radius: 3px;
}
.p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: var(--primary-color);
}
.p-progressbar .p-progressbar-label {
  color: #495057;
  line-height: 1.5rem;
}

.p-scrolltop {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
  background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
  background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
  font-size: 1.5rem;
  color: #f8f9fa;
}

.p-skeleton {
  background-color: #e9ecef;
  border-radius: 3px;
}
.p-skeleton:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.p-tag {
  background: var(--primary-color);
  color: var(--surface-a);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
}
.p-tag.p-tag-success {
  background-color: #689F38;
  color: var(--surface-a);
}
.p-tag.p-tag-info {
  background-color: #0288D1;
  color: var(--surface-a);
}
.p-tag.p-tag-warning {
  background-color: #FBC02D;
  color: #212529;
}
.p-tag.p-tag-danger {
  background-color: #D32F2F;
  color: var(--surface-a);
}
.p-tag .p-tag-icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}

.p-terminal {
  background: var(--surface-a);
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
}
.p-terminal .p-terminal-input {
  font-size: 1rem;
  font-family: var(--font-family);
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background-color: var(--primary-color);
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background-color: var(--primary-color);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/styles/primeflex.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}

    .grid > .col,
    .grid > [class*=col] {
        box-sizing: border-box;
    }

.grid-nogutter {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
}

    .grid-nogutter > .col,
    .grid-nogutter > [class*=col-] {
        padding: 0;
    }

.col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
}

.col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
}

.col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
}

.col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
}

.col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
}

.col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
}

.col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
}

.col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
}

.col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
}

.col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
}

.col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
}

@media screen and (min-width: 576px) {
    .sm\:col {
        flex-grow: 1;
        flex-basis: 0;
        padding: 0.5rem;
    }

    .sm\:col-fixed {
        flex: 0 0 auto;
        padding: 0.5rem;
    }

    .sm\:col-1 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 8.3333%;
    }

    .sm\:col-2 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 16.6667%;
    }

    .sm\:col-3 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 25%;
    }

    .sm\:col-4 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 33.3333%;
    }

    .sm\:col-5 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 41.6667%;
    }

    .sm\:col-6 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 50%;
    }

    .sm\:col-7 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 58.3333%;
    }

    .sm\:col-8 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 66.6667%;
    }

    .sm\:col-9 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 75%;
    }

    .sm\:col-10 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 83.3333%;
    }

    .sm\:col-11 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 91.6667%;
    }

    .sm\:col-12 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .md\:col {
        flex-grow: 1;
        flex-basis: 0;
        padding: 0.5rem;
    }

    .md\:col-fixed {
        flex: 0 0 auto;
        padding: 0.5rem;
    }

    .md\:col-1 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 8.3333%;
    }

    .md\:col-2 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 16.6667%;
    }

    .md\:col-3 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 25%;
    }

    .md\:col-4 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 33.3333%;
    }

    .md\:col-5 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 41.6667%;
    }

    .md\:col-6 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 50%;
    }

    .md\:col-7 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 58.3333%;
    }

    .md\:col-8 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 66.6667%;
    }

    .md\:col-9 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 75%;
    }

    .md\:col-10 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 83.3333%;
    }

    .md\:col-11 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 91.6667%;
    }

    .md\:col-12 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .lg\:col {
        flex-grow: 1;
        flex-basis: 0;
        padding: 0.5rem;
    }

    .lg\:col-fixed {
        flex: 0 0 auto;
        padding: 0.5rem;
    }

    .lg\:col-1 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 8.3333%;
    }

    .lg\:col-2 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 16.6667%;
    }

    .lg\:col-3 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 25%;
    }

    .lg\:col-4 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 33.3333%;
    }

    .lg\:col-5 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 41.6667%;
    }

    .lg\:col-6 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 50%;
    }

    .lg\:col-7 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 58.3333%;
    }

    .lg\:col-8 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 66.6667%;
    }

    .lg\:col-9 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 75%;
    }

    .lg\:col-10 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 83.3333%;
    }

    .lg\:col-11 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 91.6667%;
    }

    .lg\:col-12 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:col {
        flex-grow: 1;
        flex-basis: 0;
        padding: 0.5rem;
    }

    .xl\:col-fixed {
        flex: 0 0 auto;
        padding: 0.5rem;
    }

    .xl\:col-1 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 8.3333%;
    }

    .xl\:col-2 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 16.6667%;
    }

    .xl\:col-3 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 25%;
    }

    .xl\:col-4 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 33.3333%;
    }

    .xl\:col-5 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 41.6667%;
    }

    .xl\:col-6 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 50%;
    }

    .xl\:col-7 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 58.3333%;
    }

    .xl\:col-8 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 66.6667%;
    }

    .xl\:col-9 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 75%;
    }

    .xl\:col-10 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 83.3333%;
    }

    .xl\:col-11 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 91.6667%;
    }

    .xl\:col-12 {
        flex: 0 0 auto;
        padding: 0.5rem;
        width: 100%;
    }
}

.col-offset-0 {
    margin-left: 0 !important;
}

.col-offset-1 {
    margin-left: 8.3333% !important;
}

.col-offset-2 {
    margin-left: 16.6667% !important;
}

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

.col-offset-4 {
    margin-left: 33.3333% !important;
}

.col-offset-5 {
    margin-left: 41.6667% !important;
}

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

.col-offset-7 {
    margin-left: 58.3333% !important;
}

.col-offset-8 {
    margin-left: 66.6667% !important;
}

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

.col-offset-10 {
    margin-left: 83.3333% !important;
}

.col-offset-11 {
    margin-left: 91.6667% !important;
}

.col-offset-12 {
    margin-left: 100% !important;
}

@media screen and (min-width: 576px) {
    .sm\:col-offset-0 {
        margin-left: 0 !important;
    }

    .sm\:col-offset-1 {
        margin-left: 8.3333% !important;
    }

    .sm\:col-offset-2 {
        margin-left: 16.6667% !important;
    }

    .sm\:col-offset-3 {
        margin-left: 25% !important;
    }

    .sm\:col-offset-4 {
        margin-left: 33.3333% !important;
    }

    .sm\:col-offset-5 {
        margin-left: 41.6667% !important;
    }

    .sm\:col-offset-6 {
        margin-left: 50% !important;
    }

    .sm\:col-offset-7 {
        margin-left: 58.3333% !important;
    }

    .sm\:col-offset-8 {
        margin-left: 66.6667% !important;
    }

    .sm\:col-offset-9 {
        margin-left: 75% !important;
    }

    .sm\:col-offset-10 {
        margin-left: 83.3333% !important;
    }

    .sm\:col-offset-11 {
        margin-left: 91.6667% !important;
    }

    .sm\:col-offset-12 {
        margin-left: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:col-offset-0 {
        margin-left: 0 !important;
    }

    .md\:col-offset-1 {
        margin-left: 8.3333% !important;
    }

    .md\:col-offset-2 {
        margin-left: 16.6667% !important;
    }

    .md\:col-offset-3 {
        margin-left: 25% !important;
    }

    .md\:col-offset-4 {
        margin-left: 33.3333% !important;
    }

    .md\:col-offset-5 {
        margin-left: 41.6667% !important;
    }

    .md\:col-offset-6 {
        margin-left: 50% !important;
    }

    .md\:col-offset-7 {
        margin-left: 58.3333% !important;
    }

    .md\:col-offset-8 {
        margin-left: 66.6667% !important;
    }

    .md\:col-offset-9 {
        margin-left: 75% !important;
    }

    .md\:col-offset-10 {
        margin-left: 83.3333% !important;
    }

    .md\:col-offset-11 {
        margin-left: 91.6667% !important;
    }

    .md\:col-offset-12 {
        margin-left: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:col-offset-0 {
        margin-left: 0 !important;
    }

    .lg\:col-offset-1 {
        margin-left: 8.3333% !important;
    }

    .lg\:col-offset-2 {
        margin-left: 16.6667% !important;
    }

    .lg\:col-offset-3 {
        margin-left: 25% !important;
    }

    .lg\:col-offset-4 {
        margin-left: 33.3333% !important;
    }

    .lg\:col-offset-5 {
        margin-left: 41.6667% !important;
    }

    .lg\:col-offset-6 {
        margin-left: 50% !important;
    }

    .lg\:col-offset-7 {
        margin-left: 58.3333% !important;
    }

    .lg\:col-offset-8 {
        margin-left: 66.6667% !important;
    }

    .lg\:col-offset-9 {
        margin-left: 75% !important;
    }

    .lg\:col-offset-10 {
        margin-left: 83.3333% !important;
    }

    .lg\:col-offset-11 {
        margin-left: 91.6667% !important;
    }

    .lg\:col-offset-12 {
        margin-left: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:col-offset-0 {
        margin-left: 0 !important;
    }

    .xl\:col-offset-1 {
        margin-left: 8.3333% !important;
    }

    .xl\:col-offset-2 {
        margin-left: 16.6667% !important;
    }

    .xl\:col-offset-3 {
        margin-left: 25% !important;
    }

    .xl\:col-offset-4 {
        margin-left: 33.3333% !important;
    }

    .xl\:col-offset-5 {
        margin-left: 41.6667% !important;
    }

    .xl\:col-offset-6 {
        margin-left: 50% !important;
    }

    .xl\:col-offset-7 {
        margin-left: 58.3333% !important;
    }

    .xl\:col-offset-8 {
        margin-left: 66.6667% !important;
    }

    .xl\:col-offset-9 {
        margin-left: 75% !important;
    }

    .xl\:col-offset-10 {
        margin-left: 83.3333% !important;
    }

    .xl\:col-offset-11 {
        margin-left: 91.6667% !important;
    }

    .xl\:col-offset-12 {
        margin-left: 100% !important;
    }
}

.text-0 {
    color: var(--surface-0) !important;
}

.text-50 {
    color: var(--surface-50) !important;
}

.text-100 {
    color: var(--surface-100) !important;
}

.text-200 {
    color: var(--surface-200) !important;
}

.text-300 {
    color: var(--surface-300) !important;
}

.text-400 {
    color: var(--surface-400) !important;
}

.text-500 {
    color: var(--surface-500) !important;
}

.text-600 {
    color: var(--surface-600) !important;
}

.text-700 {
    color: var(--surface-700) !important;
}

.text-800 {
    color: var(--surface-800) !important;
}

.text-900 {
    color: var(--surface-900) !important;
}

.focus\:text-0:focus {
    color: var(--surface-0) !important;
}

.hover\:text-0:hover {
    color: var(--surface-0) !important;
}

.active\:text-0:active {
    color: var(--surface-0) !important;
}

.focus\:text-50:focus {
    color: var(--surface-50) !important;
}

.hover\:text-50:hover {
    color: var(--surface-50) !important;
}

.active\:text-50:active {
    color: var(--surface-50) !important;
}

.focus\:text-100:focus {
    color: var(--surface-100) !important;
}

.hover\:text-100:hover {
    color: var(--surface-100) !important;
}

.active\:text-100:active {
    color: var(--surface-100) !important;
}

.focus\:text-200:focus {
    color: var(--surface-200) !important;
}

.hover\:text-200:hover {
    color: var(--surface-200) !important;
}

.active\:text-200:active {
    color: var(--surface-200) !important;
}

.focus\:text-300:focus {
    color: var(--surface-300) !important;
}

.hover\:text-300:hover {
    color: var(--surface-300) !important;
}

.active\:text-300:active {
    color: var(--surface-300) !important;
}

.focus\:text-400:focus {
    color: var(--surface-400) !important;
}

.hover\:text-400:hover {
    color: var(--surface-400) !important;
}

.active\:text-400:active {
    color: var(--surface-400) !important;
}

.focus\:text-500:focus {
    color: var(--surface-500) !important;
}

.hover\:text-500:hover {
    color: var(--surface-500) !important;
}

.active\:text-500:active {
    color: var(--surface-500) !important;
}

.focus\:text-600:focus {
    color: var(--surface-600) !important;
}

.hover\:text-600:hover {
    color: var(--surface-600) !important;
}

.active\:text-600:active {
    color: var(--surface-600) !important;
}

.focus\:text-700:focus {
    color: var(--surface-700) !important;
}

.hover\:text-700:hover {
    color: var(--surface-700) !important;
}

.active\:text-700:active {
    color: var(--surface-700) !important;
}

.focus\:text-800:focus {
    color: var(--surface-800) !important;
}

.hover\:text-800:hover {
    color: var(--surface-800) !important;
}

.active\:text-800:active {
    color: var(--surface-800) !important;
}

.focus\:text-900:focus {
    color: var(--surface-900) !important;
}

.hover\:text-900:hover {
    color: var(--surface-900) !important;
}

.active\:text-900:active {
    color: var(--surface-900) !important;
}

.surface-0 {
    background-color: var(--surface-0) !important;
}

.surface-50 {
    background-color: var(--surface-50) !important;
}

.surface-100 {
    background-color: var(--surface-100) !important;
}

.surface-200 {
    background-color: var(--surface-200) !important;
}

.surface-300 {
    background-color: var(--surface-300) !important;
}

.surface-400 {
    background-color: var(--surface-400) !important;
}

.surface-500 {
    background-color: var(--surface-500) !important;
}

.surface-600 {
    background-color: var(--surface-600) !important;
}

.surface-700 {
    background-color: var(--surface-700) !important;
}

.surface-800 {
    background-color: var(--surface-800) !important;
}

.surface-900 {
    background-color: var(--surface-900) !important;
}

.focus\:surface-0:focus {
    background-color: var(--surface-0) !important;
}

.hover\:surface-0:hover {
    background-color: var(--surface-0) !important;
}

.active\:surface-0:active {
    background-color: var(--surface-0) !important;
}

.focus\:surface-50:focus {
    background-color: var(--surface-50) !important;
}

.hover\:surface-50:hover {
    background-color: var(--surface-50) !important;
}

.active\:surface-50:active {
    background-color: var(--surface-50) !important;
}

.focus\:surface-100:focus {
    background-color: var(--surface-100) !important;
}

.hover\:surface-100:hover {
    background-color: var(--surface-100) !important;
}

.active\:surface-100:active {
    background-color: var(--surface-100) !important;
}

.focus\:surface-200:focus {
    background-color: var(--surface-200) !important;
}

.hover\:surface-200:hover {
    background-color: var(--surface-200) !important;
}

.active\:surface-200:active {
    background-color: var(--surface-200) !important;
}

.focus\:surface-300:focus {
    background-color: var(--surface-300) !important;
}

.hover\:surface-300:hover {
    background-color: var(--surface-300) !important;
}

.active\:surface-300:active {
    background-color: var(--surface-300) !important;
}

.focus\:surface-400:focus {
    background-color: var(--surface-400) !important;
}

.hover\:surface-400:hover {
    background-color: var(--surface-400) !important;
}

.active\:surface-400:active {
    background-color: var(--surface-400) !important;
}

.focus\:surface-500:focus {
    background-color: var(--surface-500) !important;
}

.hover\:surface-500:hover {
    background-color: var(--surface-500) !important;
}

.active\:surface-500:active {
    background-color: var(--surface-500) !important;
}

.focus\:surface-600:focus {
    background-color: var(--surface-600) !important;
}

.hover\:surface-600:hover {
    background-color: var(--surface-600) !important;
}

.active\:surface-600:active {
    background-color: var(--surface-600) !important;
}

.focus\:surface-700:focus {
    background-color: var(--surface-700) !important;
}

.hover\:surface-700:hover {
    background-color: var(--surface-700) !important;
}

.active\:surface-700:active {
    background-color: var(--surface-700) !important;
}

.focus\:surface-800:focus {
    background-color: var(--surface-800) !important;
}

.hover\:surface-800:hover {
    background-color: var(--surface-800) !important;
}

.active\:surface-800:active {
    background-color: var(--surface-800) !important;
}

.focus\:surface-900:focus {
    background-color: var(--surface-900) !important;
}

.hover\:surface-900:hover {
    background-color: var(--surface-900) !important;
}

.active\:surface-900:active {
    background-color: var(--surface-900) !important;
}

.border-0 {
    border-color: var(--surface-0) !important;
}

.border-50 {
    border-color: var(--surface-50) !important;
}

.border-100 {
    border-color: var(--surface-100) !important;
}

.border-200 {
    border-color: var(--surface-200) !important;
}

.border-300 {
    border-color: var(--surface-300) !important;
}

.border-400 {
    border-color: var(--surface-400) !important;
}

.border-500 {
    border-color: var(--surface-500) !important;
}

.border-600 {
    border-color: var(--surface-600) !important;
}

.border-700 {
    border-color: var(--surface-700) !important;
}

.border-800 {
    border-color: var(--surface-800) !important;
}

.border-900 {
    border-color: var(--surface-900) !important;
}

.focus\:border-0:focus {
    border-color: var(--surface-0) !important;
}

.hover\:border-0:hover {
    border-color: var(--surface-0) !important;
}

.active\:border-0:active {
    border-color: var(--surface-0) !important;
}

.focus\:border-50:focus {
    border-color: var(--surface-50) !important;
}

.hover\:border-50:hover {
    border-color: var(--surface-50) !important;
}

.active\:border-50:active {
    border-color: var(--surface-50) !important;
}

.focus\:border-100:focus {
    border-color: var(--surface-100) !important;
}

.hover\:border-100:hover {
    border-color: var(--surface-100) !important;
}

.active\:border-100:active {
    border-color: var(--surface-100) !important;
}

.focus\:border-200:focus {
    border-color: var(--surface-200) !important;
}

.hover\:border-200:hover {
    border-color: var(--surface-200) !important;
}

.active\:border-200:active {
    border-color: var(--surface-200) !important;
}

.focus\:border-300:focus {
    border-color: var(--surface-300) !important;
}

.hover\:border-300:hover {
    border-color: var(--surface-300) !important;
}

.active\:border-300:active {
    border-color: var(--surface-300) !important;
}

.focus\:border-400:focus {
    border-color: var(--surface-400) !important;
}

.hover\:border-400:hover {
    border-color: var(--surface-400) !important;
}

.active\:border-400:active {
    border-color: var(--surface-400) !important;
}

.focus\:border-500:focus {
    border-color: var(--surface-500) !important;
}

.hover\:border-500:hover {
    border-color: var(--surface-500) !important;
}

.active\:border-500:active {
    border-color: var(--surface-500) !important;
}

.focus\:border-600:focus {
    border-color: var(--surface-600) !important;
}

.hover\:border-600:hover {
    border-color: var(--surface-600) !important;
}

.active\:border-600:active {
    border-color: var(--surface-600) !important;
}

.focus\:border-700:focus {
    border-color: var(--surface-700) !important;
}

.hover\:border-700:hover {
    border-color: var(--surface-700) !important;
}

.active\:border-700:active {
    border-color: var(--surface-700) !important;
}

.focus\:border-800:focus {
    border-color: var(--surface-800) !important;
}

.hover\:border-800:hover {
    border-color: var(--surface-800) !important;
}

.active\:border-800:active {
    border-color: var(--surface-800) !important;
}

.focus\:border-900:focus {
    border-color: var(--surface-900) !important;
}

.hover\:border-900:hover {
    border-color: var(--surface-900) !important;
}

.active\:border-900:active {
    border-color: var(--surface-900) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

@media screen and (min-width: 576px) {
    .sm\:bg-transparent {
        background-color: transparent !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:bg-transparent {
        background-color: transparent !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:bg-transparent {
        background-color: transparent !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:bg-transparent {
        background-color: transparent !important;
    }
}

.border-transparent {
    border-color: transparent !important;
}

@media screen and (min-width: 576px) {
    .sm\:border-transparent {
        border-color: transparent !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:border-transparent {
        border-color: transparent !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:border-transparent {
        border-color: transparent !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:border-transparent {
        border-color: transparent !important;
    }
}

.text-blue-50 {
    color: var(--blue-50) !important;
}

.text-blue-100 {
    color: var(--blue-100) !important;
}

.text-blue-200 {
    color: var(--blue-200) !important;
}

.text-blue-300 {
    color: var(--blue-300) !important;
}

.text-blue-400 {
    color: var(--blue-400) !important;
}

.text-blue-500 {
    color: var(--blue-500) !important;
}

.text-blue-600 {
    color: var(--blue-600) !important;
}

.text-blue-700 {
    color: var(--blue-700) !important;
}

.text-blue-800 {
    color: var(--blue-800) !important;
}

.text-blue-900 {
    color: var(--blue-900) !important;
}

.focus\:text-blue-50:focus {
    color: var(--blue-50) !important;
}

.focus\:text-blue-100:focus {
    color: var(--blue-100) !important;
}

.focus\:text-blue-200:focus {
    color: var(--blue-200) !important;
}

.focus\:text-blue-300:focus {
    color: var(--blue-300) !important;
}

.focus\:text-blue-400:focus {
    color: var(--blue-400) !important;
}

.focus\:text-blue-500:focus {
    color: var(--blue-500) !important;
}

.focus\:text-blue-600:focus {
    color: var(--blue-600) !important;
}

.focus\:text-blue-700:focus {
    color: var(--blue-700) !important;
}

.focus\:text-blue-800:focus {
    color: var(--blue-800) !important;
}

.focus\:text-blue-900:focus {
    color: var(--blue-900) !important;
}

.hover\:text-blue-50:hover {
    color: var(--blue-50) !important;
}

.hover\:text-blue-100:hover {
    color: var(--blue-100) !important;
}

.hover\:text-blue-200:hover {
    color: var(--blue-200) !important;
}

.hover\:text-blue-300:hover {
    color: var(--blue-300) !important;
}

.hover\:text-blue-400:hover {
    color: var(--blue-400) !important;
}

.hover\:text-blue-500:hover {
    color: var(--blue-500) !important;
}

.hover\:text-blue-600:hover {
    color: var(--blue-600) !important;
}

.hover\:text-blue-700:hover {
    color: var(--blue-700) !important;
}

.hover\:text-blue-800:hover {
    color: var(--blue-800) !important;
}

.hover\:text-blue-900:hover {
    color: var(--blue-900) !important;
}

.active\:text-blue-50:active {
    color: var(--blue-50) !important;
}

.active\:text-blue-100:active {
    color: var(--blue-100) !important;
}

.active\:text-blue-200:active {
    color: var(--blue-200) !important;
}

.active\:text-blue-300:active {
    color: var(--blue-300) !important;
}

.active\:text-blue-400:active {
    color: var(--blue-400) !important;
}

.active\:text-blue-500:active {
    color: var(--blue-500) !important;
}

.active\:text-blue-600:active {
    color: var(--blue-600) !important;
}

.active\:text-blue-700:active {
    color: var(--blue-700) !important;
}

.active\:text-blue-800:active {
    color: var(--blue-800) !important;
}

.active\:text-blue-900:active {
    color: var(--blue-900) !important;
}

.text-green-50 {
    color: var(--green-50) !important;
}

.text-green-100 {
    color: var(--green-100) !important;
}

.text-green-200 {
    color: var(--green-200) !important;
}

.text-green-300 {
    color: var(--green-300) !important;
}

.text-green-400 {
    color: var(--green-400) !important;
}

.text-green-500 {
    color: var(--green-500) !important;
}

.text-green-600 {
    color: var(--green-600) !important;
}

.text-green-700 {
    color: var(--green-700) !important;
}

.text-green-800 {
    color: var(--green-800) !important;
}

.text-green-900 {
    color: var(--green-900) !important;
}

.focus\:text-green-50:focus {
    color: var(--green-50) !important;
}

.focus\:text-green-100:focus {
    color: var(--green-100) !important;
}

.focus\:text-green-200:focus {
    color: var(--green-200) !important;
}

.focus\:text-green-300:focus {
    color: var(--green-300) !important;
}

.focus\:text-green-400:focus {
    color: var(--green-400) !important;
}

.focus\:text-green-500:focus {
    color: var(--green-500) !important;
}

.focus\:text-green-600:focus {
    color: var(--green-600) !important;
}

.focus\:text-green-700:focus {
    color: var(--green-700) !important;
}

.focus\:text-green-800:focus {
    color: var(--green-800) !important;
}

.focus\:text-green-900:focus {
    color: var(--green-900) !important;
}

.hover\:text-green-50:hover {
    color: var(--green-50) !important;
}

.hover\:text-green-100:hover {
    color: var(--green-100) !important;
}

.hover\:text-green-200:hover {
    color: var(--green-200) !important;
}

.hover\:text-green-300:hover {
    color: var(--green-300) !important;
}

.hover\:text-green-400:hover {
    color: var(--green-400) !important;
}

.hover\:text-green-500:hover {
    color: var(--green-500) !important;
}

.hover\:text-green-600:hover {
    color: var(--green-600) !important;
}

.hover\:text-green-700:hover {
    color: var(--green-700) !important;
}

.hover\:text-green-800:hover {
    color: var(--green-800) !important;
}

.hover\:text-green-900:hover {
    color: var(--green-900) !important;
}

.active\:text-green-50:active {
    color: var(--green-50) !important;
}

.active\:text-green-100:active {
    color: var(--green-100) !important;
}

.active\:text-green-200:active {
    color: var(--green-200) !important;
}

.active\:text-green-300:active {
    color: var(--green-300) !important;
}

.active\:text-green-400:active {
    color: var(--green-400) !important;
}

.active\:text-green-500:active {
    color: var(--green-500) !important;
}

.active\:text-green-600:active {
    color: var(--green-600) !important;
}

.active\:text-green-700:active {
    color: var(--green-700) !important;
}

.active\:text-green-800:active {
    color: var(--green-800) !important;
}

.active\:text-green-900:active {
    color: var(--green-900) !important;
}

.text-yellow-50 {
    color: var(--yellow-50) !important;
}

.text-yellow-100 {
    color: var(--yellow-100) !important;
}

.text-yellow-200 {
    color: var(--yellow-200) !important;
}

.text-yellow-300 {
    color: var(--yellow-300) !important;
}

.text-yellow-400 {
    color: var(--yellow-400) !important;
}

.text-yellow-500 {
    color: var(--yellow-500) !important;
}

.text-yellow-600 {
    color: var(--yellow-600) !important;
}

.text-yellow-700 {
    color: var(--yellow-700) !important;
}

.text-yellow-800 {
    color: var(--yellow-800) !important;
}

.text-yellow-900 {
    color: var(--yellow-900) !important;
}

.focus\:text-yellow-50:focus {
    color: var(--yellow-50) !important;
}

.focus\:text-yellow-100:focus {
    color: var(--yellow-100) !important;
}

.focus\:text-yellow-200:focus {
    color: var(--yellow-200) !important;
}

.focus\:text-yellow-300:focus {
    color: var(--yellow-300) !important;
}

.focus\:text-yellow-400:focus {
    color: var(--yellow-400) !important;
}

.focus\:text-yellow-500:focus {
    color: var(--yellow-500) !important;
}

.focus\:text-yellow-600:focus {
    color: var(--yellow-600) !important;
}

.focus\:text-yellow-700:focus {
    color: var(--yellow-700) !important;
}

.focus\:text-yellow-800:focus {
    color: var(--yellow-800) !important;
}

.focus\:text-yellow-900:focus {
    color: var(--yellow-900) !important;
}

.hover\:text-yellow-50:hover {
    color: var(--yellow-50) !important;
}

.hover\:text-yellow-100:hover {
    color: var(--yellow-100) !important;
}

.hover\:text-yellow-200:hover {
    color: var(--yellow-200) !important;
}

.hover\:text-yellow-300:hover {
    color: var(--yellow-300) !important;
}

.hover\:text-yellow-400:hover {
    color: var(--yellow-400) !important;
}

.hover\:text-yellow-500:hover {
    color: var(--yellow-500) !important;
}

.hover\:text-yellow-600:hover {
    color: var(--yellow-600) !important;
}

.hover\:text-yellow-700:hover {
    color: var(--yellow-700) !important;
}

.hover\:text-yellow-800:hover {
    color: var(--yellow-800) !important;
}

.hover\:text-yellow-900:hover {
    color: var(--yellow-900) !important;
}

.active\:text-yellow-50:active {
    color: var(--yellow-50) !important;
}

.active\:text-yellow-100:active {
    color: var(--yellow-100) !important;
}

.active\:text-yellow-200:active {
    color: var(--yellow-200) !important;
}

.active\:text-yellow-300:active {
    color: var(--yellow-300) !important;
}

.active\:text-yellow-400:active {
    color: var(--yellow-400) !important;
}

.active\:text-yellow-500:active {
    color: var(--yellow-500) !important;
}

.active\:text-yellow-600:active {
    color: var(--yellow-600) !important;
}

.active\:text-yellow-700:active {
    color: var(--yellow-700) !important;
}

.active\:text-yellow-800:active {
    color: var(--yellow-800) !important;
}

.active\:text-yellow-900:active {
    color: var(--yellow-900) !important;
}

.text-cyan-50 {
    color: var(--cyan-50) !important;
}

.text-cyan-100 {
    color: var(--cyan-100) !important;
}

.text-cyan-200 {
    color: var(--cyan-200) !important;
}

.text-cyan-300 {
    color: var(--cyan-300) !important;
}

.text-cyan-400 {
    color: var(--cyan-400) !important;
}

.text-cyan-500 {
    color: var(--cyan-500) !important;
}

.text-cyan-600 {
    color: var(--cyan-600) !important;
}

.text-cyan-700 {
    color: var(--cyan-700) !important;
}

.text-cyan-800 {
    color: var(--cyan-800) !important;
}

.text-cyan-900 {
    color: var(--cyan-900) !important;
}

.focus\:text-cyan-50:focus {
    color: var(--cyan-50) !important;
}

.focus\:text-cyan-100:focus {
    color: var(--cyan-100) !important;
}

.focus\:text-cyan-200:focus {
    color: var(--cyan-200) !important;
}

.focus\:text-cyan-300:focus {
    color: var(--cyan-300) !important;
}

.focus\:text-cyan-400:focus {
    color: var(--cyan-400) !important;
}

.focus\:text-cyan-500:focus {
    color: var(--cyan-500) !important;
}

.focus\:text-cyan-600:focus {
    color: var(--cyan-600) !important;
}

.focus\:text-cyan-700:focus {
    color: var(--cyan-700) !important;
}

.focus\:text-cyan-800:focus {
    color: var(--cyan-800) !important;
}

.focus\:text-cyan-900:focus {
    color: var(--cyan-900) !important;
}

.hover\:text-cyan-50:hover {
    color: var(--cyan-50) !important;
}

.hover\:text-cyan-100:hover {
    color: var(--cyan-100) !important;
}

.hover\:text-cyan-200:hover {
    color: var(--cyan-200) !important;
}

.hover\:text-cyan-300:hover {
    color: var(--cyan-300) !important;
}

.hover\:text-cyan-400:hover {
    color: var(--cyan-400) !important;
}

.hover\:text-cyan-500:hover {
    color: var(--cyan-500) !important;
}

.hover\:text-cyan-600:hover {
    color: var(--cyan-600) !important;
}

.hover\:text-cyan-700:hover {
    color: var(--cyan-700) !important;
}

.hover\:text-cyan-800:hover {
    color: var(--cyan-800) !important;
}

.hover\:text-cyan-900:hover {
    color: var(--cyan-900) !important;
}

.active\:text-cyan-50:active {
    color: var(--cyan-50) !important;
}

.active\:text-cyan-100:active {
    color: var(--cyan-100) !important;
}

.active\:text-cyan-200:active {
    color: var(--cyan-200) !important;
}

.active\:text-cyan-300:active {
    color: var(--cyan-300) !important;
}

.active\:text-cyan-400:active {
    color: var(--cyan-400) !important;
}

.active\:text-cyan-500:active {
    color: var(--cyan-500) !important;
}

.active\:text-cyan-600:active {
    color: var(--cyan-600) !important;
}

.active\:text-cyan-700:active {
    color: var(--cyan-700) !important;
}

.active\:text-cyan-800:active {
    color: var(--cyan-800) !important;
}

.active\:text-cyan-900:active {
    color: var(--cyan-900) !important;
}

.text-pink-50 {
    color: var(--pink-50) !important;
}

.text-pink-100 {
    color: var(--pink-100) !important;
}

.text-pink-200 {
    color: var(--pink-200) !important;
}

.text-pink-300 {
    color: var(--pink-300) !important;
}

.text-pink-400 {
    color: var(--pink-400) !important;
}

.text-pink-500 {
    color: var(--pink-500) !important;
}

.text-pink-600 {
    color: var(--pink-600) !important;
}

.text-pink-700 {
    color: var(--pink-700) !important;
}

.text-pink-800 {
    color: var(--pink-800) !important;
}

.text-pink-900 {
    color: var(--pink-900) !important;
}

.focus\:text-pink-50:focus {
    color: var(--pink-50) !important;
}

.focus\:text-pink-100:focus {
    color: var(--pink-100) !important;
}

.focus\:text-pink-200:focus {
    color: var(--pink-200) !important;
}

.focus\:text-pink-300:focus {
    color: var(--pink-300) !important;
}

.focus\:text-pink-400:focus {
    color: var(--pink-400) !important;
}

.focus\:text-pink-500:focus {
    color: var(--pink-500) !important;
}

.focus\:text-pink-600:focus {
    color: var(--pink-600) !important;
}

.focus\:text-pink-700:focus {
    color: var(--pink-700) !important;
}

.focus\:text-pink-800:focus {
    color: var(--pink-800) !important;
}

.focus\:text-pink-900:focus {
    color: var(--pink-900) !important;
}

.hover\:text-pink-50:hover {
    color: var(--pink-50) !important;
}

.hover\:text-pink-100:hover {
    color: var(--pink-100) !important;
}

.hover\:text-pink-200:hover {
    color: var(--pink-200) !important;
}

.hover\:text-pink-300:hover {
    color: var(--pink-300) !important;
}

.hover\:text-pink-400:hover {
    color: var(--pink-400) !important;
}

.hover\:text-pink-500:hover {
    color: var(--pink-500) !important;
}

.hover\:text-pink-600:hover {
    color: var(--pink-600) !important;
}

.hover\:text-pink-700:hover {
    color: var(--pink-700) !important;
}

.hover\:text-pink-800:hover {
    color: var(--pink-800) !important;
}

.hover\:text-pink-900:hover {
    color: var(--pink-900) !important;
}

.active\:text-pink-50:active {
    color: var(--pink-50) !important;
}

.active\:text-pink-100:active {
    color: var(--pink-100) !important;
}

.active\:text-pink-200:active {
    color: var(--pink-200) !important;
}

.active\:text-pink-300:active {
    color: var(--pink-300) !important;
}

.active\:text-pink-400:active {
    color: var(--pink-400) !important;
}

.active\:text-pink-500:active {
    color: var(--pink-500) !important;
}

.active\:text-pink-600:active {
    color: var(--pink-600) !important;
}

.active\:text-pink-700:active {
    color: var(--pink-700) !important;
}

.active\:text-pink-800:active {
    color: var(--pink-800) !important;
}

.active\:text-pink-900:active {
    color: var(--pink-900) !important;
}

.text-indigo-50 {
    color: var(--indigo-50) !important;
}

.text-indigo-100 {
    color: var(--indigo-100) !important;
}

.text-indigo-200 {
    color: var(--indigo-200) !important;
}

.text-indigo-300 {
    color: var(--indigo-300) !important;
}

.text-indigo-400 {
    color: var(--indigo-400) !important;
}

.text-indigo-500 {
    color: var(--indigo-500) !important;
}

.text-indigo-600 {
    color: var(--indigo-600) !important;
}

.text-indigo-700 {
    color: var(--indigo-700) !important;
}

.text-indigo-800 {
    color: var(--indigo-800) !important;
}

.text-indigo-900 {
    color: var(--indigo-900) !important;
}

.focus\:text-indigo-50:focus {
    color: var(--indigo-50) !important;
}

.focus\:text-indigo-100:focus {
    color: var(--indigo-100) !important;
}

.focus\:text-indigo-200:focus {
    color: var(--indigo-200) !important;
}

.focus\:text-indigo-300:focus {
    color: var(--indigo-300) !important;
}

.focus\:text-indigo-400:focus {
    color: var(--indigo-400) !important;
}

.focus\:text-indigo-500:focus {
    color: var(--indigo-500) !important;
}

.focus\:text-indigo-600:focus {
    color: var(--indigo-600) !important;
}

.focus\:text-indigo-700:focus {
    color: var(--indigo-700) !important;
}

.focus\:text-indigo-800:focus {
    color: var(--indigo-800) !important;
}

.focus\:text-indigo-900:focus {
    color: var(--indigo-900) !important;
}

.hover\:text-indigo-50:hover {
    color: var(--indigo-50) !important;
}

.hover\:text-indigo-100:hover {
    color: var(--indigo-100) !important;
}

.hover\:text-indigo-200:hover {
    color: var(--indigo-200) !important;
}

.hover\:text-indigo-300:hover {
    color: var(--indigo-300) !important;
}

.hover\:text-indigo-400:hover {
    color: var(--indigo-400) !important;
}

.hover\:text-indigo-500:hover {
    color: var(--indigo-500) !important;
}

.hover\:text-indigo-600:hover {
    color: var(--indigo-600) !important;
}

.hover\:text-indigo-700:hover {
    color: var(--indigo-700) !important;
}

.hover\:text-indigo-800:hover {
    color: var(--indigo-800) !important;
}

.hover\:text-indigo-900:hover {
    color: var(--indigo-900) !important;
}

.active\:text-indigo-50:active {
    color: var(--indigo-50) !important;
}

.active\:text-indigo-100:active {
    color: var(--indigo-100) !important;
}

.active\:text-indigo-200:active {
    color: var(--indigo-200) !important;
}

.active\:text-indigo-300:active {
    color: var(--indigo-300) !important;
}

.active\:text-indigo-400:active {
    color: var(--indigo-400) !important;
}

.active\:text-indigo-500:active {
    color: var(--indigo-500) !important;
}

.active\:text-indigo-600:active {
    color: var(--indigo-600) !important;
}

.active\:text-indigo-700:active {
    color: var(--indigo-700) !important;
}

.active\:text-indigo-800:active {
    color: var(--indigo-800) !important;
}

.active\:text-indigo-900:active {
    color: var(--indigo-900) !important;
}

.text-teal-50 {
    color: var(--teal-50) !important;
}

.text-teal-100 {
    color: var(--teal-100) !important;
}

.text-teal-200 {
    color: var(--teal-200) !important;
}

.text-teal-300 {
    color: var(--teal-300) !important;
}

.text-teal-400 {
    color: var(--teal-400) !important;
}

.text-teal-500 {
    color: var(--teal-500) !important;
}

.text-teal-600 {
    color: var(--teal-600) !important;
}

.text-teal-700 {
    color: var(--teal-700) !important;
}

.text-teal-800 {
    color: var(--teal-800) !important;
}

.text-teal-900 {
    color: var(--teal-900) !important;
}

.focus\:text-teal-50:focus {
    color: var(--teal-50) !important;
}

.focus\:text-teal-100:focus {
    color: var(--teal-100) !important;
}

.focus\:text-teal-200:focus {
    color: var(--teal-200) !important;
}

.focus\:text-teal-300:focus {
    color: var(--teal-300) !important;
}

.focus\:text-teal-400:focus {
    color: var(--teal-400) !important;
}

.focus\:text-teal-500:focus {
    color: var(--teal-500) !important;
}

.focus\:text-teal-600:focus {
    color: var(--teal-600) !important;
}

.focus\:text-teal-700:focus {
    color: var(--teal-700) !important;
}

.focus\:text-teal-800:focus {
    color: var(--teal-800) !important;
}

.focus\:text-teal-900:focus {
    color: var(--teal-900) !important;
}

.hover\:text-teal-50:hover {
    color: var(--teal-50) !important;
}

.hover\:text-teal-100:hover {
    color: var(--teal-100) !important;
}

.hover\:text-teal-200:hover {
    color: var(--teal-200) !important;
}

.hover\:text-teal-300:hover {
    color: var(--teal-300) !important;
}

.hover\:text-teal-400:hover {
    color: var(--teal-400) !important;
}

.hover\:text-teal-500:hover {
    color: var(--teal-500) !important;
}

.hover\:text-teal-600:hover {
    color: var(--teal-600) !important;
}

.hover\:text-teal-700:hover {
    color: var(--teal-700) !important;
}

.hover\:text-teal-800:hover {
    color: var(--teal-800) !important;
}

.hover\:text-teal-900:hover {
    color: var(--teal-900) !important;
}

.active\:text-teal-50:active {
    color: var(--teal-50) !important;
}

.active\:text-teal-100:active {
    color: var(--teal-100) !important;
}

.active\:text-teal-200:active {
    color: var(--teal-200) !important;
}

.active\:text-teal-300:active {
    color: var(--teal-300) !important;
}

.active\:text-teal-400:active {
    color: var(--teal-400) !important;
}

.active\:text-teal-500:active {
    color: var(--teal-500) !important;
}

.active\:text-teal-600:active {
    color: var(--teal-600) !important;
}

.active\:text-teal-700:active {
    color: var(--teal-700) !important;
}

.active\:text-teal-800:active {
    color: var(--teal-800) !important;
}

.active\:text-teal-900:active {
    color: var(--teal-900) !important;
}

.text-orange-50 {
    color: var(--orange-50) !important;
}

.text-orange-100 {
    color: var(--orange-100) !important;
}

.text-orange-200 {
    color: var(--orange-200) !important;
}

.text-orange-300 {
    color: var(--orange-300) !important;
}

.text-orange-400 {
    color: var(--orange-400) !important;
}

.text-orange-500 {
    color: var(--orange-500) !important;
}

.text-orange-600 {
    color: var(--orange-600) !important;
}

.text-orange-700 {
    color: var(--orange-700) !important;
}

.text-orange-800 {
    color: var(--orange-800) !important;
}

.text-orange-900 {
    color: var(--orange-900) !important;
}

.focus\:text-orange-50:focus {
    color: var(--orange-50) !important;
}

.focus\:text-orange-100:focus {
    color: var(--orange-100) !important;
}

.focus\:text-orange-200:focus {
    color: var(--orange-200) !important;
}

.focus\:text-orange-300:focus {
    color: var(--orange-300) !important;
}

.focus\:text-orange-400:focus {
    color: var(--orange-400) !important;
}

.focus\:text-orange-500:focus {
    color: var(--orange-500) !important;
}

.focus\:text-orange-600:focus {
    color: var(--orange-600) !important;
}

.focus\:text-orange-700:focus {
    color: var(--orange-700) !important;
}

.focus\:text-orange-800:focus {
    color: var(--orange-800) !important;
}

.focus\:text-orange-900:focus {
    color: var(--orange-900) !important;
}

.hover\:text-orange-50:hover {
    color: var(--orange-50) !important;
}

.hover\:text-orange-100:hover {
    color: var(--orange-100) !important;
}

.hover\:text-orange-200:hover {
    color: var(--orange-200) !important;
}

.hover\:text-orange-300:hover {
    color: var(--orange-300) !important;
}

.hover\:text-orange-400:hover {
    color: var(--orange-400) !important;
}

.hover\:text-orange-500:hover {
    color: var(--orange-500) !important;
}

.hover\:text-orange-600:hover {
    color: var(--orange-600) !important;
}

.hover\:text-orange-700:hover {
    color: var(--orange-700) !important;
}

.hover\:text-orange-800:hover {
    color: var(--orange-800) !important;
}

.hover\:text-orange-900:hover {
    color: var(--orange-900) !important;
}

.active\:text-orange-50:active {
    color: var(--orange-50) !important;
}

.active\:text-orange-100:active {
    color: var(--orange-100) !important;
}

.active\:text-orange-200:active {
    color: var(--orange-200) !important;
}

.active\:text-orange-300:active {
    color: var(--orange-300) !important;
}

.active\:text-orange-400:active {
    color: var(--orange-400) !important;
}

.active\:text-orange-500:active {
    color: var(--orange-500) !important;
}

.active\:text-orange-600:active {
    color: var(--orange-600) !important;
}

.active\:text-orange-700:active {
    color: var(--orange-700) !important;
}

.active\:text-orange-800:active {
    color: var(--orange-800) !important;
}

.active\:text-orange-900:active {
    color: var(--orange-900) !important;
}

.text-bluegray-50 {
    color: var(--bluegray-50) !important;
}

.text-bluegray-100 {
    color: var(--bluegray-100) !important;
}

.text-bluegray-200 {
    color: var(--bluegray-200) !important;
}

.text-bluegray-300 {
    color: var(--bluegray-300) !important;
}

.text-bluegray-400 {
    color: var(--bluegray-400) !important;
}

.text-bluegray-500 {
    color: var(--bluegray-500) !important;
}

.text-bluegray-600 {
    color: var(--bluegray-600) !important;
}

.text-bluegray-700 {
    color: var(--bluegray-700) !important;
}

.text-bluegray-800 {
    color: var(--bluegray-800) !important;
}

.text-bluegray-900 {
    color: var(--bluegray-900) !important;
}

.focus\:text-bluegray-50:focus {
    color: var(--bluegray-50) !important;
}

.focus\:text-bluegray-100:focus {
    color: var(--bluegray-100) !important;
}

.focus\:text-bluegray-200:focus {
    color: var(--bluegray-200) !important;
}

.focus\:text-bluegray-300:focus {
    color: var(--bluegray-300) !important;
}

.focus\:text-bluegray-400:focus {
    color: var(--bluegray-400) !important;
}

.focus\:text-bluegray-500:focus {
    color: var(--bluegray-500) !important;
}

.focus\:text-bluegray-600:focus {
    color: var(--bluegray-600) !important;
}

.focus\:text-bluegray-700:focus {
    color: var(--bluegray-700) !important;
}

.focus\:text-bluegray-800:focus {
    color: var(--bluegray-800) !important;
}

.focus\:text-bluegray-900:focus {
    color: var(--bluegray-900) !important;
}

.hover\:text-bluegray-50:hover {
    color: var(--bluegray-50) !important;
}

.hover\:text-bluegray-100:hover {
    color: var(--bluegray-100) !important;
}

.hover\:text-bluegray-200:hover {
    color: var(--bluegray-200) !important;
}

.hover\:text-bluegray-300:hover {
    color: var(--bluegray-300) !important;
}

.hover\:text-bluegray-400:hover {
    color: var(--bluegray-400) !important;
}

.hover\:text-bluegray-500:hover {
    color: var(--bluegray-500) !important;
}

.hover\:text-bluegray-600:hover {
    color: var(--bluegray-600) !important;
}

.hover\:text-bluegray-700:hover {
    color: var(--bluegray-700) !important;
}

.hover\:text-bluegray-800:hover {
    color: var(--bluegray-800) !important;
}

.hover\:text-bluegray-900:hover {
    color: var(--bluegray-900) !important;
}

.active\:text-bluegray-50:active {
    color: var(--bluegray-50) !important;
}

.active\:text-bluegray-100:active {
    color: var(--bluegray-100) !important;
}

.active\:text-bluegray-200:active {
    color: var(--bluegray-200) !important;
}

.active\:text-bluegray-300:active {
    color: var(--bluegray-300) !important;
}

.active\:text-bluegray-400:active {
    color: var(--bluegray-400) !important;
}

.active\:text-bluegray-500:active {
    color: var(--bluegray-500) !important;
}

.active\:text-bluegray-600:active {
    color: var(--bluegray-600) !important;
}

.active\:text-bluegray-700:active {
    color: var(--bluegray-700) !important;
}

.active\:text-bluegray-800:active {
    color: var(--bluegray-800) !important;
}

.active\:text-bluegray-900:active {
    color: var(--bluegray-900) !important;
}

.text-purple-50 {
    color: var(--purple-50) !important;
}

.text-purple-100 {
    color: var(--purple-100) !important;
}

.text-purple-200 {
    color: var(--purple-200) !important;
}

.text-purple-300 {
    color: var(--purple-300) !important;
}

.text-purple-400 {
    color: var(--purple-400) !important;
}

.text-purple-500 {
    color: var(--purple-500) !important;
}

.text-purple-600 {
    color: var(--purple-600) !important;
}

.text-purple-700 {
    color: var(--purple-700) !important;
}

.text-purple-800 {
    color: var(--purple-800) !important;
}

.text-purple-900 {
    color: var(--purple-900) !important;
}

.focus\:text-purple-50:focus {
    color: var(--purple-50) !important;
}

.focus\:text-purple-100:focus {
    color: var(--purple-100) !important;
}

.focus\:text-purple-200:focus {
    color: var(--purple-200) !important;
}

.focus\:text-purple-300:focus {
    color: var(--purple-300) !important;
}

.focus\:text-purple-400:focus {
    color: var(--purple-400) !important;
}

.focus\:text-purple-500:focus {
    color: var(--purple-500) !important;
}

.focus\:text-purple-600:focus {
    color: var(--purple-600) !important;
}

.focus\:text-purple-700:focus {
    color: var(--purple-700) !important;
}

.focus\:text-purple-800:focus {
    color: var(--purple-800) !important;
}

.focus\:text-purple-900:focus {
    color: var(--purple-900) !important;
}

.hover\:text-purple-50:hover {
    color: var(--purple-50) !important;
}

.hover\:text-purple-100:hover {
    color: var(--purple-100) !important;
}

.hover\:text-purple-200:hover {
    color: var(--purple-200) !important;
}

.hover\:text-purple-300:hover {
    color: var(--purple-300) !important;
}

.hover\:text-purple-400:hover {
    color: var(--purple-400) !important;
}

.hover\:text-purple-500:hover {
    color: var(--purple-500) !important;
}

.hover\:text-purple-600:hover {
    color: var(--purple-600) !important;
}

.hover\:text-purple-700:hover {
    color: var(--purple-700) !important;
}

.hover\:text-purple-800:hover {
    color: var(--purple-800) !important;
}

.hover\:text-purple-900:hover {
    color: var(--purple-900) !important;
}

.active\:text-purple-50:active {
    color: var(--purple-50) !important;
}

.active\:text-purple-100:active {
    color: var(--purple-100) !important;
}

.active\:text-purple-200:active {
    color: var(--purple-200) !important;
}

.active\:text-purple-300:active {
    color: var(--purple-300) !important;
}

.active\:text-purple-400:active {
    color: var(--purple-400) !important;
}

.active\:text-purple-500:active {
    color: var(--purple-500) !important;
}

.active\:text-purple-600:active {
    color: var(--purple-600) !important;
}

.active\:text-purple-700:active {
    color: var(--purple-700) !important;
}

.active\:text-purple-800:active {
    color: var(--purple-800) !important;
}

.active\:text-purple-900:active {
    color: var(--purple-900) !important;
}

.text-gray-50 {
    color: var(--gray-50) !important;
}

.text-gray-100 {
    color: var(--gray-100) !important;
}

.text-gray-200 {
    color: var(--gray-200) !important;
}

.text-gray-300 {
    color: var(--gray-300) !important;
}

.text-gray-400 {
    color: var(--gray-400) !important;
}

.text-gray-500 {
    color: var(--gray-500) !important;
}

.text-gray-600 {
    color: var(--gray-600) !important;
}

.text-gray-700 {
    color: var(--gray-700) !important;
}

.text-gray-800 {
    color: var(--gray-800) !important;
}

.text-gray-900 {
    color: var(--gray-900) !important;
}

.focus\:text-gray-50:focus {
    color: var(--gray-50) !important;
}

.focus\:text-gray-100:focus {
    color: var(--gray-100) !important;
}

.focus\:text-gray-200:focus {
    color: var(--gray-200) !important;
}

.focus\:text-gray-300:focus {
    color: var(--gray-300) !important;
}

.focus\:text-gray-400:focus {
    color: var(--gray-400) !important;
}

.focus\:text-gray-500:focus {
    color: var(--gray-500) !important;
}

.focus\:text-gray-600:focus {
    color: var(--gray-600) !important;
}

.focus\:text-gray-700:focus {
    color: var(--gray-700) !important;
}

.focus\:text-gray-800:focus {
    color: var(--gray-800) !important;
}

.focus\:text-gray-900:focus {
    color: var(--gray-900) !important;
}

.hover\:text-gray-50:hover {
    color: var(--gray-50) !important;
}

.hover\:text-gray-100:hover {
    color: var(--gray-100) !important;
}

.hover\:text-gray-200:hover {
    color: var(--gray-200) !important;
}

.hover\:text-gray-300:hover {
    color: var(--gray-300) !important;
}

.hover\:text-gray-400:hover {
    color: var(--gray-400) !important;
}

.hover\:text-gray-500:hover {
    color: var(--gray-500) !important;
}

.hover\:text-gray-600:hover {
    color: var(--gray-600) !important;
}

.hover\:text-gray-700:hover {
    color: var(--gray-700) !important;
}

.hover\:text-gray-800:hover {
    color: var(--gray-800) !important;
}

.hover\:text-gray-900:hover {
    color: var(--gray-900) !important;
}

.active\:text-gray-50:active {
    color: var(--gray-50) !important;
}

.active\:text-gray-100:active {
    color: var(--gray-100) !important;
}

.active\:text-gray-200:active {
    color: var(--gray-200) !important;
}

.active\:text-gray-300:active {
    color: var(--gray-300) !important;
}

.active\:text-gray-400:active {
    color: var(--gray-400) !important;
}

.active\:text-gray-500:active {
    color: var(--gray-500) !important;
}

.active\:text-gray-600:active {
    color: var(--gray-600) !important;
}

.active\:text-gray-700:active {
    color: var(--gray-700) !important;
}

.active\:text-gray-800:active {
    color: var(--gray-800) !important;
}

.active\:text-gray-900:active {
    color: var(--gray-900) !important;
}

.text-red-50 {
    color: var(--red-50) !important;
}

.text-red-100 {
    color: var(--red-100) !important;
}

.text-red-200 {
    color: var(--red-200) !important;
}

.text-red-300 {
    color: var(--red-300) !important;
}

.text-red-400 {
    color: var(--red-400) !important;
}

.text-red-500 {
    color: var(--red-500) !important;
}

.text-red-600 {
    color: var(--red-600) !important;
}

.text-red-700 {
    color: var(--red-700) !important;
}

.text-red-800 {
    color: var(--red-800) !important;
}

.text-red-900 {
    color: var(--red-900) !important;
}

.focus\:text-red-50:focus {
    color: var(--red-50) !important;
}

.focus\:text-red-100:focus {
    color: var(--red-100) !important;
}

.focus\:text-red-200:focus {
    color: var(--red-200) !important;
}

.focus\:text-red-300:focus {
    color: var(--red-300) !important;
}

.focus\:text-red-400:focus {
    color: var(--red-400) !important;
}

.focus\:text-red-500:focus {
    color: var(--red-500) !important;
}

.focus\:text-red-600:focus {
    color: var(--red-600) !important;
}

.focus\:text-red-700:focus {
    color: var(--red-700) !important;
}

.focus\:text-red-800:focus {
    color: var(--red-800) !important;
}

.focus\:text-red-900:focus {
    color: var(--red-900) !important;
}

.hover\:text-red-50:hover {
    color: var(--red-50) !important;
}

.hover\:text-red-100:hover {
    color: var(--red-100) !important;
}

.hover\:text-red-200:hover {
    color: var(--red-200) !important;
}

.hover\:text-red-300:hover {
    color: var(--red-300) !important;
}

.hover\:text-red-400:hover {
    color: var(--red-400) !important;
}

.hover\:text-red-500:hover {
    color: var(--red-500) !important;
}

.hover\:text-red-600:hover {
    color: var(--red-600) !important;
}

.hover\:text-red-700:hover {
    color: var(--red-700) !important;
}

.hover\:text-red-800:hover {
    color: var(--red-800) !important;
}

.hover\:text-red-900:hover {
    color: var(--red-900) !important;
}

.active\:text-red-50:active {
    color: var(--red-50) !important;
}

.active\:text-red-100:active {
    color: var(--red-100) !important;
}

.active\:text-red-200:active {
    color: var(--red-200) !important;
}

.active\:text-red-300:active {
    color: var(--red-300) !important;
}

.active\:text-red-400:active {
    color: var(--red-400) !important;
}

.active\:text-red-500:active {
    color: var(--red-500) !important;
}

.active\:text-red-600:active {
    color: var(--red-600) !important;
}

.active\:text-red-700:active {
    color: var(--red-700) !important;
}

.active\:text-red-800:active {
    color: var(--red-800) !important;
}

.active\:text-red-900:active {
    color: var(--red-900) !important;
}

.text-primary-50 {
    color: var(--primary-50) !important;
}

.text-primary-100 {
    color: var(--primary-100) !important;
}

.text-primary-200 {
    color: var(--primary-200) !important;
}

.text-primary-300 {
    color: var(--primary-300) !important;
}

.text-primary-400 {
    color: var(--primary-400) !important;
}

.text-primary-500 {
    color: var(--primary-500) !important;
}

.text-primary-600 {
    color: var(--primary-600) !important;
}

.text-primary-700 {
    color: var(--primary-700) !important;
}

.text-primary-800 {
    color: var(--primary-800) !important;
}

.text-primary-900 {
    color: var(--primary-900) !important;
}

.focus\:text-primary-50:focus {
    color: var(--primary-50) !important;
}

.focus\:text-primary-100:focus {
    color: var(--primary-100) !important;
}

.focus\:text-primary-200:focus {
    color: var(--primary-200) !important;
}

.focus\:text-primary-300:focus {
    color: var(--primary-300) !important;
}

.focus\:text-primary-400:focus {
    color: var(--primary-400) !important;
}

.focus\:text-primary-500:focus {
    color: var(--primary-500) !important;
}

.focus\:text-primary-600:focus {
    color: var(--primary-600) !important;
}

.focus\:text-primary-700:focus {
    color: var(--primary-700) !important;
}

.focus\:text-primary-800:focus {
    color: var(--primary-800) !important;
}

.focus\:text-primary-900:focus {
    color: var(--primary-900) !important;
}

.hover\:text-primary-50:hover {
    color: var(--primary-50) !important;
}

.hover\:text-primary-100:hover {
    color: var(--primary-100) !important;
}

.hover\:text-primary-200:hover {
    color: var(--primary-200) !important;
}

.hover\:text-primary-300:hover {
    color: var(--primary-300) !important;
}

.hover\:text-primary-400:hover {
    color: var(--primary-400) !important;
}

.hover\:text-primary-500:hover {
    color: var(--primary-500) !important;
}

.hover\:text-primary-600:hover {
    color: var(--primary-600) !important;
}

.hover\:text-primary-700:hover {
    color: var(--primary-700) !important;
}

.hover\:text-primary-800:hover {
    color: var(--primary-800) !important;
}

.hover\:text-primary-900:hover {
    color: var(--primary-900) !important;
}

.active\:text-primary-50:active {
    color: var(--primary-50) !important;
}

.active\:text-primary-100:active {
    color: var(--primary-100) !important;
}

.active\:text-primary-200:active {
    color: var(--primary-200) !important;
}

.active\:text-primary-300:active {
    color: var(--primary-300) !important;
}

.active\:text-primary-400:active {
    color: var(--primary-400) !important;
}

.active\:text-primary-500:active {
    color: var(--primary-500) !important;
}

.active\:text-primary-600:active {
    color: var(--primary-600) !important;
}

.active\:text-primary-700:active {
    color: var(--primary-700) !important;
}

.active\:text-primary-800:active {
    color: var(--primary-800) !important;
}

.active\:text-primary-900:active {
    color: var(--primary-900) !important;
}

.bg-blue-50 {
    background-color: var(--blue-50) !important;
}

.bg-blue-100 {
    background-color: var(--blue-100) !important;
}

.bg-blue-200 {
    background-color: var(--blue-200) !important;
}

.bg-blue-300 {
    background-color: var(--blue-300) !important;
}

.bg-blue-400 {
    background-color: var(--blue-400) !important;
}

.bg-blue-500 {
    background-color: var(--blue-500) !important;
}

.bg-blue-600 {
    background-color: var(--blue-600) !important;
}

.bg-blue-700 {
    background-color: var(--blue-700) !important;
}

.bg-blue-800 {
    background-color: var(--blue-800) !important;
}

.bg-blue-900 {
    background-color: var(--blue-900) !important;
}

.focus\:bg-blue-50:focus {
    background-color: var(--blue-50) !important;
}

.focus\:bg-blue-100:focus {
    background-color: var(--blue-100) !important;
}

.focus\:bg-blue-200:focus {
    background-color: var(--blue-200) !important;
}

.focus\:bg-blue-300:focus {
    background-color: var(--blue-300) !important;
}

.focus\:bg-blue-400:focus {
    background-color: var(--blue-400) !important;
}

.focus\:bg-blue-500:focus {
    background-color: var(--blue-500) !important;
}

.focus\:bg-blue-600:focus {
    background-color: var(--blue-600) !important;
}

.focus\:bg-blue-700:focus {
    background-color: var(--blue-700) !important;
}

.focus\:bg-blue-800:focus {
    background-color: var(--blue-800) !important;
}

.focus\:bg-blue-900:focus {
    background-color: var(--blue-900) !important;
}

.hover\:bg-blue-50:hover {
    background-color: var(--blue-50) !important;
}

.hover\:bg-blue-100:hover {
    background-color: var(--blue-100) !important;
}

.hover\:bg-blue-200:hover {
    background-color: var(--blue-200) !important;
}

.hover\:bg-blue-300:hover {
    background-color: var(--blue-300) !important;
}

.hover\:bg-blue-400:hover {
    background-color: var(--blue-400) !important;
}

.hover\:bg-blue-500:hover {
    background-color: var(--blue-500) !important;
}

.hover\:bg-blue-600:hover {
    background-color: var(--blue-600) !important;
}

.hover\:bg-blue-700:hover {
    background-color: var(--blue-700) !important;
}

.hover\:bg-blue-800:hover {
    background-color: var(--blue-800) !important;
}

.hover\:bg-blue-900:hover {
    background-color: var(--blue-900) !important;
}

.active\:bg-blue-50:active {
    background-color: var(--blue-50) !important;
}

.active\:bg-blue-100:active {
    background-color: var(--blue-100) !important;
}

.active\:bg-blue-200:active {
    background-color: var(--blue-200) !important;
}

.active\:bg-blue-300:active {
    background-color: var(--blue-300) !important;
}

.active\:bg-blue-400:active {
    background-color: var(--blue-400) !important;
}

.active\:bg-blue-500:active {
    background-color: var(--blue-500) !important;
}

.active\:bg-blue-600:active {
    background-color: var(--blue-600) !important;
}

.active\:bg-blue-700:active {
    background-color: var(--blue-700) !important;
}

.active\:bg-blue-800:active {
    background-color: var(--blue-800) !important;
}

.active\:bg-blue-900:active {
    background-color: var(--blue-900) !important;
}

.bg-green-50 {
    background-color: var(--green-50) !important;
}

.bg-green-100 {
    background-color: var(--green-100) !important;
}

.bg-green-200 {
    background-color: var(--green-200) !important;
}

.bg-green-300 {
    background-color: var(--green-300) !important;
}

.bg-green-400 {
    background-color: var(--green-400) !important;
}

.bg-green-500 {
    background-color: var(--green-500) !important;
}

.bg-green-600 {
    background-color: var(--green-600) !important;
}

.bg-green-700 {
    background-color: var(--green-700) !important;
}

.bg-green-800 {
    background-color: var(--green-800) !important;
}

.bg-green-900 {
    background-color: var(--green-900) !important;
}

.focus\:bg-green-50:focus {
    background-color: var(--green-50) !important;
}

.focus\:bg-green-100:focus {
    background-color: var(--green-100) !important;
}

.focus\:bg-green-200:focus {
    background-color: var(--green-200) !important;
}

.focus\:bg-green-300:focus {
    background-color: var(--green-300) !important;
}

.focus\:bg-green-400:focus {
    background-color: var(--green-400) !important;
}

.focus\:bg-green-500:focus {
    background-color: var(--green-500) !important;
}

.focus\:bg-green-600:focus {
    background-color: var(--green-600) !important;
}

.focus\:bg-green-700:focus {
    background-color: var(--green-700) !important;
}

.focus\:bg-green-800:focus {
    background-color: var(--green-800) !important;
}

.focus\:bg-green-900:focus {
    background-color: var(--green-900) !important;
}

.hover\:bg-green-50:hover {
    background-color: var(--green-50) !important;
}

.hover\:bg-green-100:hover {
    background-color: var(--green-100) !important;
}

.hover\:bg-green-200:hover {
    background-color: var(--green-200) !important;
}

.hover\:bg-green-300:hover {
    background-color: var(--green-300) !important;
}

.hover\:bg-green-400:hover {
    background-color: var(--green-400) !important;
}

.hover\:bg-green-500:hover {
    background-color: var(--green-500) !important;
}

.hover\:bg-green-600:hover {
    background-color: var(--green-600) !important;
}

.hover\:bg-green-700:hover {
    background-color: var(--green-700) !important;
}

.hover\:bg-green-800:hover {
    background-color: var(--green-800) !important;
}

.hover\:bg-green-900:hover {
    background-color: var(--green-900) !important;
}

.active\:bg-green-50:active {
    background-color: var(--green-50) !important;
}

.active\:bg-green-100:active {
    background-color: var(--green-100) !important;
}

.active\:bg-green-200:active {
    background-color: var(--green-200) !important;
}

.active\:bg-green-300:active {
    background-color: var(--green-300) !important;
}

.active\:bg-green-400:active {
    background-color: var(--green-400) !important;
}

.active\:bg-green-500:active {
    background-color: var(--green-500) !important;
}

.active\:bg-green-600:active {
    background-color: var(--green-600) !important;
}

.active\:bg-green-700:active {
    background-color: var(--green-700) !important;
}

.active\:bg-green-800:active {
    background-color: var(--green-800) !important;
}

.active\:bg-green-900:active {
    background-color: var(--green-900) !important;
}

.bg-yellow-50 {
    background-color: var(--yellow-50) !important;
}

.bg-yellow-100 {
    background-color: var(--yellow-100) !important;
}

.bg-yellow-200 {
    background-color: var(--yellow-200) !important;
}

.bg-yellow-300 {
    background-color: var(--yellow-300) !important;
}

.bg-yellow-400 {
    background-color: var(--yellow-400) !important;
}

.bg-yellow-500 {
    background-color: var(--yellow-500) !important;
}

.bg-yellow-600 {
    background-color: var(--yellow-600) !important;
}

.bg-yellow-700 {
    background-color: var(--yellow-700) !important;
}

.bg-yellow-800 {
    background-color: var(--yellow-800) !important;
}

.bg-yellow-900 {
    background-color: var(--yellow-900) !important;
}

.focus\:bg-yellow-50:focus {
    background-color: var(--yellow-50) !important;
}

.focus\:bg-yellow-100:focus {
    background-color: var(--yellow-100) !important;
}

.focus\:bg-yellow-200:focus {
    background-color: var(--yellow-200) !important;
}

.focus\:bg-yellow-300:focus {
    background-color: var(--yellow-300) !important;
}

.focus\:bg-yellow-400:focus {
    background-color: var(--yellow-400) !important;
}

.focus\:bg-yellow-500:focus {
    background-color: var(--yellow-500) !important;
}

.focus\:bg-yellow-600:focus {
    background-color: var(--yellow-600) !important;
}

.focus\:bg-yellow-700:focus {
    background-color: var(--yellow-700) !important;
}

.focus\:bg-yellow-800:focus {
    background-color: var(--yellow-800) !important;
}

.focus\:bg-yellow-900:focus {
    background-color: var(--yellow-900) !important;
}

.hover\:bg-yellow-50:hover {
    background-color: var(--yellow-50) !important;
}

.hover\:bg-yellow-100:hover {
    background-color: var(--yellow-100) !important;
}

.hover\:bg-yellow-200:hover {
    background-color: var(--yellow-200) !important;
}

.hover\:bg-yellow-300:hover {
    background-color: var(--yellow-300) !important;
}

.hover\:bg-yellow-400:hover {
    background-color: var(--yellow-400) !important;
}

.hover\:bg-yellow-500:hover {
    background-color: var(--yellow-500) !important;
}

.hover\:bg-yellow-600:hover {
    background-color: var(--yellow-600) !important;
}

.hover\:bg-yellow-700:hover {
    background-color: var(--yellow-700) !important;
}

.hover\:bg-yellow-800:hover {
    background-color: var(--yellow-800) !important;
}

.hover\:bg-yellow-900:hover {
    background-color: var(--yellow-900) !important;
}

.active\:bg-yellow-50:active {
    background-color: var(--yellow-50) !important;
}

.active\:bg-yellow-100:active {
    background-color: var(--yellow-100) !important;
}

.active\:bg-yellow-200:active {
    background-color: var(--yellow-200) !important;
}

.active\:bg-yellow-300:active {
    background-color: var(--yellow-300) !important;
}

.active\:bg-yellow-400:active {
    background-color: var(--yellow-400) !important;
}

.active\:bg-yellow-500:active {
    background-color: var(--yellow-500) !important;
}

.active\:bg-yellow-600:active {
    background-color: var(--yellow-600) !important;
}

.active\:bg-yellow-700:active {
    background-color: var(--yellow-700) !important;
}

.active\:bg-yellow-800:active {
    background-color: var(--yellow-800) !important;
}

.active\:bg-yellow-900:active {
    background-color: var(--yellow-900) !important;
}

.bg-cyan-50 {
    background-color: var(--cyan-50) !important;
}

.bg-cyan-100 {
    background-color: var(--cyan-100) !important;
}

.bg-cyan-200 {
    background-color: var(--cyan-200) !important;
}

.bg-cyan-300 {
    background-color: var(--cyan-300) !important;
}

.bg-cyan-400 {
    background-color: var(--cyan-400) !important;
}

.bg-cyan-500 {
    background-color: var(--cyan-500) !important;
}

.bg-cyan-600 {
    background-color: var(--cyan-600) !important;
}

.bg-cyan-700 {
    background-color: var(--cyan-700) !important;
}

.bg-cyan-800 {
    background-color: var(--cyan-800) !important;
}

.bg-cyan-900 {
    background-color: var(--cyan-900) !important;
}

.focus\:bg-cyan-50:focus {
    background-color: var(--cyan-50) !important;
}

.focus\:bg-cyan-100:focus {
    background-color: var(--cyan-100) !important;
}

.focus\:bg-cyan-200:focus {
    background-color: var(--cyan-200) !important;
}

.focus\:bg-cyan-300:focus {
    background-color: var(--cyan-300) !important;
}

.focus\:bg-cyan-400:focus {
    background-color: var(--cyan-400) !important;
}

.focus\:bg-cyan-500:focus {
    background-color: var(--cyan-500) !important;
}

.focus\:bg-cyan-600:focus {
    background-color: var(--cyan-600) !important;
}

.focus\:bg-cyan-700:focus {
    background-color: var(--cyan-700) !important;
}

.focus\:bg-cyan-800:focus {
    background-color: var(--cyan-800) !important;
}

.focus\:bg-cyan-900:focus {
    background-color: var(--cyan-900) !important;
}

.hover\:bg-cyan-50:hover {
    background-color: var(--cyan-50) !important;
}

.hover\:bg-cyan-100:hover {
    background-color: var(--cyan-100) !important;
}

.hover\:bg-cyan-200:hover {
    background-color: var(--cyan-200) !important;
}

.hover\:bg-cyan-300:hover {
    background-color: var(--cyan-300) !important;
}

.hover\:bg-cyan-400:hover {
    background-color: var(--cyan-400) !important;
}

.hover\:bg-cyan-500:hover {
    background-color: var(--cyan-500) !important;
}

.hover\:bg-cyan-600:hover {
    background-color: var(--cyan-600) !important;
}

.hover\:bg-cyan-700:hover {
    background-color: var(--cyan-700) !important;
}

.hover\:bg-cyan-800:hover {
    background-color: var(--cyan-800) !important;
}

.hover\:bg-cyan-900:hover {
    background-color: var(--cyan-900) !important;
}

.active\:bg-cyan-50:active {
    background-color: var(--cyan-50) !important;
}

.active\:bg-cyan-100:active {
    background-color: var(--cyan-100) !important;
}

.active\:bg-cyan-200:active {
    background-color: var(--cyan-200) !important;
}

.active\:bg-cyan-300:active {
    background-color: var(--cyan-300) !important;
}

.active\:bg-cyan-400:active {
    background-color: var(--cyan-400) !important;
}

.active\:bg-cyan-500:active {
    background-color: var(--cyan-500) !important;
}

.active\:bg-cyan-600:active {
    background-color: var(--cyan-600) !important;
}

.active\:bg-cyan-700:active {
    background-color: var(--cyan-700) !important;
}

.active\:bg-cyan-800:active {
    background-color: var(--cyan-800) !important;
}

.active\:bg-cyan-900:active {
    background-color: var(--cyan-900) !important;
}

.bg-pink-50 {
    background-color: var(--pink-50) !important;
}

.bg-pink-100 {
    background-color: var(--pink-100) !important;
}

.bg-pink-200 {
    background-color: var(--pink-200) !important;
}

.bg-pink-300 {
    background-color: var(--pink-300) !important;
}

.bg-pink-400 {
    background-color: var(--pink-400) !important;
}

.bg-pink-500 {
    background-color: var(--pink-500) !important;
}

.bg-pink-600 {
    background-color: var(--pink-600) !important;
}

.bg-pink-700 {
    background-color: var(--pink-700) !important;
}

.bg-pink-800 {
    background-color: var(--pink-800) !important;
}

.bg-pink-900 {
    background-color: var(--pink-900) !important;
}

.focus\:bg-pink-50:focus {
    background-color: var(--pink-50) !important;
}

.focus\:bg-pink-100:focus {
    background-color: var(--pink-100) !important;
}

.focus\:bg-pink-200:focus {
    background-color: var(--pink-200) !important;
}

.focus\:bg-pink-300:focus {
    background-color: var(--pink-300) !important;
}

.focus\:bg-pink-400:focus {
    background-color: var(--pink-400) !important;
}

.focus\:bg-pink-500:focus {
    background-color: var(--pink-500) !important;
}

.focus\:bg-pink-600:focus {
    background-color: var(--pink-600) !important;
}

.focus\:bg-pink-700:focus {
    background-color: var(--pink-700) !important;
}

.focus\:bg-pink-800:focus {
    background-color: var(--pink-800) !important;
}

.focus\:bg-pink-900:focus {
    background-color: var(--pink-900) !important;
}

.hover\:bg-pink-50:hover {
    background-color: var(--pink-50) !important;
}

.hover\:bg-pink-100:hover {
    background-color: var(--pink-100) !important;
}

.hover\:bg-pink-200:hover {
    background-color: var(--pink-200) !important;
}

.hover\:bg-pink-300:hover {
    background-color: var(--pink-300) !important;
}

.hover\:bg-pink-400:hover {
    background-color: var(--pink-400) !important;
}

.hover\:bg-pink-500:hover {
    background-color: var(--pink-500) !important;
}

.hover\:bg-pink-600:hover {
    background-color: var(--pink-600) !important;
}

.hover\:bg-pink-700:hover {
    background-color: var(--pink-700) !important;
}

.hover\:bg-pink-800:hover {
    background-color: var(--pink-800) !important;
}

.hover\:bg-pink-900:hover {
    background-color: var(--pink-900) !important;
}

.active\:bg-pink-50:active {
    background-color: var(--pink-50) !important;
}

.active\:bg-pink-100:active {
    background-color: var(--pink-100) !important;
}

.active\:bg-pink-200:active {
    background-color: var(--pink-200) !important;
}

.active\:bg-pink-300:active {
    background-color: var(--pink-300) !important;
}

.active\:bg-pink-400:active {
    background-color: var(--pink-400) !important;
}

.active\:bg-pink-500:active {
    background-color: var(--pink-500) !important;
}

.active\:bg-pink-600:active {
    background-color: var(--pink-600) !important;
}

.active\:bg-pink-700:active {
    background-color: var(--pink-700) !important;
}

.active\:bg-pink-800:active {
    background-color: var(--pink-800) !important;
}

.active\:bg-pink-900:active {
    background-color: var(--pink-900) !important;
}

.bg-indigo-50 {
    background-color: var(--indigo-50) !important;
}

.bg-indigo-100 {
    background-color: var(--indigo-100) !important;
}

.bg-indigo-200 {
    background-color: var(--indigo-200) !important;
}

.bg-indigo-300 {
    background-color: var(--indigo-300) !important;
}

.bg-indigo-400 {
    background-color: var(--indigo-400) !important;
}

.bg-indigo-500 {
    background-color: var(--indigo-500) !important;
}

.bg-indigo-600 {
    background-color: var(--indigo-600) !important;
}

.bg-indigo-700 {
    background-color: var(--indigo-700) !important;
}

.bg-indigo-800 {
    background-color: var(--indigo-800) !important;
}

.bg-indigo-900 {
    background-color: var(--indigo-900) !important;
}

.focus\:bg-indigo-50:focus {
    background-color: var(--indigo-50) !important;
}

.focus\:bg-indigo-100:focus {
    background-color: var(--indigo-100) !important;
}

.focus\:bg-indigo-200:focus {
    background-color: var(--indigo-200) !important;
}

.focus\:bg-indigo-300:focus {
    background-color: var(--indigo-300) !important;
}

.focus\:bg-indigo-400:focus {
    background-color: var(--indigo-400) !important;
}

.focus\:bg-indigo-500:focus {
    background-color: var(--indigo-500) !important;
}

.focus\:bg-indigo-600:focus {
    background-color: var(--indigo-600) !important;
}

.focus\:bg-indigo-700:focus {
    background-color: var(--indigo-700) !important;
}

.focus\:bg-indigo-800:focus {
    background-color: var(--indigo-800) !important;
}

.focus\:bg-indigo-900:focus {
    background-color: var(--indigo-900) !important;
}

.hover\:bg-indigo-50:hover {
    background-color: var(--indigo-50) !important;
}

.hover\:bg-indigo-100:hover {
    background-color: var(--indigo-100) !important;
}

.hover\:bg-indigo-200:hover {
    background-color: var(--indigo-200) !important;
}

.hover\:bg-indigo-300:hover {
    background-color: var(--indigo-300) !important;
}

.hover\:bg-indigo-400:hover {
    background-color: var(--indigo-400) !important;
}

.hover\:bg-indigo-500:hover {
    background-color: var(--indigo-500) !important;
}

.hover\:bg-indigo-600:hover {
    background-color: var(--indigo-600) !important;
}

.hover\:bg-indigo-700:hover {
    background-color: var(--indigo-700) !important;
}

.hover\:bg-indigo-800:hover {
    background-color: var(--indigo-800) !important;
}

.hover\:bg-indigo-900:hover {
    background-color: var(--indigo-900) !important;
}

.active\:bg-indigo-50:active {
    background-color: var(--indigo-50) !important;
}

.active\:bg-indigo-100:active {
    background-color: var(--indigo-100) !important;
}

.active\:bg-indigo-200:active {
    background-color: var(--indigo-200) !important;
}

.active\:bg-indigo-300:active {
    background-color: var(--indigo-300) !important;
}

.active\:bg-indigo-400:active {
    background-color: var(--indigo-400) !important;
}

.active\:bg-indigo-500:active {
    background-color: var(--indigo-500) !important;
}

.active\:bg-indigo-600:active {
    background-color: var(--indigo-600) !important;
}

.active\:bg-indigo-700:active {
    background-color: var(--indigo-700) !important;
}

.active\:bg-indigo-800:active {
    background-color: var(--indigo-800) !important;
}

.active\:bg-indigo-900:active {
    background-color: var(--indigo-900) !important;
}

.bg-teal-50 {
    background-color: var(--teal-50) !important;
}

.bg-teal-100 {
    background-color: var(--teal-100) !important;
}

.bg-teal-200 {
    background-color: var(--teal-200) !important;
}

.bg-teal-300 {
    background-color: var(--teal-300) !important;
}

.bg-teal-400 {
    background-color: var(--teal-400) !important;
}

.bg-teal-500 {
    background-color: var(--teal-500) !important;
}

.bg-teal-600 {
    background-color: var(--teal-600) !important;
}

.bg-teal-700 {
    background-color: var(--teal-700) !important;
}

.bg-teal-800 {
    background-color: var(--teal-800) !important;
}

.bg-teal-900 {
    background-color: var(--teal-900) !important;
}

.focus\:bg-teal-50:focus {
    background-color: var(--teal-50) !important;
}

.focus\:bg-teal-100:focus {
    background-color: var(--teal-100) !important;
}

.focus\:bg-teal-200:focus {
    background-color: var(--teal-200) !important;
}

.focus\:bg-teal-300:focus {
    background-color: var(--teal-300) !important;
}

.focus\:bg-teal-400:focus {
    background-color: var(--teal-400) !important;
}

.focus\:bg-teal-500:focus {
    background-color: var(--teal-500) !important;
}

.focus\:bg-teal-600:focus {
    background-color: var(--teal-600) !important;
}

.focus\:bg-teal-700:focus {
    background-color: var(--teal-700) !important;
}

.focus\:bg-teal-800:focus {
    background-color: var(--teal-800) !important;
}

.focus\:bg-teal-900:focus {
    background-color: var(--teal-900) !important;
}

.hover\:bg-teal-50:hover {
    background-color: var(--teal-50) !important;
}

.hover\:bg-teal-100:hover {
    background-color: var(--teal-100) !important;
}

.hover\:bg-teal-200:hover {
    background-color: var(--teal-200) !important;
}

.hover\:bg-teal-300:hover {
    background-color: var(--teal-300) !important;
}

.hover\:bg-teal-400:hover {
    background-color: var(--teal-400) !important;
}

.hover\:bg-teal-500:hover {
    background-color: var(--teal-500) !important;
}

.hover\:bg-teal-600:hover {
    background-color: var(--teal-600) !important;
}

.hover\:bg-teal-700:hover {
    background-color: var(--teal-700) !important;
}

.hover\:bg-teal-800:hover {
    background-color: var(--teal-800) !important;
}

.hover\:bg-teal-900:hover {
    background-color: var(--teal-900) !important;
}

.active\:bg-teal-50:active {
    background-color: var(--teal-50) !important;
}

.active\:bg-teal-100:active {
    background-color: var(--teal-100) !important;
}

.active\:bg-teal-200:active {
    background-color: var(--teal-200) !important;
}

.active\:bg-teal-300:active {
    background-color: var(--teal-300) !important;
}

.active\:bg-teal-400:active {
    background-color: var(--teal-400) !important;
}

.active\:bg-teal-500:active {
    background-color: var(--teal-500) !important;
}

.active\:bg-teal-600:active {
    background-color: var(--teal-600) !important;
}

.active\:bg-teal-700:active {
    background-color: var(--teal-700) !important;
}

.active\:bg-teal-800:active {
    background-color: var(--teal-800) !important;
}

.active\:bg-teal-900:active {
    background-color: var(--teal-900) !important;
}

.bg-orange-50 {
    background-color: var(--orange-50) !important;
}

.bg-orange-100 {
    background-color: var(--orange-100) !important;
}

.bg-orange-200 {
    background-color: var(--orange-200) !important;
}

.bg-orange-300 {
    background-color: var(--orange-300) !important;
}

.bg-orange-400 {
    background-color: var(--orange-400) !important;
}

.bg-orange-500 {
    background-color: var(--orange-500) !important;
}

.bg-orange-600 {
    background-color: var(--orange-600) !important;
}

.bg-orange-700 {
    background-color: var(--orange-700) !important;
}

.bg-orange-800 {
    background-color: var(--orange-800) !important;
}

.bg-orange-900 {
    background-color: var(--orange-900) !important;
}

.focus\:bg-orange-50:focus {
    background-color: var(--orange-50) !important;
}

.focus\:bg-orange-100:focus {
    background-color: var(--orange-100) !important;
}

.focus\:bg-orange-200:focus {
    background-color: var(--orange-200) !important;
}

.focus\:bg-orange-300:focus {
    background-color: var(--orange-300) !important;
}

.focus\:bg-orange-400:focus {
    background-color: var(--orange-400) !important;
}

.focus\:bg-orange-500:focus {
    background-color: var(--orange-500) !important;
}

.focus\:bg-orange-600:focus {
    background-color: var(--orange-600) !important;
}

.focus\:bg-orange-700:focus {
    background-color: var(--orange-700) !important;
}

.focus\:bg-orange-800:focus {
    background-color: var(--orange-800) !important;
}

.focus\:bg-orange-900:focus {
    background-color: var(--orange-900) !important;
}

.hover\:bg-orange-50:hover {
    background-color: var(--orange-50) !important;
}

.hover\:bg-orange-100:hover {
    background-color: var(--orange-100) !important;
}

.hover\:bg-orange-200:hover {
    background-color: var(--orange-200) !important;
}

.hover\:bg-orange-300:hover {
    background-color: var(--orange-300) !important;
}

.hover\:bg-orange-400:hover {
    background-color: var(--orange-400) !important;
}

.hover\:bg-orange-500:hover {
    background-color: var(--orange-500) !important;
}

.hover\:bg-orange-600:hover {
    background-color: var(--orange-600) !important;
}

.hover\:bg-orange-700:hover {
    background-color: var(--orange-700) !important;
}

.hover\:bg-orange-800:hover {
    background-color: var(--orange-800) !important;
}

.hover\:bg-orange-900:hover {
    background-color: var(--orange-900) !important;
}

.active\:bg-orange-50:active {
    background-color: var(--orange-50) !important;
}

.active\:bg-orange-100:active {
    background-color: var(--orange-100) !important;
}

.active\:bg-orange-200:active {
    background-color: var(--orange-200) !important;
}

.active\:bg-orange-300:active {
    background-color: var(--orange-300) !important;
}

.active\:bg-orange-400:active {
    background-color: var(--orange-400) !important;
}

.active\:bg-orange-500:active {
    background-color: var(--orange-500) !important;
}

.active\:bg-orange-600:active {
    background-color: var(--orange-600) !important;
}

.active\:bg-orange-700:active {
    background-color: var(--orange-700) !important;
}

.active\:bg-orange-800:active {
    background-color: var(--orange-800) !important;
}

.active\:bg-orange-900:active {
    background-color: var(--orange-900) !important;
}

.bg-bluegray-50 {
    background-color: var(--bluegray-50) !important;
}

.bg-bluegray-100 {
    background-color: var(--bluegray-100) !important;
}

.bg-bluegray-200 {
    background-color: var(--bluegray-200) !important;
}

.bg-bluegray-300 {
    background-color: var(--bluegray-300) !important;
}

.bg-bluegray-400 {
    background-color: var(--bluegray-400) !important;
}

.bg-bluegray-500 {
    background-color: var(--bluegray-500) !important;
}

.bg-bluegray-600 {
    background-color: var(--bluegray-600) !important;
}

.bg-bluegray-700 {
    background-color: var(--bluegray-700) !important;
}

.bg-bluegray-800 {
    background-color: var(--bluegray-800) !important;
}

.bg-bluegray-900 {
    background-color: var(--bluegray-900) !important;
}

.focus\:bg-bluegray-50:focus {
    background-color: var(--bluegray-50) !important;
}

.focus\:bg-bluegray-100:focus {
    background-color: var(--bluegray-100) !important;
}

.focus\:bg-bluegray-200:focus {
    background-color: var(--bluegray-200) !important;
}

.focus\:bg-bluegray-300:focus {
    background-color: var(--bluegray-300) !important;
}

.focus\:bg-bluegray-400:focus {
    background-color: var(--bluegray-400) !important;
}

.focus\:bg-bluegray-500:focus {
    background-color: var(--bluegray-500) !important;
}

.focus\:bg-bluegray-600:focus {
    background-color: var(--bluegray-600) !important;
}

.focus\:bg-bluegray-700:focus {
    background-color: var(--bluegray-700) !important;
}

.focus\:bg-bluegray-800:focus {
    background-color: var(--bluegray-800) !important;
}

.focus\:bg-bluegray-900:focus {
    background-color: var(--bluegray-900) !important;
}

.hover\:bg-bluegray-50:hover {
    background-color: var(--bluegray-50) !important;
}

.hover\:bg-bluegray-100:hover {
    background-color: var(--bluegray-100) !important;
}

.hover\:bg-bluegray-200:hover {
    background-color: var(--bluegray-200) !important;
}

.hover\:bg-bluegray-300:hover {
    background-color: var(--bluegray-300) !important;
}

.hover\:bg-bluegray-400:hover {
    background-color: var(--bluegray-400) !important;
}

.hover\:bg-bluegray-500:hover {
    background-color: var(--bluegray-500) !important;
}

.hover\:bg-bluegray-600:hover {
    background-color: var(--bluegray-600) !important;
}

.hover\:bg-bluegray-700:hover {
    background-color: var(--bluegray-700) !important;
}

.hover\:bg-bluegray-800:hover {
    background-color: var(--bluegray-800) !important;
}

.hover\:bg-bluegray-900:hover {
    background-color: var(--bluegray-900) !important;
}

.active\:bg-bluegray-50:active {
    background-color: var(--bluegray-50) !important;
}

.active\:bg-bluegray-100:active {
    background-color: var(--bluegray-100) !important;
}

.active\:bg-bluegray-200:active {
    background-color: var(--bluegray-200) !important;
}

.active\:bg-bluegray-300:active {
    background-color: var(--bluegray-300) !important;
}

.active\:bg-bluegray-400:active {
    background-color: var(--bluegray-400) !important;
}

.active\:bg-bluegray-500:active {
    background-color: var(--bluegray-500) !important;
}

.active\:bg-bluegray-600:active {
    background-color: var(--bluegray-600) !important;
}

.active\:bg-bluegray-700:active {
    background-color: var(--bluegray-700) !important;
}

.active\:bg-bluegray-800:active {
    background-color: var(--bluegray-800) !important;
}

.active\:bg-bluegray-900:active {
    background-color: var(--bluegray-900) !important;
}

.bg-purple-50 {
    background-color: var(--purple-50) !important;
}

.bg-purple-100 {
    background-color: var(--purple-100) !important;
}

.bg-purple-200 {
    background-color: var(--purple-200) !important;
}

.bg-purple-300 {
    background-color: var(--purple-300) !important;
}

.bg-purple-400 {
    background-color: var(--purple-400) !important;
}

.bg-purple-500 {
    background-color: var(--purple-500) !important;
}

.bg-purple-600 {
    background-color: var(--purple-600) !important;
}

.bg-purple-700 {
    background-color: var(--purple-700) !important;
}

.bg-purple-800 {
    background-color: var(--purple-800) !important;
}

.bg-purple-900 {
    background-color: var(--purple-900) !important;
}

.focus\:bg-purple-50:focus {
    background-color: var(--purple-50) !important;
}

.focus\:bg-purple-100:focus {
    background-color: var(--purple-100) !important;
}

.focus\:bg-purple-200:focus {
    background-color: var(--purple-200) !important;
}

.focus\:bg-purple-300:focus {
    background-color: var(--purple-300) !important;
}

.focus\:bg-purple-400:focus {
    background-color: var(--purple-400) !important;
}

.focus\:bg-purple-500:focus {
    background-color: var(--purple-500) !important;
}

.focus\:bg-purple-600:focus {
    background-color: var(--purple-600) !important;
}

.focus\:bg-purple-700:focus {
    background-color: var(--purple-700) !important;
}

.focus\:bg-purple-800:focus {
    background-color: var(--purple-800) !important;
}

.focus\:bg-purple-900:focus {
    background-color: var(--purple-900) !important;
}

.hover\:bg-purple-50:hover {
    background-color: var(--purple-50) !important;
}

.hover\:bg-purple-100:hover {
    background-color: var(--purple-100) !important;
}

.hover\:bg-purple-200:hover {
    background-color: var(--purple-200) !important;
}

.hover\:bg-purple-300:hover {
    background-color: var(--purple-300) !important;
}

.hover\:bg-purple-400:hover {
    background-color: var(--purple-400) !important;
}

.hover\:bg-purple-500:hover {
    background-color: var(--purple-500) !important;
}

.hover\:bg-purple-600:hover {
    background-color: var(--purple-600) !important;
}

.hover\:bg-purple-700:hover {
    background-color: var(--purple-700) !important;
}

.hover\:bg-purple-800:hover {
    background-color: var(--purple-800) !important;
}

.hover\:bg-purple-900:hover {
    background-color: var(--purple-900) !important;
}

.active\:bg-purple-50:active {
    background-color: var(--purple-50) !important;
}

.active\:bg-purple-100:active {
    background-color: var(--purple-100) !important;
}

.active\:bg-purple-200:active {
    background-color: var(--purple-200) !important;
}

.active\:bg-purple-300:active {
    background-color: var(--purple-300) !important;
}

.active\:bg-purple-400:active {
    background-color: var(--purple-400) !important;
}

.active\:bg-purple-500:active {
    background-color: var(--purple-500) !important;
}

.active\:bg-purple-600:active {
    background-color: var(--purple-600) !important;
}

.active\:bg-purple-700:active {
    background-color: var(--purple-700) !important;
}

.active\:bg-purple-800:active {
    background-color: var(--purple-800) !important;
}

.active\:bg-purple-900:active {
    background-color: var(--purple-900) !important;
}

.bg-gray-50 {
    background-color: var(--gray-50) !important;
}

.bg-gray-100 {
    background-color: var(--gray-100) !important;
}

.bg-gray-200 {
    background-color: var(--gray-200) !important;
}

.bg-gray-300 {
    background-color: var(--gray-300) !important;
}

.bg-gray-400 {
    background-color: var(--gray-400) !important;
}

.bg-gray-500 {
    background-color: var(--gray-500) !important;
}

.bg-gray-600 {
    background-color: var(--gray-600) !important;
}

.bg-gray-700 {
    background-color: var(--gray-700) !important;
}

.bg-gray-800 {
    background-color: var(--gray-800) !important;
}

.bg-gray-900 {
    background-color: var(--gray-900) !important;
}

.focus\:bg-gray-50:focus {
    background-color: var(--gray-50) !important;
}

.focus\:bg-gray-100:focus {
    background-color: var(--gray-100) !important;
}

.focus\:bg-gray-200:focus {
    background-color: var(--gray-200) !important;
}

.focus\:bg-gray-300:focus {
    background-color: var(--gray-300) !important;
}

.focus\:bg-gray-400:focus {
    background-color: var(--gray-400) !important;
}

.focus\:bg-gray-500:focus {
    background-color: var(--gray-500) !important;
}

.focus\:bg-gray-600:focus {
    background-color: var(--gray-600) !important;
}

.focus\:bg-gray-700:focus {
    background-color: var(--gray-700) !important;
}

.focus\:bg-gray-800:focus {
    background-color: var(--gray-800) !important;
}

.focus\:bg-gray-900:focus {
    background-color: var(--gray-900) !important;
}

.hover\:bg-gray-50:hover {
    background-color: var(--gray-50) !important;
}

.hover\:bg-gray-100:hover {
    background-color: var(--gray-100) !important;
}

.hover\:bg-gray-200:hover {
    background-color: var(--gray-200) !important;
}

.hover\:bg-gray-300:hover {
    background-color: var(--gray-300) !important;
}

.hover\:bg-gray-400:hover {
    background-color: var(--gray-400) !important;
}

.hover\:bg-gray-500:hover {
    background-color: var(--gray-500) !important;
}

.hover\:bg-gray-600:hover {
    background-color: var(--gray-600) !important;
}

.hover\:bg-gray-700:hover {
    background-color: var(--gray-700) !important;
}

.hover\:bg-gray-800:hover {
    background-color: var(--gray-800) !important;
}

.hover\:bg-gray-900:hover {
    background-color: var(--gray-900) !important;
}

.active\:bg-gray-50:active {
    background-color: var(--gray-50) !important;
}

.active\:bg-gray-100:active {
    background-color: var(--gray-100) !important;
}

.active\:bg-gray-200:active {
    background-color: var(--gray-200) !important;
}

.active\:bg-gray-300:active {
    background-color: var(--gray-300) !important;
}

.active\:bg-gray-400:active {
    background-color: var(--gray-400) !important;
}

.active\:bg-gray-500:active {
    background-color: var(--gray-500) !important;
}

.active\:bg-gray-600:active {
    background-color: var(--gray-600) !important;
}

.active\:bg-gray-700:active {
    background-color: var(--gray-700) !important;
}

.active\:bg-gray-800:active {
    background-color: var(--gray-800) !important;
}

.active\:bg-gray-900:active {
    background-color: var(--gray-900) !important;
}

.bg-red-50 {
    background-color: var(--red-50) !important;
}

.bg-red-100 {
    background-color: var(--red-100) !important;
}

.bg-red-200 {
    background-color: var(--red-200) !important;
}

.bg-red-300 {
    background-color: var(--red-300) !important;
}

.bg-red-400 {
    background-color: var(--red-400) !important;
}

.bg-red-500 {
    background-color: var(--red-500) !important;
}

.bg-red-600 {
    background-color: var(--red-600) !important;
}

.bg-red-700 {
    background-color: var(--red-700) !important;
}

.bg-red-800 {
    background-color: var(--red-800) !important;
}

.bg-red-900 {
    background-color: var(--red-900) !important;
}

.focus\:bg-red-50:focus {
    background-color: var(--red-50) !important;
}

.focus\:bg-red-100:focus {
    background-color: var(--red-100) !important;
}

.focus\:bg-red-200:focus {
    background-color: var(--red-200) !important;
}

.focus\:bg-red-300:focus {
    background-color: var(--red-300) !important;
}

.focus\:bg-red-400:focus {
    background-color: var(--red-400) !important;
}

.focus\:bg-red-500:focus {
    background-color: var(--red-500) !important;
}

.focus\:bg-red-600:focus {
    background-color: var(--red-600) !important;
}

.focus\:bg-red-700:focus {
    background-color: var(--red-700) !important;
}

.focus\:bg-red-800:focus {
    background-color: var(--red-800) !important;
}

.focus\:bg-red-900:focus {
    background-color: var(--red-900) !important;
}

.hover\:bg-red-50:hover {
    background-color: var(--red-50) !important;
}

.hover\:bg-red-100:hover {
    background-color: var(--red-100) !important;
}

.hover\:bg-red-200:hover {
    background-color: var(--red-200) !important;
}

.hover\:bg-red-300:hover {
    background-color: var(--red-300) !important;
}

.hover\:bg-red-400:hover {
    background-color: var(--red-400) !important;
}

.hover\:bg-red-500:hover {
    background-color: var(--red-500) !important;
}

.hover\:bg-red-600:hover {
    background-color: var(--red-600) !important;
}

.hover\:bg-red-700:hover {
    background-color: var(--red-700) !important;
}

.hover\:bg-red-800:hover {
    background-color: var(--red-800) !important;
}

.hover\:bg-red-900:hover {
    background-color: var(--red-900) !important;
}

.active\:bg-red-50:active {
    background-color: var(--red-50) !important;
}

.active\:bg-red-100:active {
    background-color: var(--red-100) !important;
}

.active\:bg-red-200:active {
    background-color: var(--red-200) !important;
}

.active\:bg-red-300:active {
    background-color: var(--red-300) !important;
}

.active\:bg-red-400:active {
    background-color: var(--red-400) !important;
}

.active\:bg-red-500:active {
    background-color: var(--red-500) !important;
}

.active\:bg-red-600:active {
    background-color: var(--red-600) !important;
}

.active\:bg-red-700:active {
    background-color: var(--red-700) !important;
}

.active\:bg-red-800:active {
    background-color: var(--red-800) !important;
}

.active\:bg-red-900:active {
    background-color: var(--red-900) !important;
}

.bg-primary-50 {
    background-color: var(--primary-50) !important;
}

.bg-primary-100 {
    background-color: var(--primary-100) !important;
}

.bg-primary-200 {
    background-color: var(--primary-200) !important;
}

.bg-primary-300 {
    background-color: var(--primary-300) !important;
}

.bg-primary-400 {
    background-color: var(--primary-400) !important;
}

.bg-primary-500 {
    background-color: var(--primary-500) !important;
}

.bg-primary-600 {
    background-color: var(--primary-600) !important;
}

.bg-primary-700 {
    background-color: var(--primary-700) !important;
}

.bg-primary-800 {
    background-color: var(--primary-800) !important;
}

.bg-primary-900 {
    background-color: var(--primary-900) !important;
}

.focus\:bg-primary-50:focus {
    background-color: var(--primary-50) !important;
}

.focus\:bg-primary-100:focus {
    background-color: var(--primary-100) !important;
}

.focus\:bg-primary-200:focus {
    background-color: var(--primary-200) !important;
}

.focus\:bg-primary-300:focus {
    background-color: var(--primary-300) !important;
}

.focus\:bg-primary-400:focus {
    background-color: var(--primary-400) !important;
}

.focus\:bg-primary-500:focus {
    background-color: var(--primary-500) !important;
}

.focus\:bg-primary-600:focus {
    background-color: var(--primary-600) !important;
}

.focus\:bg-primary-700:focus {
    background-color: var(--primary-700) !important;
}

.focus\:bg-primary-800:focus {
    background-color: var(--primary-800) !important;
}

.focus\:bg-primary-900:focus {
    background-color: var(--primary-900) !important;
}

.hover\:bg-primary-50:hover {
    background-color: var(--primary-50) !important;
}

.hover\:bg-primary-100:hover {
    background-color: var(--primary-100) !important;
}

.hover\:bg-primary-200:hover {
    background-color: var(--primary-200) !important;
}

.hover\:bg-primary-300:hover {
    background-color: var(--primary-300) !important;
}

.hover\:bg-primary-400:hover {
    background-color: var(--primary-400) !important;
}

.hover\:bg-primary-500:hover {
    background-color: var(--primary-500) !important;
}

.hover\:bg-primary-600:hover {
    background-color: var(--primary-600) !important;
}

.hover\:bg-primary-700:hover {
    background-color: var(--primary-700) !important;
}

.hover\:bg-primary-800:hover {
    background-color: var(--primary-800) !important;
}

.hover\:bg-primary-900:hover {
    background-color: var(--primary-900) !important;
}

.active\:bg-primary-50:active {
    background-color: var(--primary-50) !important;
}

.active\:bg-primary-100:active {
    background-color: var(--primary-100) !important;
}

.active\:bg-primary-200:active {
    background-color: var(--primary-200) !important;
}

.active\:bg-primary-300:active {
    background-color: var(--primary-300) !important;
}

.active\:bg-primary-400:active {
    background-color: var(--primary-400) !important;
}

.active\:bg-primary-500:active {
    background-color: var(--primary-500) !important;
}

.active\:bg-primary-600:active {
    background-color: var(--primary-600) !important;
}

.active\:bg-primary-700:active {
    background-color: var(--primary-700) !important;
}

.active\:bg-primary-800:active {
    background-color: var(--primary-800) !important;
}

.active\:bg-primary-900:active {
    background-color: var(--primary-900) !important;
}

.border-blue-50 {
    border-color: var(--blue-50) !important;
}

.border-blue-100 {
    border-color: var(--blue-100) !important;
}

.border-blue-200 {
    border-color: var(--blue-200) !important;
}

.border-blue-300 {
    border-color: var(--blue-300) !important;
}

.border-blue-400 {
    border-color: var(--blue-400) !important;
}

.border-blue-500 {
    border-color: var(--blue-500) !important;
}

.border-blue-600 {
    border-color: var(--blue-600) !important;
}

.border-blue-700 {
    border-color: var(--blue-700) !important;
}

.border-blue-800 {
    border-color: var(--blue-800) !important;
}

.border-blue-900 {
    border-color: var(--blue-900) !important;
}

.focus\:border-blue-50:focus {
    border-color: var(--blue-50) !important;
}

.focus\:border-blue-100:focus {
    border-color: var(--blue-100) !important;
}

.focus\:border-blue-200:focus {
    border-color: var(--blue-200) !important;
}

.focus\:border-blue-300:focus {
    border-color: var(--blue-300) !important;
}

.focus\:border-blue-400:focus {
    border-color: var(--blue-400) !important;
}

.focus\:border-blue-500:focus {
    border-color: var(--blue-500) !important;
}

.focus\:border-blue-600:focus {
    border-color: var(--blue-600) !important;
}

.focus\:border-blue-700:focus {
    border-color: var(--blue-700) !important;
}

.focus\:border-blue-800:focus {
    border-color: var(--blue-800) !important;
}

.focus\:border-blue-900:focus {
    border-color: var(--blue-900) !important;
}

.hover\:border-blue-50:hover {
    border-color: var(--blue-50) !important;
}

.hover\:border-blue-100:hover {
    border-color: var(--blue-100) !important;
}

.hover\:border-blue-200:hover {
    border-color: var(--blue-200) !important;
}

.hover\:border-blue-300:hover {
    border-color: var(--blue-300) !important;
}

.hover\:border-blue-400:hover {
    border-color: var(--blue-400) !important;
}

.hover\:border-blue-500:hover {
    border-color: var(--blue-500) !important;
}

.hover\:border-blue-600:hover {
    border-color: var(--blue-600) !important;
}

.hover\:border-blue-700:hover {
    border-color: var(--blue-700) !important;
}

.hover\:border-blue-800:hover {
    border-color: var(--blue-800) !important;
}

.hover\:border-blue-900:hover {
    border-color: var(--blue-900) !important;
}

.active\:border-blue-50:active {
    border-color: var(--blue-50) !important;
}

.active\:border-blue-100:active {
    border-color: var(--blue-100) !important;
}

.active\:border-blue-200:active {
    border-color: var(--blue-200) !important;
}

.active\:border-blue-300:active {
    border-color: var(--blue-300) !important;
}

.active\:border-blue-400:active {
    border-color: var(--blue-400) !important;
}

.active\:border-blue-500:active {
    border-color: var(--blue-500) !important;
}

.active\:border-blue-600:active {
    border-color: var(--blue-600) !important;
}

.active\:border-blue-700:active {
    border-color: var(--blue-700) !important;
}

.active\:border-blue-800:active {
    border-color: var(--blue-800) !important;
}

.active\:border-blue-900:active {
    border-color: var(--blue-900) !important;
}

.border-green-50 {
    border-color: var(--green-50) !important;
}

.border-green-100 {
    border-color: var(--green-100) !important;
}

.border-green-200 {
    border-color: var(--green-200) !important;
}

.border-green-300 {
    border-color: var(--green-300) !important;
}

.border-green-400 {
    border-color: var(--green-400) !important;
}

.border-green-500 {
    border-color: var(--green-500) !important;
}

.border-green-600 {
    border-color: var(--green-600) !important;
}

.border-green-700 {
    border-color: var(--green-700) !important;
}

.border-green-800 {
    border-color: var(--green-800) !important;
}

.border-green-900 {
    border-color: var(--green-900) !important;
}

.focus\:border-green-50:focus {
    border-color: var(--green-50) !important;
}

.focus\:border-green-100:focus {
    border-color: var(--green-100) !important;
}

.focus\:border-green-200:focus {
    border-color: var(--green-200) !important;
}

.focus\:border-green-300:focus {
    border-color: var(--green-300) !important;
}

.focus\:border-green-400:focus {
    border-color: var(--green-400) !important;
}

.focus\:border-green-500:focus {
    border-color: var(--green-500) !important;
}

.focus\:border-green-600:focus {
    border-color: var(--green-600) !important;
}

.focus\:border-green-700:focus {
    border-color: var(--green-700) !important;
}

.focus\:border-green-800:focus {
    border-color: var(--green-800) !important;
}

.focus\:border-green-900:focus {
    border-color: var(--green-900) !important;
}

.hover\:border-green-50:hover {
    border-color: var(--green-50) !important;
}

.hover\:border-green-100:hover {
    border-color: var(--green-100) !important;
}

.hover\:border-green-200:hover {
    border-color: var(--green-200) !important;
}

.hover\:border-green-300:hover {
    border-color: var(--green-300) !important;
}

.hover\:border-green-400:hover {
    border-color: var(--green-400) !important;
}

.hover\:border-green-500:hover {
    border-color: var(--green-500) !important;
}

.hover\:border-green-600:hover {
    border-color: var(--green-600) !important;
}

.hover\:border-green-700:hover {
    border-color: var(--green-700) !important;
}

.hover\:border-green-800:hover {
    border-color: var(--green-800) !important;
}

.hover\:border-green-900:hover {
    border-color: var(--green-900) !important;
}

.active\:border-green-50:active {
    border-color: var(--green-50) !important;
}

.active\:border-green-100:active {
    border-color: var(--green-100) !important;
}

.active\:border-green-200:active {
    border-color: var(--green-200) !important;
}

.active\:border-green-300:active {
    border-color: var(--green-300) !important;
}

.active\:border-green-400:active {
    border-color: var(--green-400) !important;
}

.active\:border-green-500:active {
    border-color: var(--green-500) !important;
}

.active\:border-green-600:active {
    border-color: var(--green-600) !important;
}

.active\:border-green-700:active {
    border-color: var(--green-700) !important;
}

.active\:border-green-800:active {
    border-color: var(--green-800) !important;
}

.active\:border-green-900:active {
    border-color: var(--green-900) !important;
}

.border-yellow-50 {
    border-color: var(--yellow-50) !important;
}

.border-yellow-100 {
    border-color: var(--yellow-100) !important;
}

.border-yellow-200 {
    border-color: var(--yellow-200) !important;
}

.border-yellow-300 {
    border-color: var(--yellow-300) !important;
}

.border-yellow-400 {
    border-color: var(--yellow-400) !important;
}

.border-yellow-500 {
    border-color: var(--yellow-500) !important;
}

.border-yellow-600 {
    border-color: var(--yellow-600) !important;
}

.border-yellow-700 {
    border-color: var(--yellow-700) !important;
}

.border-yellow-800 {
    border-color: var(--yellow-800) !important;
}

.border-yellow-900 {
    border-color: var(--yellow-900) !important;
}

.focus\:border-yellow-50:focus {
    border-color: var(--yellow-50) !important;
}

.focus\:border-yellow-100:focus {
    border-color: var(--yellow-100) !important;
}

.focus\:border-yellow-200:focus {
    border-color: var(--yellow-200) !important;
}

.focus\:border-yellow-300:focus {
    border-color: var(--yellow-300) !important;
}

.focus\:border-yellow-400:focus {
    border-color: var(--yellow-400) !important;
}

.focus\:border-yellow-500:focus {
    border-color: var(--yellow-500) !important;
}

.focus\:border-yellow-600:focus {
    border-color: var(--yellow-600) !important;
}

.focus\:border-yellow-700:focus {
    border-color: var(--yellow-700) !important;
}

.focus\:border-yellow-800:focus {
    border-color: var(--yellow-800) !important;
}

.focus\:border-yellow-900:focus {
    border-color: var(--yellow-900) !important;
}

.hover\:border-yellow-50:hover {
    border-color: var(--yellow-50) !important;
}

.hover\:border-yellow-100:hover {
    border-color: var(--yellow-100) !important;
}

.hover\:border-yellow-200:hover {
    border-color: var(--yellow-200) !important;
}

.hover\:border-yellow-300:hover {
    border-color: var(--yellow-300) !important;
}

.hover\:border-yellow-400:hover {
    border-color: var(--yellow-400) !important;
}

.hover\:border-yellow-500:hover {
    border-color: var(--yellow-500) !important;
}

.hover\:border-yellow-600:hover {
    border-color: var(--yellow-600) !important;
}

.hover\:border-yellow-700:hover {
    border-color: var(--yellow-700) !important;
}

.hover\:border-yellow-800:hover {
    border-color: var(--yellow-800) !important;
}

.hover\:border-yellow-900:hover {
    border-color: var(--yellow-900) !important;
}

.active\:border-yellow-50:active {
    border-color: var(--yellow-50) !important;
}

.active\:border-yellow-100:active {
    border-color: var(--yellow-100) !important;
}

.active\:border-yellow-200:active {
    border-color: var(--yellow-200) !important;
}

.active\:border-yellow-300:active {
    border-color: var(--yellow-300) !important;
}

.active\:border-yellow-400:active {
    border-color: var(--yellow-400) !important;
}

.active\:border-yellow-500:active {
    border-color: var(--yellow-500) !important;
}

.active\:border-yellow-600:active {
    border-color: var(--yellow-600) !important;
}

.active\:border-yellow-700:active {
    border-color: var(--yellow-700) !important;
}

.active\:border-yellow-800:active {
    border-color: var(--yellow-800) !important;
}

.active\:border-yellow-900:active {
    border-color: var(--yellow-900) !important;
}

.border-cyan-50 {
    border-color: var(--cyan-50) !important;
}

.border-cyan-100 {
    border-color: var(--cyan-100) !important;
}

.border-cyan-200 {
    border-color: var(--cyan-200) !important;
}

.border-cyan-300 {
    border-color: var(--cyan-300) !important;
}

.border-cyan-400 {
    border-color: var(--cyan-400) !important;
}

.border-cyan-500 {
    border-color: var(--cyan-500) !important;
}

.border-cyan-600 {
    border-color: var(--cyan-600) !important;
}

.border-cyan-700 {
    border-color: var(--cyan-700) !important;
}

.border-cyan-800 {
    border-color: var(--cyan-800) !important;
}

.border-cyan-900 {
    border-color: var(--cyan-900) !important;
}

.focus\:border-cyan-50:focus {
    border-color: var(--cyan-50) !important;
}

.focus\:border-cyan-100:focus {
    border-color: var(--cyan-100) !important;
}

.focus\:border-cyan-200:focus {
    border-color: var(--cyan-200) !important;
}

.focus\:border-cyan-300:focus {
    border-color: var(--cyan-300) !important;
}

.focus\:border-cyan-400:focus {
    border-color: var(--cyan-400) !important;
}

.focus\:border-cyan-500:focus {
    border-color: var(--cyan-500) !important;
}

.focus\:border-cyan-600:focus {
    border-color: var(--cyan-600) !important;
}

.focus\:border-cyan-700:focus {
    border-color: var(--cyan-700) !important;
}

.focus\:border-cyan-800:focus {
    border-color: var(--cyan-800) !important;
}

.focus\:border-cyan-900:focus {
    border-color: var(--cyan-900) !important;
}

.hover\:border-cyan-50:hover {
    border-color: var(--cyan-50) !important;
}

.hover\:border-cyan-100:hover {
    border-color: var(--cyan-100) !important;
}

.hover\:border-cyan-200:hover {
    border-color: var(--cyan-200) !important;
}

.hover\:border-cyan-300:hover {
    border-color: var(--cyan-300) !important;
}

.hover\:border-cyan-400:hover {
    border-color: var(--cyan-400) !important;
}

.hover\:border-cyan-500:hover {
    border-color: var(--cyan-500) !important;
}

.hover\:border-cyan-600:hover {
    border-color: var(--cyan-600) !important;
}

.hover\:border-cyan-700:hover {
    border-color: var(--cyan-700) !important;
}

.hover\:border-cyan-800:hover {
    border-color: var(--cyan-800) !important;
}

.hover\:border-cyan-900:hover {
    border-color: var(--cyan-900) !important;
}

.active\:border-cyan-50:active {
    border-color: var(--cyan-50) !important;
}

.active\:border-cyan-100:active {
    border-color: var(--cyan-100) !important;
}

.active\:border-cyan-200:active {
    border-color: var(--cyan-200) !important;
}

.active\:border-cyan-300:active {
    border-color: var(--cyan-300) !important;
}

.active\:border-cyan-400:active {
    border-color: var(--cyan-400) !important;
}

.active\:border-cyan-500:active {
    border-color: var(--cyan-500) !important;
}

.active\:border-cyan-600:active {
    border-color: var(--cyan-600) !important;
}

.active\:border-cyan-700:active {
    border-color: var(--cyan-700) !important;
}

.active\:border-cyan-800:active {
    border-color: var(--cyan-800) !important;
}

.active\:border-cyan-900:active {
    border-color: var(--cyan-900) !important;
}

.border-pink-50 {
    border-color: var(--pink-50) !important;
}

.border-pink-100 {
    border-color: var(--pink-100) !important;
}

.border-pink-200 {
    border-color: var(--pink-200) !important;
}

.border-pink-300 {
    border-color: var(--pink-300) !important;
}

.border-pink-400 {
    border-color: var(--pink-400) !important;
}

.border-pink-500 {
    border-color: var(--pink-500) !important;
}

.border-pink-600 {
    border-color: var(--pink-600) !important;
}

.border-pink-700 {
    border-color: var(--pink-700) !important;
}

.border-pink-800 {
    border-color: var(--pink-800) !important;
}

.border-pink-900 {
    border-color: var(--pink-900) !important;
}

.focus\:border-pink-50:focus {
    border-color: var(--pink-50) !important;
}

.focus\:border-pink-100:focus {
    border-color: var(--pink-100) !important;
}

.focus\:border-pink-200:focus {
    border-color: var(--pink-200) !important;
}

.focus\:border-pink-300:focus {
    border-color: var(--pink-300) !important;
}

.focus\:border-pink-400:focus {
    border-color: var(--pink-400) !important;
}

.focus\:border-pink-500:focus {
    border-color: var(--pink-500) !important;
}

.focus\:border-pink-600:focus {
    border-color: var(--pink-600) !important;
}

.focus\:border-pink-700:focus {
    border-color: var(--pink-700) !important;
}

.focus\:border-pink-800:focus {
    border-color: var(--pink-800) !important;
}

.focus\:border-pink-900:focus {
    border-color: var(--pink-900) !important;
}

.hover\:border-pink-50:hover {
    border-color: var(--pink-50) !important;
}

.hover\:border-pink-100:hover {
    border-color: var(--pink-100) !important;
}

.hover\:border-pink-200:hover {
    border-color: var(--pink-200) !important;
}

.hover\:border-pink-300:hover {
    border-color: var(--pink-300) !important;
}

.hover\:border-pink-400:hover {
    border-color: var(--pink-400) !important;
}

.hover\:border-pink-500:hover {
    border-color: var(--pink-500) !important;
}

.hover\:border-pink-600:hover {
    border-color: var(--pink-600) !important;
}

.hover\:border-pink-700:hover {
    border-color: var(--pink-700) !important;
}

.hover\:border-pink-800:hover {
    border-color: var(--pink-800) !important;
}

.hover\:border-pink-900:hover {
    border-color: var(--pink-900) !important;
}

.active\:border-pink-50:active {
    border-color: var(--pink-50) !important;
}

.active\:border-pink-100:active {
    border-color: var(--pink-100) !important;
}

.active\:border-pink-200:active {
    border-color: var(--pink-200) !important;
}

.active\:border-pink-300:active {
    border-color: var(--pink-300) !important;
}

.active\:border-pink-400:active {
    border-color: var(--pink-400) !important;
}

.active\:border-pink-500:active {
    border-color: var(--pink-500) !important;
}

.active\:border-pink-600:active {
    border-color: var(--pink-600) !important;
}

.active\:border-pink-700:active {
    border-color: var(--pink-700) !important;
}

.active\:border-pink-800:active {
    border-color: var(--pink-800) !important;
}

.active\:border-pink-900:active {
    border-color: var(--pink-900) !important;
}

.border-indigo-50 {
    border-color: var(--indigo-50) !important;
}

.border-indigo-100 {
    border-color: var(--indigo-100) !important;
}

.border-indigo-200 {
    border-color: var(--indigo-200) !important;
}

.border-indigo-300 {
    border-color: var(--indigo-300) !important;
}

.border-indigo-400 {
    border-color: var(--indigo-400) !important;
}

.border-indigo-500 {
    border-color: var(--indigo-500) !important;
}

.border-indigo-600 {
    border-color: var(--indigo-600) !important;
}

.border-indigo-700 {
    border-color: var(--indigo-700) !important;
}

.border-indigo-800 {
    border-color: var(--indigo-800) !important;
}

.border-indigo-900 {
    border-color: var(--indigo-900) !important;
}

.focus\:border-indigo-50:focus {
    border-color: var(--indigo-50) !important;
}

.focus\:border-indigo-100:focus {
    border-color: var(--indigo-100) !important;
}

.focus\:border-indigo-200:focus {
    border-color: var(--indigo-200) !important;
}

.focus\:border-indigo-300:focus {
    border-color: var(--indigo-300) !important;
}

.focus\:border-indigo-400:focus {
    border-color: var(--indigo-400) !important;
}

.focus\:border-indigo-500:focus {
    border-color: var(--indigo-500) !important;
}

.focus\:border-indigo-600:focus {
    border-color: var(--indigo-600) !important;
}

.focus\:border-indigo-700:focus {
    border-color: var(--indigo-700) !important;
}

.focus\:border-indigo-800:focus {
    border-color: var(--indigo-800) !important;
}

.focus\:border-indigo-900:focus {
    border-color: var(--indigo-900) !important;
}

.hover\:border-indigo-50:hover {
    border-color: var(--indigo-50) !important;
}

.hover\:border-indigo-100:hover {
    border-color: var(--indigo-100) !important;
}

.hover\:border-indigo-200:hover {
    border-color: var(--indigo-200) !important;
}

.hover\:border-indigo-300:hover {
    border-color: var(--indigo-300) !important;
}

.hover\:border-indigo-400:hover {
    border-color: var(--indigo-400) !important;
}

.hover\:border-indigo-500:hover {
    border-color: var(--indigo-500) !important;
}

.hover\:border-indigo-600:hover {
    border-color: var(--indigo-600) !important;
}

.hover\:border-indigo-700:hover {
    border-color: var(--indigo-700) !important;
}

.hover\:border-indigo-800:hover {
    border-color: var(--indigo-800) !important;
}

.hover\:border-indigo-900:hover {
    border-color: var(--indigo-900) !important;
}

.active\:border-indigo-50:active {
    border-color: var(--indigo-50) !important;
}

.active\:border-indigo-100:active {
    border-color: var(--indigo-100) !important;
}

.active\:border-indigo-200:active {
    border-color: var(--indigo-200) !important;
}

.active\:border-indigo-300:active {
    border-color: var(--indigo-300) !important;
}

.active\:border-indigo-400:active {
    border-color: var(--indigo-400) !important;
}

.active\:border-indigo-500:active {
    border-color: var(--indigo-500) !important;
}

.active\:border-indigo-600:active {
    border-color: var(--indigo-600) !important;
}

.active\:border-indigo-700:active {
    border-color: var(--indigo-700) !important;
}

.active\:border-indigo-800:active {
    border-color: var(--indigo-800) !important;
}

.active\:border-indigo-900:active {
    border-color: var(--indigo-900) !important;
}

.border-teal-50 {
    border-color: var(--teal-50) !important;
}

.border-teal-100 {
    border-color: var(--teal-100) !important;
}

.border-teal-200 {
    border-color: var(--teal-200) !important;
}

.border-teal-300 {
    border-color: var(--teal-300) !important;
}

.border-teal-400 {
    border-color: var(--teal-400) !important;
}

.border-teal-500 {
    border-color: var(--teal-500) !important;
}

.border-teal-600 {
    border-color: var(--teal-600) !important;
}

.border-teal-700 {
    border-color: var(--teal-700) !important;
}

.border-teal-800 {
    border-color: var(--teal-800) !important;
}

.border-teal-900 {
    border-color: var(--teal-900) !important;
}

.focus\:border-teal-50:focus {
    border-color: var(--teal-50) !important;
}

.focus\:border-teal-100:focus {
    border-color: var(--teal-100) !important;
}

.focus\:border-teal-200:focus {
    border-color: var(--teal-200) !important;
}

.focus\:border-teal-300:focus {
    border-color: var(--teal-300) !important;
}

.focus\:border-teal-400:focus {
    border-color: var(--teal-400) !important;
}

.focus\:border-teal-500:focus {
    border-color: var(--teal-500) !important;
}

.focus\:border-teal-600:focus {
    border-color: var(--teal-600) !important;
}

.focus\:border-teal-700:focus {
    border-color: var(--teal-700) !important;
}

.focus\:border-teal-800:focus {
    border-color: var(--teal-800) !important;
}

.focus\:border-teal-900:focus {
    border-color: var(--teal-900) !important;
}

.hover\:border-teal-50:hover {
    border-color: var(--teal-50) !important;
}

.hover\:border-teal-100:hover {
    border-color: var(--teal-100) !important;
}

.hover\:border-teal-200:hover {
    border-color: var(--teal-200) !important;
}

.hover\:border-teal-300:hover {
    border-color: var(--teal-300) !important;
}

.hover\:border-teal-400:hover {
    border-color: var(--teal-400) !important;
}

.hover\:border-teal-500:hover {
    border-color: var(--teal-500) !important;
}

.hover\:border-teal-600:hover {
    border-color: var(--teal-600) !important;
}

.hover\:border-teal-700:hover {
    border-color: var(--teal-700) !important;
}

.hover\:border-teal-800:hover {
    border-color: var(--teal-800) !important;
}

.hover\:border-teal-900:hover {
    border-color: var(--teal-900) !important;
}

.active\:border-teal-50:active {
    border-color: var(--teal-50) !important;
}

.active\:border-teal-100:active {
    border-color: var(--teal-100) !important;
}

.active\:border-teal-200:active {
    border-color: var(--teal-200) !important;
}

.active\:border-teal-300:active {
    border-color: var(--teal-300) !important;
}

.active\:border-teal-400:active {
    border-color: var(--teal-400) !important;
}

.active\:border-teal-500:active {
    border-color: var(--teal-500) !important;
}

.active\:border-teal-600:active {
    border-color: var(--teal-600) !important;
}

.active\:border-teal-700:active {
    border-color: var(--teal-700) !important;
}

.active\:border-teal-800:active {
    border-color: var(--teal-800) !important;
}

.active\:border-teal-900:active {
    border-color: var(--teal-900) !important;
}

.border-orange-50 {
    border-color: var(--orange-50) !important;
}

.border-orange-100 {
    border-color: var(--orange-100) !important;
}

.border-orange-200 {
    border-color: var(--orange-200) !important;
}

.border-orange-300 {
    border-color: var(--orange-300) !important;
}

.border-orange-400 {
    border-color: var(--orange-400) !important;
}

.border-orange-500 {
    border-color: var(--orange-500) !important;
}

.border-orange-600 {
    border-color: var(--orange-600) !important;
}

.border-orange-700 {
    border-color: var(--orange-700) !important;
}

.border-orange-800 {
    border-color: var(--orange-800) !important;
}

.border-orange-900 {
    border-color: var(--orange-900) !important;
}

.focus\:border-orange-50:focus {
    border-color: var(--orange-50) !important;
}

.focus\:border-orange-100:focus {
    border-color: var(--orange-100) !important;
}

.focus\:border-orange-200:focus {
    border-color: var(--orange-200) !important;
}

.focus\:border-orange-300:focus {
    border-color: var(--orange-300) !important;
}

.focus\:border-orange-400:focus {
    border-color: var(--orange-400) !important;
}

.focus\:border-orange-500:focus {
    border-color: var(--orange-500) !important;
}

.focus\:border-orange-600:focus {
    border-color: var(--orange-600) !important;
}

.focus\:border-orange-700:focus {
    border-color: var(--orange-700) !important;
}

.focus\:border-orange-800:focus {
    border-color: var(--orange-800) !important;
}

.focus\:border-orange-900:focus {
    border-color: var(--orange-900) !important;
}

.hover\:border-orange-50:hover {
    border-color: var(--orange-50) !important;
}

.hover\:border-orange-100:hover {
    border-color: var(--orange-100) !important;
}

.hover\:border-orange-200:hover {
    border-color: var(--orange-200) !important;
}

.hover\:border-orange-300:hover {
    border-color: var(--orange-300) !important;
}

.hover\:border-orange-400:hover {
    border-color: var(--orange-400) !important;
}

.hover\:border-orange-500:hover {
    border-color: var(--orange-500) !important;
}

.hover\:border-orange-600:hover {
    border-color: var(--orange-600) !important;
}

.hover\:border-orange-700:hover {
    border-color: var(--orange-700) !important;
}

.hover\:border-orange-800:hover {
    border-color: var(--orange-800) !important;
}

.hover\:border-orange-900:hover {
    border-color: var(--orange-900) !important;
}

.active\:border-orange-50:active {
    border-color: var(--orange-50) !important;
}

.active\:border-orange-100:active {
    border-color: var(--orange-100) !important;
}

.active\:border-orange-200:active {
    border-color: var(--orange-200) !important;
}

.active\:border-orange-300:active {
    border-color: var(--orange-300) !important;
}

.active\:border-orange-400:active {
    border-color: var(--orange-400) !important;
}

.active\:border-orange-500:active {
    border-color: var(--orange-500) !important;
}

.active\:border-orange-600:active {
    border-color: var(--orange-600) !important;
}

.active\:border-orange-700:active {
    border-color: var(--orange-700) !important;
}

.active\:border-orange-800:active {
    border-color: var(--orange-800) !important;
}

.active\:border-orange-900:active {
    border-color: var(--orange-900) !important;
}

.border-bluegray-50 {
    border-color: var(--bluegray-50) !important;
}

.border-bluegray-100 {
    border-color: var(--bluegray-100) !important;
}

.border-bluegray-200 {
    border-color: var(--bluegray-200) !important;
}

.border-bluegray-300 {
    border-color: var(--bluegray-300) !important;
}

.border-bluegray-400 {
    border-color: var(--bluegray-400) !important;
}

.border-bluegray-500 {
    border-color: var(--bluegray-500) !important;
}

.border-bluegray-600 {
    border-color: var(--bluegray-600) !important;
}

.border-bluegray-700 {
    border-color: var(--bluegray-700) !important;
}

.border-bluegray-800 {
    border-color: var(--bluegray-800) !important;
}

.border-bluegray-900 {
    border-color: var(--bluegray-900) !important;
}

.focus\:border-bluegray-50:focus {
    border-color: var(--bluegray-50) !important;
}

.focus\:border-bluegray-100:focus {
    border-color: var(--bluegray-100) !important;
}

.focus\:border-bluegray-200:focus {
    border-color: var(--bluegray-200) !important;
}

.focus\:border-bluegray-300:focus {
    border-color: var(--bluegray-300) !important;
}

.focus\:border-bluegray-400:focus {
    border-color: var(--bluegray-400) !important;
}

.focus\:border-bluegray-500:focus {
    border-color: var(--bluegray-500) !important;
}

.focus\:border-bluegray-600:focus {
    border-color: var(--bluegray-600) !important;
}

.focus\:border-bluegray-700:focus {
    border-color: var(--bluegray-700) !important;
}

.focus\:border-bluegray-800:focus {
    border-color: var(--bluegray-800) !important;
}

.focus\:border-bluegray-900:focus {
    border-color: var(--bluegray-900) !important;
}

.hover\:border-bluegray-50:hover {
    border-color: var(--bluegray-50) !important;
}

.hover\:border-bluegray-100:hover {
    border-color: var(--bluegray-100) !important;
}

.hover\:border-bluegray-200:hover {
    border-color: var(--bluegray-200) !important;
}

.hover\:border-bluegray-300:hover {
    border-color: var(--bluegray-300) !important;
}

.hover\:border-bluegray-400:hover {
    border-color: var(--bluegray-400) !important;
}

.hover\:border-bluegray-500:hover {
    border-color: var(--bluegray-500) !important;
}

.hover\:border-bluegray-600:hover {
    border-color: var(--bluegray-600) !important;
}

.hover\:border-bluegray-700:hover {
    border-color: var(--bluegray-700) !important;
}

.hover\:border-bluegray-800:hover {
    border-color: var(--bluegray-800) !important;
}

.hover\:border-bluegray-900:hover {
    border-color: var(--bluegray-900) !important;
}

.active\:border-bluegray-50:active {
    border-color: var(--bluegray-50) !important;
}

.active\:border-bluegray-100:active {
    border-color: var(--bluegray-100) !important;
}

.active\:border-bluegray-200:active {
    border-color: var(--bluegray-200) !important;
}

.active\:border-bluegray-300:active {
    border-color: var(--bluegray-300) !important;
}

.active\:border-bluegray-400:active {
    border-color: var(--bluegray-400) !important;
}

.active\:border-bluegray-500:active {
    border-color: var(--bluegray-500) !important;
}

.active\:border-bluegray-600:active {
    border-color: var(--bluegray-600) !important;
}

.active\:border-bluegray-700:active {
    border-color: var(--bluegray-700) !important;
}

.active\:border-bluegray-800:active {
    border-color: var(--bluegray-800) !important;
}

.active\:border-bluegray-900:active {
    border-color: var(--bluegray-900) !important;
}

.border-purple-50 {
    border-color: var(--purple-50) !important;
}

.border-purple-100 {
    border-color: var(--purple-100) !important;
}

.border-purple-200 {
    border-color: var(--purple-200) !important;
}

.border-purple-300 {
    border-color: var(--purple-300) !important;
}

.border-purple-400 {
    border-color: var(--purple-400) !important;
}

.border-purple-500 {
    border-color: var(--purple-500) !important;
}

.border-purple-600 {
    border-color: var(--purple-600) !important;
}

.border-purple-700 {
    border-color: var(--purple-700) !important;
}

.border-purple-800 {
    border-color: var(--purple-800) !important;
}

.border-purple-900 {
    border-color: var(--purple-900) !important;
}

.focus\:border-purple-50:focus {
    border-color: var(--purple-50) !important;
}

.focus\:border-purple-100:focus {
    border-color: var(--purple-100) !important;
}

.focus\:border-purple-200:focus {
    border-color: var(--purple-200) !important;
}

.focus\:border-purple-300:focus {
    border-color: var(--purple-300) !important;
}

.focus\:border-purple-400:focus {
    border-color: var(--purple-400) !important;
}

.focus\:border-purple-500:focus {
    border-color: var(--purple-500) !important;
}

.focus\:border-purple-600:focus {
    border-color: var(--purple-600) !important;
}

.focus\:border-purple-700:focus {
    border-color: var(--purple-700) !important;
}

.focus\:border-purple-800:focus {
    border-color: var(--purple-800) !important;
}

.focus\:border-purple-900:focus {
    border-color: var(--purple-900) !important;
}

.hover\:border-purple-50:hover {
    border-color: var(--purple-50) !important;
}

.hover\:border-purple-100:hover {
    border-color: var(--purple-100) !important;
}

.hover\:border-purple-200:hover {
    border-color: var(--purple-200) !important;
}

.hover\:border-purple-300:hover {
    border-color: var(--purple-300) !important;
}

.hover\:border-purple-400:hover {
    border-color: var(--purple-400) !important;
}

.hover\:border-purple-500:hover {
    border-color: var(--purple-500) !important;
}

.hover\:border-purple-600:hover {
    border-color: var(--purple-600) !important;
}

.hover\:border-purple-700:hover {
    border-color: var(--purple-700) !important;
}

.hover\:border-purple-800:hover {
    border-color: var(--purple-800) !important;
}

.hover\:border-purple-900:hover {
    border-color: var(--purple-900) !important;
}

.active\:border-purple-50:active {
    border-color: var(--purple-50) !important;
}

.active\:border-purple-100:active {
    border-color: var(--purple-100) !important;
}

.active\:border-purple-200:active {
    border-color: var(--purple-200) !important;
}

.active\:border-purple-300:active {
    border-color: var(--purple-300) !important;
}

.active\:border-purple-400:active {
    border-color: var(--purple-400) !important;
}

.active\:border-purple-500:active {
    border-color: var(--purple-500) !important;
}

.active\:border-purple-600:active {
    border-color: var(--purple-600) !important;
}

.active\:border-purple-700:active {
    border-color: var(--purple-700) !important;
}

.active\:border-purple-800:active {
    border-color: var(--purple-800) !important;
}

.active\:border-purple-900:active {
    border-color: var(--purple-900) !important;
}

.border-gray-50 {
    border-color: var(--gray-50) !important;
}

.border-gray-100 {
    border-color: var(--gray-100) !important;
}

.border-gray-200 {
    border-color: var(--gray-200) !important;
}

.border-gray-300 {
    border-color: var(--gray-300) !important;
}

.border-gray-400 {
    border-color: var(--gray-400) !important;
}

.border-gray-500 {
    border-color: var(--gray-500) !important;
}

.border-gray-600 {
    border-color: var(--gray-600) !important;
}

.border-gray-700 {
    border-color: var(--gray-700) !important;
}

.border-gray-800 {
    border-color: var(--gray-800) !important;
}

.border-gray-900 {
    border-color: var(--gray-900) !important;
}

.focus\:border-gray-50:focus {
    border-color: var(--gray-50) !important;
}

.focus\:border-gray-100:focus {
    border-color: var(--gray-100) !important;
}

.focus\:border-gray-200:focus {
    border-color: var(--gray-200) !important;
}

.focus\:border-gray-300:focus {
    border-color: var(--gray-300) !important;
}

.focus\:border-gray-400:focus {
    border-color: var(--gray-400) !important;
}

.focus\:border-gray-500:focus {
    border-color: var(--gray-500) !important;
}

.focus\:border-gray-600:focus {
    border-color: var(--gray-600) !important;
}

.focus\:border-gray-700:focus {
    border-color: var(--gray-700) !important;
}

.focus\:border-gray-800:focus {
    border-color: var(--gray-800) !important;
}

.focus\:border-gray-900:focus {
    border-color: var(--gray-900) !important;
}

.hover\:border-gray-50:hover {
    border-color: var(--gray-50) !important;
}

.hover\:border-gray-100:hover {
    border-color: var(--gray-100) !important;
}

.hover\:border-gray-200:hover {
    border-color: var(--gray-200) !important;
}

.hover\:border-gray-300:hover {
    border-color: var(--gray-300) !important;
}

.hover\:border-gray-400:hover {
    border-color: var(--gray-400) !important;
}

.hover\:border-gray-500:hover {
    border-color: var(--gray-500) !important;
}

.hover\:border-gray-600:hover {
    border-color: var(--gray-600) !important;
}

.hover\:border-gray-700:hover {
    border-color: var(--gray-700) !important;
}

.hover\:border-gray-800:hover {
    border-color: var(--gray-800) !important;
}

.hover\:border-gray-900:hover {
    border-color: var(--gray-900) !important;
}

.active\:border-gray-50:active {
    border-color: var(--gray-50) !important;
}

.active\:border-gray-100:active {
    border-color: var(--gray-100) !important;
}

.active\:border-gray-200:active {
    border-color: var(--gray-200) !important;
}

.active\:border-gray-300:active {
    border-color: var(--gray-300) !important;
}

.active\:border-gray-400:active {
    border-color: var(--gray-400) !important;
}

.active\:border-gray-500:active {
    border-color: var(--gray-500) !important;
}

.active\:border-gray-600:active {
    border-color: var(--gray-600) !important;
}

.active\:border-gray-700:active {
    border-color: var(--gray-700) !important;
}

.active\:border-gray-800:active {
    border-color: var(--gray-800) !important;
}

.active\:border-gray-900:active {
    border-color: var(--gray-900) !important;
}

.border-red-50 {
    border-color: var(--red-50) !important;
}

.border-red-100 {
    border-color: var(--red-100) !important;
}

.border-red-200 {
    border-color: var(--red-200) !important;
}

.border-red-300 {
    border-color: var(--red-300) !important;
}

.border-red-400 {
    border-color: var(--red-400) !important;
}

.border-red-500 {
    border-color: var(--red-500) !important;
}

.border-red-600 {
    border-color: var(--red-600) !important;
}

.border-red-700 {
    border-color: var(--red-700) !important;
}

.border-red-800 {
    border-color: var(--red-800) !important;
}

.border-red-900 {
    border-color: var(--red-900) !important;
}

.focus\:border-red-50:focus {
    border-color: var(--red-50) !important;
}

.focus\:border-red-100:focus {
    border-color: var(--red-100) !important;
}

.focus\:border-red-200:focus {
    border-color: var(--red-200) !important;
}

.focus\:border-red-300:focus {
    border-color: var(--red-300) !important;
}

.focus\:border-red-400:focus {
    border-color: var(--red-400) !important;
}

.focus\:border-red-500:focus {
    border-color: var(--red-500) !important;
}

.focus\:border-red-600:focus {
    border-color: var(--red-600) !important;
}

.focus\:border-red-700:focus {
    border-color: var(--red-700) !important;
}

.focus\:border-red-800:focus {
    border-color: var(--red-800) !important;
}

.focus\:border-red-900:focus {
    border-color: var(--red-900) !important;
}

.hover\:border-red-50:hover {
    border-color: var(--red-50) !important;
}

.hover\:border-red-100:hover {
    border-color: var(--red-100) !important;
}

.hover\:border-red-200:hover {
    border-color: var(--red-200) !important;
}

.hover\:border-red-300:hover {
    border-color: var(--red-300) !important;
}

.hover\:border-red-400:hover {
    border-color: var(--red-400) !important;
}

.hover\:border-red-500:hover {
    border-color: var(--red-500) !important;
}

.hover\:border-red-600:hover {
    border-color: var(--red-600) !important;
}

.hover\:border-red-700:hover {
    border-color: var(--red-700) !important;
}

.hover\:border-red-800:hover {
    border-color: var(--red-800) !important;
}

.hover\:border-red-900:hover {
    border-color: var(--red-900) !important;
}

.active\:border-red-50:active {
    border-color: var(--red-50) !important;
}

.active\:border-red-100:active {
    border-color: var(--red-100) !important;
}

.active\:border-red-200:active {
    border-color: var(--red-200) !important;
}

.active\:border-red-300:active {
    border-color: var(--red-300) !important;
}

.active\:border-red-400:active {
    border-color: var(--red-400) !important;
}

.active\:border-red-500:active {
    border-color: var(--red-500) !important;
}

.active\:border-red-600:active {
    border-color: var(--red-600) !important;
}

.active\:border-red-700:active {
    border-color: var(--red-700) !important;
}

.active\:border-red-800:active {
    border-color: var(--red-800) !important;
}

.active\:border-red-900:active {
    border-color: var(--red-900) !important;
}

.border-primary-50 {
    border-color: var(--primary-50) !important;
}

.border-primary-100 {
    border-color: var(--primary-100) !important;
}

.border-primary-200 {
    border-color: var(--primary-200) !important;
}

.border-primary-300 {
    border-color: var(--primary-300) !important;
}

.border-primary-400 {
    border-color: var(--primary-400) !important;
}

.border-primary-500 {
    border-color: var(--primary-500) !important;
}

.border-primary-600 {
    border-color: var(--primary-600) !important;
}

.border-primary-700 {
    border-color: var(--primary-700) !important;
}

.border-primary-800 {
    border-color: var(--primary-800) !important;
}

.border-primary-900 {
    border-color: var(--primary-900) !important;
}

.focus\:border-primary-50:focus {
    border-color: var(--primary-50) !important;
}

.focus\:border-primary-100:focus {
    border-color: var(--primary-100) !important;
}

.focus\:border-primary-200:focus {
    border-color: var(--primary-200) !important;
}

.focus\:border-primary-300:focus {
    border-color: var(--primary-300) !important;
}

.focus\:border-primary-400:focus {
    border-color: var(--primary-400) !important;
}

.focus\:border-primary-500:focus {
    border-color: var(--primary-500) !important;
}

.focus\:border-primary-600:focus {
    border-color: var(--primary-600) !important;
}

.focus\:border-primary-700:focus {
    border-color: var(--primary-700) !important;
}

.focus\:border-primary-800:focus {
    border-color: var(--primary-800) !important;
}

.focus\:border-primary-900:focus {
    border-color: var(--primary-900) !important;
}

.hover\:border-primary-50:hover {
    border-color: var(--primary-50) !important;
}

.hover\:border-primary-100:hover {
    border-color: var(--primary-100) !important;
}

.hover\:border-primary-200:hover {
    border-color: var(--primary-200) !important;
}

.hover\:border-primary-300:hover {
    border-color: var(--primary-300) !important;
}

.hover\:border-primary-400:hover {
    border-color: var(--primary-400) !important;
}

.hover\:border-primary-500:hover {
    border-color: var(--primary-500) !important;
}

.hover\:border-primary-600:hover {
    border-color: var(--primary-600) !important;
}

.hover\:border-primary-700:hover {
    border-color: var(--primary-700) !important;
}

.hover\:border-primary-800:hover {
    border-color: var(--primary-800) !important;
}

.hover\:border-primary-900:hover {
    border-color: var(--primary-900) !important;
}

.active\:border-primary-50:active {
    border-color: var(--primary-50) !important;
}

.active\:border-primary-100:active {
    border-color: var(--primary-100) !important;
}

.active\:border-primary-200:active {
    border-color: var(--primary-200) !important;
}

.active\:border-primary-300:active {
    border-color: var(--primary-300) !important;
}

.active\:border-primary-400:active {
    border-color: var(--primary-400) !important;
}

.active\:border-primary-500:active {
    border-color: var(--primary-500) !important;
}

.active\:border-primary-600:active {
    border-color: var(--primary-600) !important;
}

.active\:border-primary-700:active {
    border-color: var(--primary-700) !important;
}

.active\:border-primary-800:active {
    border-color: var(--primary-800) !important;
}

.active\:border-primary-900:active {
    border-color: var(--primary-900) !important;
}

.bg-white-alpha-10 {
    background-color: rgba(255,255,255,0.1) !important;
}

.bg-white-alpha-20 {
    background-color: rgba(255,255,255,0.2) !important;
}

.bg-white-alpha-30 {
    background-color: rgba(255,255,255,0.3) !important;
}

.bg-white-alpha-40 {
    background-color: rgba(255,255,255,0.4) !important;
}

.bg-white-alpha-50 {
    background-color: rgba(255,255,255,0.5) !important;
}

.bg-white-alpha-60 {
    background-color: rgba(255,255,255,0.6) !important;
}

.bg-white-alpha-70 {
    background-color: rgba(255,255,255,0.7) !important;
}

.bg-white-alpha-80 {
    background-color: rgba(255,255,255,0.8) !important;
}

.bg-white-alpha-90 {
    background-color: rgba(255,255,255,0.9) !important;
}

.hover\:bg-white-alpha-10:hover {
    background-color: rgba(255,255,255,0.1) !important;
}

.hover\:bg-white-alpha-20:hover {
    background-color: rgba(255,255,255,0.2) !important;
}

.hover\:bg-white-alpha-30:hover {
    background-color: rgba(255,255,255,0.3) !important;
}

.hover\:bg-white-alpha-40:hover {
    background-color: rgba(255,255,255,0.4) !important;
}

.hover\:bg-white-alpha-50:hover {
    background-color: rgba(255,255,255,0.5) !important;
}

.hover\:bg-white-alpha-60:hover {
    background-color: rgba(255,255,255,0.6) !important;
}

.hover\:bg-white-alpha-70:hover {
    background-color: rgba(255,255,255,0.7) !important;
}

.hover\:bg-white-alpha-80:hover {
    background-color: rgba(255,255,255,0.8) !important;
}

.hover\:bg-white-alpha-90:hover {
    background-color: rgba(255,255,255,0.9) !important;
}

.focus\:bg-white-alpha-10:focus {
    background-color: rgba(255,255,255,0.1) !important;
}

.focus\:bg-white-alpha-20:focus {
    background-color: rgba(255,255,255,0.2) !important;
}

.focus\:bg-white-alpha-30:focus {
    background-color: rgba(255,255,255,0.3) !important;
}

.focus\:bg-white-alpha-40:focus {
    background-color: rgba(255,255,255,0.4) !important;
}

.focus\:bg-white-alpha-50:focus {
    background-color: rgba(255,255,255,0.5) !important;
}

.focus\:bg-white-alpha-60:focus {
    background-color: rgba(255,255,255,0.6) !important;
}

.focus\:bg-white-alpha-70:focus {
    background-color: rgba(255,255,255,0.7) !important;
}

.focus\:bg-white-alpha-80:focus {
    background-color: rgba(255,255,255,0.8) !important;
}

.focus\:bg-white-alpha-90:focus {
    background-color: rgba(255,255,255,0.9) !important;
}

.active\:bg-white-alpha-10:active {
    background-color: rgba(255,255,255,0.1) !important;
}

.active\:bg-white-alpha-20:active {
    background-color: rgba(255,255,255,0.2) !important;
}

.active\:bg-white-alpha-30:active {
    background-color: rgba(255,255,255,0.3) !important;
}

.active\:bg-white-alpha-40:active {
    background-color: rgba(255,255,255,0.4) !important;
}

.active\:bg-white-alpha-50:active {
    background-color: rgba(255,255,255,0.5) !important;
}

.active\:bg-white-alpha-60:active {
    background-color: rgba(255,255,255,0.6) !important;
}

.active\:bg-white-alpha-70:active {
    background-color: rgba(255,255,255,0.7) !important;
}

.active\:bg-white-alpha-80:active {
    background-color: rgba(255,255,255,0.8) !important;
}

.active\:bg-white-alpha-90:active {
    background-color: rgba(255,255,255,0.9) !important;
}

.bg-black-alpha-10 {
    background-color: rgba(0,0,0,0.1) !important;
}

.bg-black-alpha-20 {
    background-color: rgba(0,0,0,0.2) !important;
}

.bg-black-alpha-30 {
    background-color: rgba(0,0,0,0.3) !important;
}

.bg-black-alpha-40 {
    background-color: rgba(0,0,0,0.4) !important;
}

.bg-black-alpha-50 {
    background-color: rgba(0,0,0,0.5) !important;
}

.bg-black-alpha-60 {
    background-color: rgba(0,0,0,0.6) !important;
}

.bg-black-alpha-70 {
    background-color: rgba(0,0,0,0.7) !important;
}

.bg-black-alpha-80 {
    background-color: rgba(0,0,0,0.8) !important;
}

.bg-black-alpha-90 {
    background-color: rgba(0,0,0,0.9) !important;
}

.hover\:bg-black-alpha-10:hover {
    background-color: rgba(0,0,0,0.1) !important;
}

.hover\:bg-black-alpha-20:hover {
    background-color: rgba(0,0,0,0.2) !important;
}

.hover\:bg-black-alpha-30:hover {
    background-color: rgba(0,0,0,0.3) !important;
}

.hover\:bg-black-alpha-40:hover {
    background-color: rgba(0,0,0,0.4) !important;
}

.hover\:bg-black-alpha-50:hover {
    background-color: rgba(0,0,0,0.5) !important;
}

.hover\:bg-black-alpha-60:hover {
    background-color: rgba(0,0,0,0.6) !important;
}

.hover\:bg-black-alpha-70:hover {
    background-color: rgba(0,0,0,0.7) !important;
}

.hover\:bg-black-alpha-80:hover {
    background-color: rgba(0,0,0,0.8) !important;
}

.hover\:bg-black-alpha-90:hover {
    background-color: rgba(0,0,0,0.9) !important;
}

.focus\:bg-black-alpha-10:focus {
    background-color: rgba(0,0,0,0.1) !important;
}

.focus\:bg-black-alpha-20:focus {
    background-color: rgba(0,0,0,0.2) !important;
}

.focus\:bg-black-alpha-30:focus {
    background-color: rgba(0,0,0,0.3) !important;
}

.focus\:bg-black-alpha-40:focus {
    background-color: rgba(0,0,0,0.4) !important;
}

.focus\:bg-black-alpha-50:focus {
    background-color: rgba(0,0,0,0.5) !important;
}

.focus\:bg-black-alpha-60:focus {
    background-color: rgba(0,0,0,0.6) !important;
}

.focus\:bg-black-alpha-70:focus {
    background-color: rgba(0,0,0,0.7) !important;
}

.focus\:bg-black-alpha-80:focus {
    background-color: rgba(0,0,0,0.8) !important;
}

.focus\:bg-black-alpha-90:focus {
    background-color: rgba(0,0,0,0.9) !important;
}

.active\:bg-black-alpha-10:active {
    background-color: rgba(0,0,0,0.1) !important;
}

.active\:bg-black-alpha-20:active {
    background-color: rgba(0,0,0,0.2) !important;
}

.active\:bg-black-alpha-30:active {
    background-color: rgba(0,0,0,0.3) !important;
}

.active\:bg-black-alpha-40:active {
    background-color: rgba(0,0,0,0.4) !important;
}

.active\:bg-black-alpha-50:active {
    background-color: rgba(0,0,0,0.5) !important;
}

.active\:bg-black-alpha-60:active {
    background-color: rgba(0,0,0,0.6) !important;
}

.active\:bg-black-alpha-70:active {
    background-color: rgba(0,0,0,0.7) !important;
}

.active\:bg-black-alpha-80:active {
    background-color: rgba(0,0,0,0.8) !important;
}

.active\:bg-black-alpha-90:active {
    background-color: rgba(0,0,0,0.9) !important;
}

.border-white-alpha-10 {
    border-color: rgba(255,255,255,0.1) !important;
}

.border-white-alpha-20 {
    border-color: rgba(255,255,255,0.2) !important;
}

.border-white-alpha-30 {
    border-color: rgba(255,255,255,0.3) !important;
}

.border-white-alpha-40 {
    border-color: rgba(255,255,255,0.4) !important;
}

.border-white-alpha-50 {
    border-color: rgba(255,255,255,0.5) !important;
}

.border-white-alpha-60 {
    border-color: rgba(255,255,255,0.6) !important;
}

.border-white-alpha-70 {
    border-color: rgba(255,255,255,0.7) !important;
}

.border-white-alpha-80 {
    border-color: rgba(255,255,255,0.8) !important;
}

.border-white-alpha-90 {
    border-color: rgba(255,255,255,0.9) !important;
}

.hover\:border-white-alpha-10:hover {
    border-color: rgba(255,255,255,0.1) !important;
}

.hover\:border-white-alpha-20:hover {
    border-color: rgba(255,255,255,0.2) !important;
}

.hover\:border-white-alpha-30:hover {
    border-color: rgba(255,255,255,0.3) !important;
}

.hover\:border-white-alpha-40:hover {
    border-color: rgba(255,255,255,0.4) !important;
}

.hover\:border-white-alpha-50:hover {
    border-color: rgba(255,255,255,0.5) !important;
}

.hover\:border-white-alpha-60:hover {
    border-color: rgba(255,255,255,0.6) !important;
}

.hover\:border-white-alpha-70:hover {
    border-color: rgba(255,255,255,0.7) !important;
}

.hover\:border-white-alpha-80:hover {
    border-color: rgba(255,255,255,0.8) !important;
}

.hover\:border-white-alpha-90:hover {
    border-color: rgba(255,255,255,0.9) !important;
}

.focus\:border-white-alpha-10:focus {
    border-color: rgba(255,255,255,0.1) !important;
}

.focus\:border-white-alpha-20:focus {
    border-color: rgba(255,255,255,0.2) !important;
}

.focus\:border-white-alpha-30:focus {
    border-color: rgba(255,255,255,0.3) !important;
}

.focus\:border-white-alpha-40:focus {
    border-color: rgba(255,255,255,0.4) !important;
}

.focus\:border-white-alpha-50:focus {
    border-color: rgba(255,255,255,0.5) !important;
}

.focus\:border-white-alpha-60:focus {
    border-color: rgba(255,255,255,0.6) !important;
}

.focus\:border-white-alpha-70:focus {
    border-color: rgba(255,255,255,0.7) !important;
}

.focus\:border-white-alpha-80:focus {
    border-color: rgba(255,255,255,0.8) !important;
}

.focus\:border-white-alpha-90:focus {
    border-color: rgba(255,255,255,0.9) !important;
}

.active\:border-white-alpha-10:active {
    border-color: rgba(255,255,255,0.1) !important;
}

.active\:border-white-alpha-20:active {
    border-color: rgba(255,255,255,0.2) !important;
}

.active\:border-white-alpha-30:active {
    border-color: rgba(255,255,255,0.3) !important;
}

.active\:border-white-alpha-40:active {
    border-color: rgba(255,255,255,0.4) !important;
}

.active\:border-white-alpha-50:active {
    border-color: rgba(255,255,255,0.5) !important;
}

.active\:border-white-alpha-60:active {
    border-color: rgba(255,255,255,0.6) !important;
}

.active\:border-white-alpha-70:active {
    border-color: rgba(255,255,255,0.7) !important;
}

.active\:border-white-alpha-80:active {
    border-color: rgba(255,255,255,0.8) !important;
}

.active\:border-white-alpha-90:active {
    border-color: rgba(255,255,255,0.9) !important;
}

.border-black-alpha-10 {
    border-color: rgba(0,0,0,0.1) !important;
}

.border-black-alpha-20 {
    border-color: rgba(0,0,0,0.2) !important;
}

.border-black-alpha-30 {
    border-color: rgba(0,0,0,0.3) !important;
}

.border-black-alpha-40 {
    border-color: rgba(0,0,0,0.4) !important;
}

.border-black-alpha-50 {
    border-color: rgba(0,0,0,0.5) !important;
}

.border-black-alpha-60 {
    border-color: rgba(0,0,0,0.6) !important;
}

.border-black-alpha-70 {
    border-color: rgba(0,0,0,0.7) !important;
}

.border-black-alpha-80 {
    border-color: rgba(0,0,0,0.8) !important;
}

.border-black-alpha-90 {
    border-color: rgba(0,0,0,0.9) !important;
}

.hover\:border-black-alpha-10:hover {
    border-color: rgba(0,0,0,0.1) !important;
}

.hover\:border-black-alpha-20:hover {
    border-color: rgba(0,0,0,0.2) !important;
}

.hover\:border-black-alpha-30:hover {
    border-color: rgba(0,0,0,0.3) !important;
}

.hover\:border-black-alpha-40:hover {
    border-color: rgba(0,0,0,0.4) !important;
}

.hover\:border-black-alpha-50:hover {
    border-color: rgba(0,0,0,0.5) !important;
}

.hover\:border-black-alpha-60:hover {
    border-color: rgba(0,0,0,0.6) !important;
}

.hover\:border-black-alpha-70:hover {
    border-color: rgba(0,0,0,0.7) !important;
}

.hover\:border-black-alpha-80:hover {
    border-color: rgba(0,0,0,0.8) !important;
}

.hover\:border-black-alpha-90:hover {
    border-color: rgba(0,0,0,0.9) !important;
}

.focus\:border-black-alpha-10:focus {
    border-color: rgba(0,0,0,0.1) !important;
}

.focus\:border-black-alpha-20:focus {
    border-color: rgba(0,0,0,0.2) !important;
}

.focus\:border-black-alpha-30:focus {
    border-color: rgba(0,0,0,0.3) !important;
}

.focus\:border-black-alpha-40:focus {
    border-color: rgba(0,0,0,0.4) !important;
}

.focus\:border-black-alpha-50:focus {
    border-color: rgba(0,0,0,0.5) !important;
}

.focus\:border-black-alpha-60:focus {
    border-color: rgba(0,0,0,0.6) !important;
}

.focus\:border-black-alpha-70:focus {
    border-color: rgba(0,0,0,0.7) !important;
}

.focus\:border-black-alpha-80:focus {
    border-color: rgba(0,0,0,0.8) !important;
}

.focus\:border-black-alpha-90:focus {
    border-color: rgba(0,0,0,0.9) !important;
}

.active\:border-black-alpha-10:active {
    border-color: rgba(0,0,0,0.1) !important;
}

.active\:border-black-alpha-20:active {
    border-color: rgba(0,0,0,0.2) !important;
}

.active\:border-black-alpha-30:active {
    border-color: rgba(0,0,0,0.3) !important;
}

.active\:border-black-alpha-40:active {
    border-color: rgba(0,0,0,0.4) !important;
}

.active\:border-black-alpha-50:active {
    border-color: rgba(0,0,0,0.5) !important;
}

.active\:border-black-alpha-60:active {
    border-color: rgba(0,0,0,0.6) !important;
}

.active\:border-black-alpha-70:active {
    border-color: rgba(0,0,0,0.7) !important;
}

.active\:border-black-alpha-80:active {
    border-color: rgba(0,0,0,0.8) !important;
}

.active\:border-black-alpha-90:active {
    border-color: rgba(0,0,0,0.9) !important;
}

.text-white-alpha-10 {
    color: rgba(255,255,255,0.1) !important;
}

.text-white-alpha-20 {
    color: rgba(255,255,255,0.2) !important;
}

.text-white-alpha-30 {
    color: rgba(255,255,255,0.3) !important;
}

.text-white-alpha-40 {
    color: rgba(255,255,255,0.4) !important;
}

.text-white-alpha-50 {
    color: rgba(255,255,255,0.5) !important;
}

.text-white-alpha-60 {
    color: rgba(255,255,255,0.6) !important;
}

.text-white-alpha-70 {
    color: rgba(255,255,255,0.7) !important;
}

.text-white-alpha-80 {
    color: rgba(255,255,255,0.8) !important;
}

.text-white-alpha-90 {
    color: rgba(255,255,255,0.9) !important;
}

.hover\:text-white-alpha-10:hover {
    color: rgba(255,255,255,0.1) !important;
}

.hover\:text-white-alpha-20:hover {
    color: rgba(255,255,255,0.2) !important;
}

.hover\:text-white-alpha-30:hover {
    color: rgba(255,255,255,0.3) !important;
}

.hover\:text-white-alpha-40:hover {
    color: rgba(255,255,255,0.4) !important;
}

.hover\:text-white-alpha-50:hover {
    color: rgba(255,255,255,0.5) !important;
}

.hover\:text-white-alpha-60:hover {
    color: rgba(255,255,255,0.6) !important;
}

.hover\:text-white-alpha-70:hover {
    color: rgba(255,255,255,0.7) !important;
}

.hover\:text-white-alpha-80:hover {
    color: rgba(255,255,255,0.8) !important;
}

.hover\:text-white-alpha-90:hover {
    color: rgba(255,255,255,0.9) !important;
}

.focus\:text-white-alpha-10:focus {
    color: rgba(255,255,255,0.1) !important;
}

.focus\:text-white-alpha-20:focus {
    color: rgba(255,255,255,0.2) !important;
}

.focus\:text-white-alpha-30:focus {
    color: rgba(255,255,255,0.3) !important;
}

.focus\:text-white-alpha-40:focus {
    color: rgba(255,255,255,0.4) !important;
}

.focus\:text-white-alpha-50:focus {
    color: rgba(255,255,255,0.5) !important;
}

.focus\:text-white-alpha-60:focus {
    color: rgba(255,255,255,0.6) !important;
}

.focus\:text-white-alpha-70:focus {
    color: rgba(255,255,255,0.7) !important;
}

.focus\:text-white-alpha-80:focus {
    color: rgba(255,255,255,0.8) !important;
}

.focus\:text-white-alpha-90:focus {
    color: rgba(255,255,255,0.9) !important;
}

.active\:text-white-alpha-10:active {
    color: rgba(255,255,255,0.1) !important;
}

.active\:text-white-alpha-20:active {
    color: rgba(255,255,255,0.2) !important;
}

.active\:text-white-alpha-30:active {
    color: rgba(255,255,255,0.3) !important;
}

.active\:text-white-alpha-40:active {
    color: rgba(255,255,255,0.4) !important;
}

.active\:text-white-alpha-50:active {
    color: rgba(255,255,255,0.5) !important;
}

.active\:text-white-alpha-60:active {
    color: rgba(255,255,255,0.6) !important;
}

.active\:text-white-alpha-70:active {
    color: rgba(255,255,255,0.7) !important;
}

.active\:text-white-alpha-80:active {
    color: rgba(255,255,255,0.8) !important;
}

.active\:text-white-alpha-90:active {
    color: rgba(255,255,255,0.9) !important;
}

.text-black-alpha-10 {
    color: rgba(0,0,0,0.1) !important;
}

.text-black-alpha-20 {
    color: rgba(0,0,0,0.2) !important;
}

.text-black-alpha-30 {
    color: rgba(0,0,0,0.3) !important;
}

.text-black-alpha-40 {
    color: rgba(0,0,0,0.4) !important;
}

.text-black-alpha-50 {
    color: rgba(0,0,0,0.5) !important;
}

.text-black-alpha-60 {
    color: rgba(0,0,0,0.6) !important;
}

.text-black-alpha-70 {
    color: rgba(0,0,0,0.7) !important;
}

.text-black-alpha-80 {
    color: rgba(0,0,0,0.8) !important;
}

.text-black-alpha-90 {
    color: rgba(0,0,0,0.9) !important;
}

.hover\:text-black-alpha-10:hover {
    color: rgba(0,0,0,0.1) !important;
}

.hover\:text-black-alpha-20:hover {
    color: rgba(0,0,0,0.2) !important;
}

.hover\:text-black-alpha-30:hover {
    color: rgba(0,0,0,0.3) !important;
}

.hover\:text-black-alpha-40:hover {
    color: rgba(0,0,0,0.4) !important;
}

.hover\:text-black-alpha-50:hover {
    color: rgba(0,0,0,0.5) !important;
}

.hover\:text-black-alpha-60:hover {
    color: rgba(0,0,0,0.6) !important;
}

.hover\:text-black-alpha-70:hover {
    color: rgba(0,0,0,0.7) !important;
}

.hover\:text-black-alpha-80:hover {
    color: rgba(0,0,0,0.8) !important;
}

.hover\:text-black-alpha-90:hover {
    color: rgba(0,0,0,0.9) !important;
}

.focus\:text-black-alpha-10:focus {
    color: rgba(0,0,0,0.1) !important;
}

.focus\:text-black-alpha-20:focus {
    color: rgba(0,0,0,0.2) !important;
}

.focus\:text-black-alpha-30:focus {
    color: rgba(0,0,0,0.3) !important;
}

.focus\:text-black-alpha-40:focus {
    color: rgba(0,0,0,0.4) !important;
}

.focus\:text-black-alpha-50:focus {
    color: rgba(0,0,0,0.5) !important;
}

.focus\:text-black-alpha-60:focus {
    color: rgba(0,0,0,0.6) !important;
}

.focus\:text-black-alpha-70:focus {
    color: rgba(0,0,0,0.7) !important;
}

.focus\:text-black-alpha-80:focus {
    color: rgba(0,0,0,0.8) !important;
}

.focus\:text-black-alpha-90:focus {
    color: rgba(0,0,0,0.9) !important;
}

.active\:text-black-alpha-10:active {
    color: rgba(0,0,0,0.1) !important;
}

.active\:text-black-alpha-20:active {
    color: rgba(0,0,0,0.2) !important;
}

.active\:text-black-alpha-30:active {
    color: rgba(0,0,0,0.3) !important;
}

.active\:text-black-alpha-40:active {
    color: rgba(0,0,0,0.4) !important;
}

.active\:text-black-alpha-50:active {
    color: rgba(0,0,0,0.5) !important;
}

.active\:text-black-alpha-60:active {
    color: rgba(0,0,0,0.6) !important;
}

.active\:text-black-alpha-70:active {
    color: rgba(0,0,0,0.7) !important;
}

.active\:text-black-alpha-80:active {
    color: rgba(0,0,0,0.8) !important;
}

.active\:text-black-alpha-90:active {
    color: rgba(0,0,0,0.9) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
}

.bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

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

.border-white {
    border-color: #ffffff !important;
}

.text-color {
    color: var(--text-color) !important;
}

.text-color-secondary {
    color: var(--text-color-secondary) !important;
}

.surface-ground {
    background-color: var(--surface-ground) !important;
}

.surface-section {
    background-color: var(--surface-section) !important;
}

.surface-card {
    background-color: var(--surface-card) !important;
}

.surface-overlay {
    background-color: var(--surface-overlay) !important;
}

.surface-hover {
    background-color: var(--surface-hover) !important;
}

.surface-border {
    border-color: var(--surface-border) !important;
}

.focus\:text-primary:focus {
    color: var(--primary-color) !important;
}

.hover\:text-primary:hover {
    color: var(--primary-color) !important;
}

.active\:text-primary:active {
    color: var(--primary-color) !important;
}

.focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
}

.hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
}

.active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
}

.focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
}

.hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
}

.active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
}

.focus\:bg-white:focus {
    background-color: #ffffff !important;
}

.hover\:bg-white:hover {
    background-color: #ffffff !important;
}

.active\:bg-white:active {
    background-color: #ffffff !important;
}

.focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
}

.hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
}

.active\:border-primary:active {
    border-color: var(--primary-color) !important;
}

.focus\:text-white:focus {
    color: #ffffff !important;
}

.hover\:text-white:hover {
    color: #ffffff !important;
}

.active\:text-white:active {
    color: #ffffff !important;
}

.focus\:border-white:focus {
    border-color: #ffffff !important;
}

.hover\:border-white:hover {
    border-color: #ffffff !important;
}

.active\:border-white:active {
    border-color: #ffffff !important;
}

.focus\:text-color:focus {
    color: var(--text-color) !important;
}

.hover\:text-color:hover {
    color: var(--text-color) !important;
}

.active\:text-color:active {
    color: var(--text-color) !important;
}

.focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
}

.hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
}

.active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
}

.focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
}

.hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
}

.active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
}

.focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
}

.hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
}

.active\:surface-section:active {
    background-color: var(--surface-section) !important;
}

.focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
}

.hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
}

.active\:surface-card:active {
    background-color: var(--surface-card) !important;
}

.focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
}

.hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
}

.active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
}

.focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
}

.hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
}

.active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
}

.focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
}

.hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
}

.active\:surface-border:active {
    border-color: var(--surface-border) !important;
}

@media screen and (min-width: 576px) {
    .sm\:text-primary {
        color: var(--primary-color) !important;
    }

    .sm\:bg-primary {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .sm\:bg-primary-reverse {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .sm\:bg-white {
        background-color: #ffffff !important;
    }

    .sm\:border-primary {
        border-color: var(--primary-color) !important;
    }

    .sm\:text-white {
        color: #ffffff !important;
    }

    .sm\:border-white {
        border-color: #ffffff !important;
    }

    .sm\:text-color {
        color: var(--text-color) !important;
    }

    .sm\:text-color-secondary {
        color: var(--text-color-secondary) !important;
    }

    .sm\:surface-ground {
        background-color: var(--surface-ground) !important;
    }

    .sm\:surface-section {
        background-color: var(--surface-section) !important;
    }

    .sm\:surface-card {
        background-color: var(--surface-card) !important;
    }

    .sm\:surface-overlay {
        background-color: var(--surface-overlay) !important;
    }

    .sm\:surface-hover {
        background-color: var(--surface-hover) !important;
    }

    .sm\:surface-border {
        border-color: var(--surface-border) !important;
    }

    .sm\:focus\:text-primary:focus {
        color: var(--primary-color) !important;
    }

    .sm\:hover\:text-primary:hover {
        color: var(--primary-color) !important;
    }

    .sm\:active\:text-primary:active {
        color: var(--primary-color) !important;
    }

    .sm\:focus\:bg-primary:focus {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .sm\:hover\:bg-primary:hover {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .sm\:active\:bg-primary:active {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .sm\:focus\:bg-primary-reverse:focus {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .sm\:hover\:bg-primary-reverse:hover {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .sm\:active\:bg-primary-reverse:active {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .sm\:focus\:bg-white:focus {
        background-color: #ffffff !important;
    }

    .sm\:hover\:bg-white:hover {
        background-color: #ffffff !important;
    }

    .sm\:active\:bg-white:active {
        background-color: #ffffff !important;
    }

    .sm\:focus\:border-primary:focus {
        border-color: var(--primary-color) !important;
    }

    .sm\:hover\:border-primary:hover {
        border-color: var(--primary-color) !important;
    }

    .sm\:active\:border-primary:active {
        border-color: var(--primary-color) !important;
    }

    .sm\:focus\:text-white:focus {
        color: #ffffff !important;
    }

    .sm\:hover\:text-white:hover {
        color: #ffffff !important;
    }

    .sm\:active\:text-white:active {
        color: #ffffff !important;
    }

    .sm\:focus\:border-white:focus {
        border-color: #ffffff !important;
    }

    .sm\:hover\:border-white:hover {
        border-color: #ffffff !important;
    }

    .sm\:active\:border-white:active {
        border-color: #ffffff !important;
    }

    .sm\:focus\:text-color:focus {
        color: var(--text-color) !important;
    }

    .sm\:hover\:text-color:hover {
        color: var(--text-color) !important;
    }

    .sm\:active\:text-color:active {
        color: var(--text-color) !important;
    }

    .sm\:focus\:text-color-secondary:focus {
        color: var(--text-color-secondary) !important;
    }

    .sm\:hover\:text-color-secondary:hover {
        color: var(--text-color-secondary) !important;
    }

    .sm\:active\:text-color-secondary:active {
        color: var(--text-color-secondary) !important;
    }

    .sm\:focus\:surface-ground:focus {
        background-color: var(--surface-ground) !important;
    }

    .sm\:hover\:surface-ground:hover {
        background-color: var(--surface-ground) !important;
    }

    .sm\:active\:surface-ground:active {
        background-color: var(--surface-ground) !important;
    }

    .sm\:focus\:surface-section:focus {
        background-color: var(--surface-section) !important;
    }

    .sm\:hover\:surface-section:hover {
        background-color: var(--surface-section) !important;
    }

    .sm\:active\:surface-section:active {
        background-color: var(--surface-section) !important;
    }

    .sm\:focus\:surface-card:focus {
        background-color: var(--surface-card) !important;
    }

    .sm\:hover\:surface-card:hover {
        background-color: var(--surface-card) !important;
    }

    .sm\:active\:surface-card:active {
        background-color: var(--surface-card) !important;
    }

    .sm\:focus\:surface-overlay:focus {
        background-color: var(--surface-overlay) !important;
    }

    .sm\:hover\:surface-overlay:hover {
        background-color: var(--surface-overlay) !important;
    }

    .sm\:active\:surface-overlay:active {
        background-color: var(--surface-overlay) !important;
    }

    .sm\:focus\:surface-hover:focus {
        background-color: var(--surface-hover) !important;
    }

    .sm\:hover\:surface-hover:hover {
        background-color: var(--surface-hover) !important;
    }

    .sm\:active\:surface-hover:active {
        background-color: var(--surface-hover) !important;
    }

    .sm\:focus\:surface-border:focus {
        border-color: var(--surface-border) !important;
    }

    .sm\:hover\:surface-border:hover {
        border-color: var(--surface-border) !important;
    }

    .sm\:active\:surface-border:active {
        border-color: var(--surface-border) !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:text-primary {
        color: var(--primary-color) !important;
    }

    .md\:bg-primary {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .md\:bg-primary-reverse {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .md\:bg-white {
        background-color: #ffffff !important;
    }

    .md\:border-primary {
        border-color: var(--primary-color) !important;
    }

    .md\:text-white {
        color: #ffffff !important;
    }

    .md\:border-white {
        border-color: #ffffff !important;
    }

    .md\:text-color {
        color: var(--text-color) !important;
    }

    .md\:text-color-secondary {
        color: var(--text-color-secondary) !important;
    }

    .md\:surface-ground {
        background-color: var(--surface-ground) !important;
    }

    .md\:surface-section {
        background-color: var(--surface-section) !important;
    }

    .md\:surface-card {
        background-color: var(--surface-card) !important;
    }

    .md\:surface-overlay {
        background-color: var(--surface-overlay) !important;
    }

    .md\:surface-hover {
        background-color: var(--surface-hover) !important;
    }

    .md\:surface-border {
        border-color: var(--surface-border) !important;
    }

    .md\:focus\:text-primary:focus {
        color: var(--primary-color) !important;
    }

    .md\:hover\:text-primary:hover {
        color: var(--primary-color) !important;
    }

    .md\:active\:text-primary:active {
        color: var(--primary-color) !important;
    }

    .md\:focus\:bg-primary:focus {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .md\:hover\:bg-primary:hover {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .md\:active\:bg-primary:active {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .md\:focus\:bg-primary-reverse:focus {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .md\:hover\:bg-primary-reverse:hover {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .md\:active\:bg-primary-reverse:active {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .md\:focus\:bg-white:focus {
        background-color: #ffffff !important;
    }

    .md\:hover\:bg-white:hover {
        background-color: #ffffff !important;
    }

    .md\:active\:bg-white:active {
        background-color: #ffffff !important;
    }

    .md\:focus\:border-primary:focus {
        border-color: var(--primary-color) !important;
    }

    .md\:hover\:border-primary:hover {
        border-color: var(--primary-color) !important;
    }

    .md\:active\:border-primary:active {
        border-color: var(--primary-color) !important;
    }

    .md\:focus\:text-white:focus {
        color: #ffffff !important;
    }

    .md\:hover\:text-white:hover {
        color: #ffffff !important;
    }

    .md\:active\:text-white:active {
        color: #ffffff !important;
    }

    .md\:focus\:border-white:focus {
        border-color: #ffffff !important;
    }

    .md\:hover\:border-white:hover {
        border-color: #ffffff !important;
    }

    .md\:active\:border-white:active {
        border-color: #ffffff !important;
    }

    .md\:focus\:text-color:focus {
        color: var(--text-color) !important;
    }

    .md\:hover\:text-color:hover {
        color: var(--text-color) !important;
    }

    .md\:active\:text-color:active {
        color: var(--text-color) !important;
    }

    .md\:focus\:text-color-secondary:focus {
        color: var(--text-color-secondary) !important;
    }

    .md\:hover\:text-color-secondary:hover {
        color: var(--text-color-secondary) !important;
    }

    .md\:active\:text-color-secondary:active {
        color: var(--text-color-secondary) !important;
    }

    .md\:focus\:surface-ground:focus {
        background-color: var(--surface-ground) !important;
    }

    .md\:hover\:surface-ground:hover {
        background-color: var(--surface-ground) !important;
    }

    .md\:active\:surface-ground:active {
        background-color: var(--surface-ground) !important;
    }

    .md\:focus\:surface-section:focus {
        background-color: var(--surface-section) !important;
    }

    .md\:hover\:surface-section:hover {
        background-color: var(--surface-section) !important;
    }

    .md\:active\:surface-section:active {
        background-color: var(--surface-section) !important;
    }

    .md\:focus\:surface-card:focus {
        background-color: var(--surface-card) !important;
    }

    .md\:hover\:surface-card:hover {
        background-color: var(--surface-card) !important;
    }

    .md\:active\:surface-card:active {
        background-color: var(--surface-card) !important;
    }

    .md\:focus\:surface-overlay:focus {
        background-color: var(--surface-overlay) !important;
    }

    .md\:hover\:surface-overlay:hover {
        background-color: var(--surface-overlay) !important;
    }

    .md\:active\:surface-overlay:active {
        background-color: var(--surface-overlay) !important;
    }

    .md\:focus\:surface-hover:focus {
        background-color: var(--surface-hover) !important;
    }

    .md\:hover\:surface-hover:hover {
        background-color: var(--surface-hover) !important;
    }

    .md\:active\:surface-hover:active {
        background-color: var(--surface-hover) !important;
    }

    .md\:focus\:surface-border:focus {
        border-color: var(--surface-border) !important;
    }

    .md\:hover\:surface-border:hover {
        border-color: var(--surface-border) !important;
    }

    .md\:active\:surface-border:active {
        border-color: var(--surface-border) !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:text-primary {
        color: var(--primary-color) !important;
    }

    .lg\:bg-primary {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .lg\:bg-primary-reverse {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .lg\:bg-white {
        background-color: #ffffff !important;
    }

    .lg\:border-primary {
        border-color: var(--primary-color) !important;
    }

    .lg\:text-white {
        color: #ffffff !important;
    }

    .lg\:border-white {
        border-color: #ffffff !important;
    }

    .lg\:text-color {
        color: var(--text-color) !important;
    }

    .lg\:text-color-secondary {
        color: var(--text-color-secondary) !important;
    }

    .lg\:surface-ground {
        background-color: var(--surface-ground) !important;
    }

    .lg\:surface-section {
        background-color: var(--surface-section) !important;
    }

    .lg\:surface-card {
        background-color: var(--surface-card) !important;
    }

    .lg\:surface-overlay {
        background-color: var(--surface-overlay) !important;
    }

    .lg\:surface-hover {
        background-color: var(--surface-hover) !important;
    }

    .lg\:surface-border {
        border-color: var(--surface-border) !important;
    }

    .lg\:focus\:text-primary:focus {
        color: var(--primary-color) !important;
    }

    .lg\:hover\:text-primary:hover {
        color: var(--primary-color) !important;
    }

    .lg\:active\:text-primary:active {
        color: var(--primary-color) !important;
    }

    .lg\:focus\:bg-primary:focus {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .lg\:hover\:bg-primary:hover {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .lg\:active\:bg-primary:active {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .lg\:focus\:bg-primary-reverse:focus {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .lg\:hover\:bg-primary-reverse:hover {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .lg\:active\:bg-primary-reverse:active {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .lg\:focus\:bg-white:focus {
        background-color: #ffffff !important;
    }

    .lg\:hover\:bg-white:hover {
        background-color: #ffffff !important;
    }

    .lg\:active\:bg-white:active {
        background-color: #ffffff !important;
    }

    .lg\:focus\:border-primary:focus {
        border-color: var(--primary-color) !important;
    }

    .lg\:hover\:border-primary:hover {
        border-color: var(--primary-color) !important;
    }

    .lg\:active\:border-primary:active {
        border-color: var(--primary-color) !important;
    }

    .lg\:focus\:text-white:focus {
        color: #ffffff !important;
    }

    .lg\:hover\:text-white:hover {
        color: #ffffff !important;
    }

    .lg\:active\:text-white:active {
        color: #ffffff !important;
    }

    .lg\:focus\:border-white:focus {
        border-color: #ffffff !important;
    }

    .lg\:hover\:border-white:hover {
        border-color: #ffffff !important;
    }

    .lg\:active\:border-white:active {
        border-color: #ffffff !important;
    }

    .lg\:focus\:text-color:focus {
        color: var(--text-color) !important;
    }

    .lg\:hover\:text-color:hover {
        color: var(--text-color) !important;
    }

    .lg\:active\:text-color:active {
        color: var(--text-color) !important;
    }

    .lg\:focus\:text-color-secondary:focus {
        color: var(--text-color-secondary) !important;
    }

    .lg\:hover\:text-color-secondary:hover {
        color: var(--text-color-secondary) !important;
    }

    .lg\:active\:text-color-secondary:active {
        color: var(--text-color-secondary) !important;
    }

    .lg\:focus\:surface-ground:focus {
        background-color: var(--surface-ground) !important;
    }

    .lg\:hover\:surface-ground:hover {
        background-color: var(--surface-ground) !important;
    }

    .lg\:active\:surface-ground:active {
        background-color: var(--surface-ground) !important;
    }

    .lg\:focus\:surface-section:focus {
        background-color: var(--surface-section) !important;
    }

    .lg\:hover\:surface-section:hover {
        background-color: var(--surface-section) !important;
    }

    .lg\:active\:surface-section:active {
        background-color: var(--surface-section) !important;
    }

    .lg\:focus\:surface-card:focus {
        background-color: var(--surface-card) !important;
    }

    .lg\:hover\:surface-card:hover {
        background-color: var(--surface-card) !important;
    }

    .lg\:active\:surface-card:active {
        background-color: var(--surface-card) !important;
    }

    .lg\:focus\:surface-overlay:focus {
        background-color: var(--surface-overlay) !important;
    }

    .lg\:hover\:surface-overlay:hover {
        background-color: var(--surface-overlay) !important;
    }

    .lg\:active\:surface-overlay:active {
        background-color: var(--surface-overlay) !important;
    }

    .lg\:focus\:surface-hover:focus {
        background-color: var(--surface-hover) !important;
    }

    .lg\:hover\:surface-hover:hover {
        background-color: var(--surface-hover) !important;
    }

    .lg\:active\:surface-hover:active {
        background-color: var(--surface-hover) !important;
    }

    .lg\:focus\:surface-border:focus {
        border-color: var(--surface-border) !important;
    }

    .lg\:hover\:surface-border:hover {
        border-color: var(--surface-border) !important;
    }

    .lg\:active\:surface-border:active {
        border-color: var(--surface-border) !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:text-primary {
        color: var(--primary-color) !important;
    }

    .xl\:bg-primary {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .xl\:bg-primary-reverse {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .xl\:bg-white {
        background-color: #ffffff !important;
    }

    .xl\:border-primary {
        border-color: var(--primary-color) !important;
    }

    .xl\:text-white {
        color: #ffffff !important;
    }

    .xl\:border-white {
        border-color: #ffffff !important;
    }

    .xl\:text-color {
        color: var(--text-color) !important;
    }

    .xl\:text-color-secondary {
        color: var(--text-color-secondary) !important;
    }

    .xl\:surface-ground {
        background-color: var(--surface-ground) !important;
    }

    .xl\:surface-section {
        background-color: var(--surface-section) !important;
    }

    .xl\:surface-card {
        background-color: var(--surface-card) !important;
    }

    .xl\:surface-overlay {
        background-color: var(--surface-overlay) !important;
    }

    .xl\:surface-hover {
        background-color: var(--surface-hover) !important;
    }

    .xl\:surface-border {
        border-color: var(--surface-border) !important;
    }

    .xl\:focus\:text-primary:focus {
        color: var(--primary-color) !important;
    }

    .xl\:hover\:text-primary:hover {
        color: var(--primary-color) !important;
    }

    .xl\:active\:text-primary:active {
        color: var(--primary-color) !important;
    }

    .xl\:focus\:bg-primary:focus {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .xl\:hover\:bg-primary:hover {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .xl\:active\:bg-primary:active {
        color: var(--primary-color-text) !important;
        background-color: var(--primary-color) !important;
    }

    .xl\:focus\:bg-primary-reverse:focus {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .xl\:hover\:bg-primary-reverse:hover {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .xl\:active\:bg-primary-reverse:active {
        color: var(--primary-color) !important;
        background-color: var(--primary-color-text) !important;
    }

    .xl\:focus\:bg-white:focus {
        background-color: #ffffff !important;
    }

    .xl\:hover\:bg-white:hover {
        background-color: #ffffff !important;
    }

    .xl\:active\:bg-white:active {
        background-color: #ffffff !important;
    }

    .xl\:focus\:border-primary:focus {
        border-color: var(--primary-color) !important;
    }

    .xl\:hover\:border-primary:hover {
        border-color: var(--primary-color) !important;
    }

    .xl\:active\:border-primary:active {
        border-color: var(--primary-color) !important;
    }

    .xl\:focus\:text-white:focus {
        color: #ffffff !important;
    }

    .xl\:hover\:text-white:hover {
        color: #ffffff !important;
    }

    .xl\:active\:text-white:active {
        color: #ffffff !important;
    }

    .xl\:focus\:border-white:focus {
        border-color: #ffffff !important;
    }

    .xl\:hover\:border-white:hover {
        border-color: #ffffff !important;
    }

    .xl\:active\:border-white:active {
        border-color: #ffffff !important;
    }

    .xl\:focus\:text-color:focus {
        color: var(--text-color) !important;
    }

    .xl\:hover\:text-color:hover {
        color: var(--text-color) !important;
    }

    .xl\:active\:text-color:active {
        color: var(--text-color) !important;
    }

    .xl\:focus\:text-color-secondary:focus {
        color: var(--text-color-secondary) !important;
    }

    .xl\:hover\:text-color-secondary:hover {
        color: var(--text-color-secondary) !important;
    }

    .xl\:active\:text-color-secondary:active {
        color: var(--text-color-secondary) !important;
    }

    .xl\:focus\:surface-ground:focus {
        background-color: var(--surface-ground) !important;
    }

    .xl\:hover\:surface-ground:hover {
        background-color: var(--surface-ground) !important;
    }

    .xl\:active\:surface-ground:active {
        background-color: var(--surface-ground) !important;
    }

    .xl\:focus\:surface-section:focus {
        background-color: var(--surface-section) !important;
    }

    .xl\:hover\:surface-section:hover {
        background-color: var(--surface-section) !important;
    }

    .xl\:active\:surface-section:active {
        background-color: var(--surface-section) !important;
    }

    .xl\:focus\:surface-card:focus {
        background-color: var(--surface-card) !important;
    }

    .xl\:hover\:surface-card:hover {
        background-color: var(--surface-card) !important;
    }

    .xl\:active\:surface-card:active {
        background-color: var(--surface-card) !important;
    }

    .xl\:focus\:surface-overlay:focus {
        background-color: var(--surface-overlay) !important;
    }

    .xl\:hover\:surface-overlay:hover {
        background-color: var(--surface-overlay) !important;
    }

    .xl\:active\:surface-overlay:active {
        background-color: var(--surface-overlay) !important;
    }

    .xl\:focus\:surface-hover:focus {
        background-color: var(--surface-hover) !important;
    }

    .xl\:hover\:surface-hover:hover {
        background-color: var(--surface-hover) !important;
    }

    .xl\:active\:surface-hover:active {
        background-color: var(--surface-hover) !important;
    }

    .xl\:focus\:surface-border:focus {
        border-color: var(--surface-border) !important;
    }

    .xl\:hover\:surface-border:hover {
        border-color: var(--surface-border) !important;
    }

    .xl\:active\:surface-border:active {
        border-color: var(--surface-border) !important;
    }
}

.field {
    margin-bottom: 1rem;
}

    .field > label {
        display: inline-block;
        margin-bottom: 0.3rem;
    }

    .field.grid > label {
        display: flex;
        align-items: center;
    }

    .field > small {
        margin-top: 0.25rem;
    }

    .field.grid,
    .formgrid.grid {
        margin-top: 0;
    }

        .field.grid .col-fixed,
        .formgrid.grid .col-fixed,
        .field.grid .col,
        .formgrid.grid .col,
        .field.grid .col-1,
        .formgrid.grid .col-1,
        .field.grid .col-2,
        .formgrid.grid .col-2,
        .field.grid .col-3,
        .formgrid.grid .col-3,
        .field.grid .col-4,
        .formgrid.grid .col-4,
        .field.grid .col-5,
        .formgrid.grid .col-5,
        .field.grid .col-6,
        .formgrid.grid .col-6,
        .field.grid .col-7,
        .formgrid.grid .col-7,
        .field.grid .col-8,
        .formgrid.grid .col-8,
        .field.grid .col-9,
        .formgrid.grid .col-9,
        .field.grid .col-10,
        .formgrid.grid .col-10,
        .field.grid .col-11,
        .formgrid.grid .col-11,
        .field.grid .col-12,
        .formgrid.grid .col-12 {
            padding-top: 0;
            padding-bottom: 0;
        }

.formgroup-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .formgroup-inline .field,
    .formgroup-inline .field-checkbox,
    .formgroup-inline .field-radiobutton {
        margin-right: 1rem;
    }

        .formgroup-inline .field > label,
        .formgroup-inline .field-checkbox > label,
        .formgroup-inline .field-radiobutton > label {
            margin-right: 0.5rem;
            margin-bottom: 0;
        }

.field-checkbox,
.field-radiobutton {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

    .field-checkbox > label,
    .field-radiobutton > label {
        margin-left: 0.5rem;
        line-height: 1;
    }

.hidden {
    display: none !important;
}

.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

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

.flex {
    display: flex !important;
}

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

@media screen and (min-width: 576px) {
    .sm\:hidden {
        display: none !important;
    }

    .sm\:block {
        display: block !important;
    }

    .sm\:inline {
        display: inline !important;
    }

    .sm\:inline-block {
        display: inline-block !important;
    }

    .sm\:flex {
        display: flex !important;
    }

    .sm\:inline-flex {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:hidden {
        display: none !important;
    }

    .md\:block {
        display: block !important;
    }

    .md\:inline {
        display: inline !important;
    }

    .md\:inline-block {
        display: inline-block !important;
    }

    .md\:flex {
        display: flex !important;
    }

    .md\:inline-flex {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:hidden {
        display: none !important;
    }

    .lg\:block {
        display: block !important;
    }

    .lg\:inline {
        display: inline !important;
    }

    .lg\:inline-block {
        display: inline-block !important;
    }

    .lg\:flex {
        display: flex !important;
    }

    .lg\:inline-flex {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:hidden {
        display: none !important;
    }

    .xl\:block {
        display: block !important;
    }

    .xl\:inline {
        display: inline !important;
    }

    .xl\:inline-block {
        display: inline-block !important;
    }

    .xl\:flex {
        display: flex !important;
    }

    .xl\:inline-flex {
        display: inline-flex !important;
    }
}

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

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

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

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

@media screen and (min-width: 576px) {
    .sm\:text-center {
        text-align: center !important;
    }

    .sm\:text-justify {
        text-align: justify !important;
    }

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

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

@media screen and (min-width: 768px) {
    .md\:text-center {
        text-align: center !important;
    }

    .md\:text-justify {
        text-align: justify !important;
    }

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

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

@media screen and (min-width: 992px) {
    .lg\:text-center {
        text-align: center !important;
    }

    .lg\:text-justify {
        text-align: justify !important;
    }

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

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

@media screen and (min-width: 1200px) {
    .xl\:text-center {
        text-align: center !important;
    }

    .xl\:text-justify {
        text-align: justify !important;
    }

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

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

.underline {
    text-decoration: underline !important;
}

.line-through {
    text-decoration: line-through !important;
}

.no-underline {
    text-decoration: none !important;
}

.focus\:underline:focus {
    text-decoration: underline !important;
}

.hover\:underline:hover {
    text-decoration: underline !important;
}

.active\:underline:active {
    text-decoration: underline !important;
}

.focus\:line-through:focus {
    text-decoration: line-through !important;
}

.hover\:line-through:hover {
    text-decoration: line-through !important;
}

.active\:line-through:active {
    text-decoration: line-through !important;
}

.focus\:no-underline:focus {
    text-decoration: none !important;
}

.hover\:no-underline:hover {
    text-decoration: none !important;
}

.active\:no-underline:active {
    text-decoration: none !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.text-overflow-clip {
    text-overflow: clip !important;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis !important;
}

@media screen and (min-width: 576px) {
    .sm\:text-overflow-clip {
        text-overflow: clip !important;
    }

    .sm\:text-overflow-ellipsis {
        text-overflow: ellipsis !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:text-overflow-clip {
        text-overflow: clip !important;
    }

    .md\:text-overflow-ellipsis {
        text-overflow: ellipsis !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:text-overflow-clip {
        text-overflow: clip !important;
    }

    .lg\:text-overflow-ellipsis {
        text-overflow: ellipsis !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:text-overflow-clip {
        text-overflow: clip !important;
    }

    .xl\:text-overflow-ellipsis {
        text-overflow: ellipsis !important;
    }
}

.font-light {
    font-weight: 300 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

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

@media screen and (min-width: 576px) {
    .sm\:font-light {
        font-weight: 300 !important;
    }

    .sm\:font-normal {
        font-weight: 400 !important;
    }

    .sm\:font-medium {
        font-weight: 500 !important;
    }

    .sm\:font-semibold {
        font-weight: 600 !important;
    }

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

@media screen and (min-width: 768px) {
    .md\:font-light {
        font-weight: 300 !important;
    }

    .md\:font-normal {
        font-weight: 400 !important;
    }

    .md\:font-medium {
        font-weight: 500 !important;
    }

    .md\:font-semibold {
        font-weight: 600 !important;
    }

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

@media screen and (min-width: 992px) {
    .lg\:font-light {
        font-weight: 300 !important;
    }

    .lg\:font-normal {
        font-weight: 400 !important;
    }

    .lg\:font-medium {
        font-weight: 500 !important;
    }

    .lg\:font-semibold {
        font-weight: 600 !important;
    }

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

@media screen and (min-width: 1200px) {
    .xl\:font-light {
        font-weight: 300 !important;
    }

    .xl\:font-normal {
        font-weight: 400 !important;
    }

    .xl\:font-medium {
        font-weight: 500 !important;
    }

    .xl\:font-semibold {
        font-weight: 600 !important;
    }

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

.font-italic {
    font-style: italic !important;
}

.text-xs {
    font-size: 0.75rem !important;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-base {
    font-size: 1rem !important;
}

.text-lg {
    font-size: 1.125rem !important;
}

.text-xl {
    font-size: 1.25rem !important;
}

.text-2xl {
    font-size: 1.5rem !important;
}

.text-3xl {
    font-size: 1.75rem !important;
}

.text-4xl {
    font-size: 2rem !important;
}

.text-5xl {
    font-size: 2.5rem !important;
}

.text-6xl {
    font-size: 3rem !important;
}

.text-7xl {
    font-size: 4rem !important;
}

.text-8xl {
    font-size: 6rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:text-xs {
        font-size: 0.75rem !important;
    }

    .sm\:text-sm {
        font-size: 0.875rem !important;
    }

    .sm\:text-base {
        font-size: 1rem !important;
    }

    .sm\:text-lg {
        font-size: 1.125rem !important;
    }

    .sm\:text-xl {
        font-size: 1.25rem !important;
    }

    .sm\:text-2xl {
        font-size: 1.5rem !important;
    }

    .sm\:text-3xl {
        font-size: 1.75rem !important;
    }

    .sm\:text-4xl {
        font-size: 2rem !important;
    }

    .sm\:text-5xl {
        font-size: 2.5rem !important;
    }

    .sm\:text-6xl {
        font-size: 3rem !important;
    }

    .sm\:text-7xl {
        font-size: 4rem !important;
    }

    .sm\:text-8xl {
        font-size: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:text-xs {
        font-size: 0.75rem !important;
    }

    .md\:text-sm {
        font-size: 0.875rem !important;
    }

    .md\:text-base {
        font-size: 1rem !important;
    }

    .md\:text-lg {
        font-size: 1.125rem !important;
    }

    .md\:text-xl {
        font-size: 1.25rem !important;
    }

    .md\:text-2xl {
        font-size: 1.5rem !important;
    }

    .md\:text-3xl {
        font-size: 1.75rem !important;
    }

    .md\:text-4xl {
        font-size: 2rem !important;
    }

    .md\:text-5xl {
        font-size: 2.5rem !important;
    }

    .md\:text-6xl {
        font-size: 3rem !important;
    }

    .md\:text-7xl {
        font-size: 4rem !important;
    }

    .md\:text-8xl {
        font-size: 6rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:text-xs {
        font-size: 0.75rem !important;
    }

    .lg\:text-sm {
        font-size: 0.875rem !important;
    }

    .lg\:text-base {
        font-size: 1rem !important;
    }

    .lg\:text-lg {
        font-size: 1.125rem !important;
    }

    .lg\:text-xl {
        font-size: 1.25rem !important;
    }

    .lg\:text-2xl {
        font-size: 1.5rem !important;
    }

    .lg\:text-3xl {
        font-size: 1.75rem !important;
    }

    .lg\:text-4xl {
        font-size: 2rem !important;
    }

    .lg\:text-5xl {
        font-size: 2.5rem !important;
    }

    .lg\:text-6xl {
        font-size: 3rem !important;
    }

    .lg\:text-7xl {
        font-size: 4rem !important;
    }

    .lg\:text-8xl {
        font-size: 6rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:text-xs {
        font-size: 0.75rem !important;
    }

    .xl\:text-sm {
        font-size: 0.875rem !important;
    }

    .xl\:text-base {
        font-size: 1rem !important;
    }

    .xl\:text-lg {
        font-size: 1.125rem !important;
    }

    .xl\:text-xl {
        font-size: 1.25rem !important;
    }

    .xl\:text-2xl {
        font-size: 1.5rem !important;
    }

    .xl\:text-3xl {
        font-size: 1.75rem !important;
    }

    .xl\:text-4xl {
        font-size: 2rem !important;
    }

    .xl\:text-5xl {
        font-size: 2.5rem !important;
    }

    .xl\:text-6xl {
        font-size: 3rem !important;
    }

    .xl\:text-7xl {
        font-size: 4rem !important;
    }

    .xl\:text-8xl {
        font-size: 6rem !important;
    }
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-2 {
    line-height: 1.25 !important;
}

.line-height-3 {
    line-height: 1.5 !important;
}

.line-height-4 {
    line-height: 2 !important;
}

.white-space-normal {
    white-space: normal !important;
}

.white-space-nowrap {
    white-space: nowrap !important;
}

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

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.vertical-align-text-top {
    vertical-align: text-top !important;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom !important;
}

.vertical-align-sub {
    vertical-align: sub !important;
}

.vertical-align-super {
    vertical-align: super !important;
}

@media screen and (min-width: 576px) {
    .sm\:vertical-align-baseline {
        vertical-align: baseline !important;
    }

    .sm\:vertical-align-top {
        vertical-align: top !important;
    }

    .sm\:vertical-align-middle {
        vertical-align: middle !important;
    }

    .sm\:vertical-align-bottom {
        vertical-align: bottom !important;
    }

    .sm\:vertical-align-text-top {
        vertical-align: text-top !important;
    }

    .sm\:vertical-align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .sm\:vertical-align-sub {
        vertical-align: sub !important;
    }

    .sm\:vertical-align-super {
        vertical-align: super !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:vertical-align-baseline {
        vertical-align: baseline !important;
    }

    .md\:vertical-align-top {
        vertical-align: top !important;
    }

    .md\:vertical-align-middle {
        vertical-align: middle !important;
    }

    .md\:vertical-align-bottom {
        vertical-align: bottom !important;
    }

    .md\:vertical-align-text-top {
        vertical-align: text-top !important;
    }

    .md\:vertical-align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .md\:vertical-align-sub {
        vertical-align: sub !important;
    }

    .md\:vertical-align-super {
        vertical-align: super !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:vertical-align-baseline {
        vertical-align: baseline !important;
    }

    .lg\:vertical-align-top {
        vertical-align: top !important;
    }

    .lg\:vertical-align-middle {
        vertical-align: middle !important;
    }

    .lg\:vertical-align-bottom {
        vertical-align: bottom !important;
    }

    .lg\:vertical-align-text-top {
        vertical-align: text-top !important;
    }

    .lg\:vertical-align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .lg\:vertical-align-sub {
        vertical-align: sub !important;
    }

    .lg\:vertical-align-super {
        vertical-align: super !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:vertical-align-baseline {
        vertical-align: baseline !important;
    }

    .xl\:vertical-align-top {
        vertical-align: top !important;
    }

    .xl\:vertical-align-middle {
        vertical-align: middle !important;
    }

    .xl\:vertical-align-bottom {
        vertical-align: bottom !important;
    }

    .xl\:vertical-align-text-top {
        vertical-align: text-top !important;
    }

    .xl\:vertical-align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .xl\:vertical-align-sub {
        vertical-align: sub !important;
    }

    .xl\:vertical-align-super {
        vertical-align: super !important;
    }
}

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

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

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

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

@media screen and (min-width: 576px) {
    .sm\:flex-row {
        flex-direction: row !important;
    }

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

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

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

@media screen and (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row !important;
    }

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

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

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

@media screen and (min-width: 992px) {
    .lg\:flex-row {
        flex-direction: row !important;
    }

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

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

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

@media screen and (min-width: 1200px) {
    .xl\:flex-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

@media screen and (min-width: 576px) {
    .sm\:flex-wrap {
        flex-wrap: wrap !important;
    }

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

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

@media screen and (min-width: 768px) {
    .md\:flex-wrap {
        flex-wrap: wrap !important;
    }

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

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

@media screen and (min-width: 992px) {
    .lg\:flex-wrap {
        flex-wrap: wrap !important;
    }

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

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

@media screen and (min-width: 1200px) {
    .xl\:flex-wrap {
        flex-wrap: wrap !important;
    }

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

    .xl\:flex-nowrap {
        flex-wrap: nowrap !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;
}

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

@media screen and (min-width: 576px) {
    .sm\:justify-content-start {
        justify-content: flex-start !important;
    }

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

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

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

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

    .sm\:justify-content-evenly {
        justify-content: space-evenly !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:justify-content-start {
        justify-content: flex-start !important;
    }

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

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

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

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

    .md\:justify-content-evenly {
        justify-content: space-evenly !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:justify-content-start {
        justify-content: flex-start !important;
    }

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

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

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

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

    .lg\:justify-content-evenly {
        justify-content: space-evenly !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:justify-content-start {
        justify-content: flex-start !important;
    }

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

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

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

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

    .xl\:justify-content-evenly {
        justify-content: space-evenly !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-evenly {
    align-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
    .sm\:align-content-start {
        align-content: flex-start !important;
    }

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

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

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

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

    .sm\:align-content-evenly {
        align-content: space-evenly !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:align-content-start {
        align-content: flex-start !important;
    }

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

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

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

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

    .md\:align-content-evenly {
        align-content: space-evenly !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:align-content-start {
        align-content: flex-start !important;
    }

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

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

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

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

    .lg\:align-content-evenly {
        align-content: space-evenly !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:align-content-start {
        align-content: flex-start !important;
    }

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

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

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

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

    .xl\:align-content-evenly {
        align-content: space-evenly !important;
    }
}

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

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

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

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

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

@media screen and (min-width: 576px) {
    .sm\:align-items-stretch {
        align-items: stretch !important;
    }

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

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

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

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

@media screen and (min-width: 768px) {
    .md\:align-items-stretch {
        align-items: stretch !important;
    }

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

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

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

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

@media screen and (min-width: 992px) {
    .lg\:align-items-stretch {
        align-items: stretch !important;
    }

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

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

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

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

@media screen and (min-width: 1200px) {
    .xl\:align-items-stretch {
        align-items: stretch !important;
    }

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

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

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

    .xl\:align-items-baseline {
        align-items: baseline !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-stretch {
    align-self: stretch !important;
}

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

@media screen and (min-width: 576px) {
    .sm\:align-self-auto {
        align-self: auto !important;
    }

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

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

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

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

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

@media screen and (min-width: 768px) {
    .md\:align-self-auto {
        align-self: auto !important;
    }

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

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

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

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

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

@media screen and (min-width: 992px) {
    .lg\:align-self-auto {
        align-self: auto !important;
    }

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

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

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

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

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

@media screen and (min-width: 1200px) {
    .xl\:align-self-auto {
        align-self: auto !important;
    }

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

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

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

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

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

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

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

.flex-order-2 {
    order: 2 !important;
}

.flex-order-3 {
    order: 3 !important;
}

.flex-order-4 {
    order: 4 !important;
}

.flex-order-5 {
    order: 5 !important;
}

.flex-order-6 {
    order: 6 !important;
}

@media screen and (min-width: 576px) {
    .sm\:flex-order-0 {
        order: 0 !important;
    }

    .sm\:flex-order-1 {
        order: 1 !important;
    }

    .sm\:flex-order-2 {
        order: 2 !important;
    }

    .sm\:flex-order-3 {
        order: 3 !important;
    }

    .sm\:flex-order-4 {
        order: 4 !important;
    }

    .sm\:flex-order-5 {
        order: 5 !important;
    }

    .sm\:flex-order-6 {
        order: 6 !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:flex-order-0 {
        order: 0 !important;
    }

    .md\:flex-order-1 {
        order: 1 !important;
    }

    .md\:flex-order-2 {
        order: 2 !important;
    }

    .md\:flex-order-3 {
        order: 3 !important;
    }

    .md\:flex-order-4 {
        order: 4 !important;
    }

    .md\:flex-order-5 {
        order: 5 !important;
    }

    .md\:flex-order-6 {
        order: 6 !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:flex-order-0 {
        order: 0 !important;
    }

    .lg\:flex-order-1 {
        order: 1 !important;
    }

    .lg\:flex-order-2 {
        order: 2 !important;
    }

    .lg\:flex-order-3 {
        order: 3 !important;
    }

    .lg\:flex-order-4 {
        order: 4 !important;
    }

    .lg\:flex-order-5 {
        order: 5 !important;
    }

    .lg\:flex-order-6 {
        order: 6 !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:flex-order-0 {
        order: 0 !important;
    }

    .xl\:flex-order-1 {
        order: 1 !important;
    }

    .xl\:flex-order-2 {
        order: 2 !important;
    }

    .xl\:flex-order-3 {
        order: 3 !important;
    }

    .xl\:flex-order-4 {
        order: 4 !important;
    }

    .xl\:flex-order-5 {
        order: 5 !important;
    }

    .xl\:flex-order-6 {
        order: 6 !important;
    }
}

.flex-1 {
    flex: 1 1 0% !important;
}

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

.flex-initial {
    flex: 0 1 auto !important;
}

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

@media screen and (min-width: 576px) {
    .sm\:flex-1 {
        flex: 1 1 0% !important;
    }

    .sm\:flex-auto {
        flex: 1 1 auto !important;
    }

    .sm\:flex-initial {
        flex: 0 1 auto !important;
    }

    .sm\:flex-none {
        flex: none !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:flex-1 {
        flex: 1 1 0% !important;
    }

    .md\:flex-auto {
        flex: 1 1 auto !important;
    }

    .md\:flex-initial {
        flex: 0 1 auto !important;
    }

    .md\:flex-none {
        flex: none !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:flex-1 {
        flex: 1 1 0% !important;
    }

    .lg\:flex-auto {
        flex: 1 1 auto !important;
    }

    .lg\:flex-initial {
        flex: 0 1 auto !important;
    }

    .lg\:flex-none {
        flex: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:flex-1 {
        flex: 1 1 0% !important;
    }

    .xl\:flex-auto {
        flex: 1 1 auto !important;
    }

    .xl\:flex-initial {
        flex: 0 1 auto !important;
    }

    .xl\:flex-none {
        flex: none !important;
    }
}

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

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

@media screen and (min-width: 576px) {
    .sm\:flex-grow-0 {
        flex-grow: 0 !important;
    }

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

@media screen and (min-width: 768px) {
    .md\:flex-grow-0 {
        flex-grow: 0 !important;
    }

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

@media screen and (min-width: 992px) {
    .lg\:flex-grow-0 {
        flex-grow: 0 !important;
    }

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

@media screen and (min-width: 1200px) {
    .xl\:flex-grow-0 {
        flex-grow: 0 !important;
    }

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

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

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

@media screen and (min-width: 576px) {
    .sm\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

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

@media screen and (min-width: 768px) {
    .md\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

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

@media screen and (min-width: 992px) {
    .lg\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

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

@media screen and (min-width: 1200px) {
    .xl\:flex-shrink-0 {
        flex-shrink: 0 !important;
    }

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

.gap-0 {
    gap: 0rem !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 2rem !important;
}

.gap-6 {
    gap: 3rem !important;
}

.gap-7 {
    gap: 4rem !important;
}

.gap-8 {
    gap: 5rem !important;
}

.row-gap-0 {
    row-gap: 0rem !important;
}

.row-gap-1 {
    row-gap: 0.25rem !important;
}

.row-gap-2 {
    row-gap: 0.5rem !important;
}

.row-gap-3 {
    row-gap: 1rem !important;
}

.row-gap-4 {
    row-gap: 1.5rem !important;
}

.row-gap-5 {
    row-gap: 2rem !important;
}

.row-gap-6 {
    row-gap: 3rem !important;
}

.row-gap-7 {
    row-gap: 4rem !important;
}

.row-gap-8 {
    row-gap: 5rem !important;
}

.column-gap-0 {
    column-gap: 0rem !important;
}

.column-gap-1 {
    column-gap: 0.25rem !important;
}

.column-gap-2 {
    column-gap: 0.5rem !important;
}

.column-gap-3 {
    column-gap: 1rem !important;
}

.column-gap-4 {
    column-gap: 1.5rem !important;
}

.column-gap-5 {
    column-gap: 2rem !important;
}

.column-gap-6 {
    column-gap: 3rem !important;
}

.column-gap-7 {
    column-gap: 4rem !important;
}

.column-gap-8 {
    column-gap: 5rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:gap-0 {
        gap: 0rem !important;
    }

    .sm\:gap-1 {
        gap: 0.25rem !important;
    }

    .sm\:gap-2 {
        gap: 0.5rem !important;
    }

    .sm\:gap-3 {
        gap: 1rem !important;
    }

    .sm\:gap-4 {
        gap: 1.5rem !important;
    }

    .sm\:gap-5 {
        gap: 2rem !important;
    }

    .sm\:gap-6 {
        gap: 3rem !important;
    }

    .sm\:gap-7 {
        gap: 4rem !important;
    }

    .sm\:gap-8 {
        gap: 5rem !important;
    }

    .sm\:row-gap-0 {
        row-gap: 0rem !important;
    }

    .sm\:row-gap-1 {
        row-gap: 0.25rem !important;
    }

    .sm\:row-gap-2 {
        row-gap: 0.5rem !important;
    }

    .sm\:row-gap-3 {
        row-gap: 1rem !important;
    }

    .sm\:row-gap-4 {
        row-gap: 1.5rem !important;
    }

    .sm\:row-gap-5 {
        row-gap: 2rem !important;
    }

    .sm\:row-gap-6 {
        row-gap: 3rem !important;
    }

    .sm\:row-gap-7 {
        row-gap: 4rem !important;
    }

    .sm\:row-gap-8 {
        row-gap: 5rem !important;
    }

    .sm\:column-gap-0 {
        column-gap: 0rem !important;
    }

    .sm\:column-gap-1 {
        column-gap: 0.25rem !important;
    }

    .sm\:column-gap-2 {
        column-gap: 0.5rem !important;
    }

    .sm\:column-gap-3 {
        column-gap: 1rem !important;
    }

    .sm\:column-gap-4 {
        column-gap: 1.5rem !important;
    }

    .sm\:column-gap-5 {
        column-gap: 2rem !important;
    }

    .sm\:column-gap-6 {
        column-gap: 3rem !important;
    }

    .sm\:column-gap-7 {
        column-gap: 4rem !important;
    }

    .sm\:column-gap-8 {
        column-gap: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:gap-0 {
        gap: 0rem !important;
    }

    .md\:gap-1 {
        gap: 0.25rem !important;
    }

    .md\:gap-2 {
        gap: 0.5rem !important;
    }

    .md\:gap-3 {
        gap: 1rem !important;
    }

    .md\:gap-4 {
        gap: 1.5rem !important;
    }

    .md\:gap-5 {
        gap: 2rem !important;
    }

    .md\:gap-6 {
        gap: 3rem !important;
    }

    .md\:gap-7 {
        gap: 4rem !important;
    }

    .md\:gap-8 {
        gap: 5rem !important;
    }

    .md\:row-gap-0 {
        row-gap: 0rem !important;
    }

    .md\:row-gap-1 {
        row-gap: 0.25rem !important;
    }

    .md\:row-gap-2 {
        row-gap: 0.5rem !important;
    }

    .md\:row-gap-3 {
        row-gap: 1rem !important;
    }

    .md\:row-gap-4 {
        row-gap: 1.5rem !important;
    }

    .md\:row-gap-5 {
        row-gap: 2rem !important;
    }

    .md\:row-gap-6 {
        row-gap: 3rem !important;
    }

    .md\:row-gap-7 {
        row-gap: 4rem !important;
    }

    .md\:row-gap-8 {
        row-gap: 5rem !important;
    }

    .md\:column-gap-0 {
        column-gap: 0rem !important;
    }

    .md\:column-gap-1 {
        column-gap: 0.25rem !important;
    }

    .md\:column-gap-2 {
        column-gap: 0.5rem !important;
    }

    .md\:column-gap-3 {
        column-gap: 1rem !important;
    }

    .md\:column-gap-4 {
        column-gap: 1.5rem !important;
    }

    .md\:column-gap-5 {
        column-gap: 2rem !important;
    }

    .md\:column-gap-6 {
        column-gap: 3rem !important;
    }

    .md\:column-gap-7 {
        column-gap: 4rem !important;
    }

    .md\:column-gap-8 {
        column-gap: 5rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:gap-0 {
        gap: 0rem !important;
    }

    .lg\:gap-1 {
        gap: 0.25rem !important;
    }

    .lg\:gap-2 {
        gap: 0.5rem !important;
    }

    .lg\:gap-3 {
        gap: 1rem !important;
    }

    .lg\:gap-4 {
        gap: 1.5rem !important;
    }

    .lg\:gap-5 {
        gap: 2rem !important;
    }

    .lg\:gap-6 {
        gap: 3rem !important;
    }

    .lg\:gap-7 {
        gap: 4rem !important;
    }

    .lg\:gap-8 {
        gap: 5rem !important;
    }

    .lg\:row-gap-0 {
        row-gap: 0rem !important;
    }

    .lg\:row-gap-1 {
        row-gap: 0.25rem !important;
    }

    .lg\:row-gap-2 {
        row-gap: 0.5rem !important;
    }

    .lg\:row-gap-3 {
        row-gap: 1rem !important;
    }

    .lg\:row-gap-4 {
        row-gap: 1.5rem !important;
    }

    .lg\:row-gap-5 {
        row-gap: 2rem !important;
    }

    .lg\:row-gap-6 {
        row-gap: 3rem !important;
    }

    .lg\:row-gap-7 {
        row-gap: 4rem !important;
    }

    .lg\:row-gap-8 {
        row-gap: 5rem !important;
    }

    .lg\:column-gap-0 {
        column-gap: 0rem !important;
    }

    .lg\:column-gap-1 {
        column-gap: 0.25rem !important;
    }

    .lg\:column-gap-2 {
        column-gap: 0.5rem !important;
    }

    .lg\:column-gap-3 {
        column-gap: 1rem !important;
    }

    .lg\:column-gap-4 {
        column-gap: 1.5rem !important;
    }

    .lg\:column-gap-5 {
        column-gap: 2rem !important;
    }

    .lg\:column-gap-6 {
        column-gap: 3rem !important;
    }

    .lg\:column-gap-7 {
        column-gap: 4rem !important;
    }

    .lg\:column-gap-8 {
        column-gap: 5rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:gap-0 {
        gap: 0rem !important;
    }

    .xl\:gap-1 {
        gap: 0.25rem !important;
    }

    .xl\:gap-2 {
        gap: 0.5rem !important;
    }

    .xl\:gap-3 {
        gap: 1rem !important;
    }

    .xl\:gap-4 {
        gap: 1.5rem !important;
    }

    .xl\:gap-5 {
        gap: 2rem !important;
    }

    .xl\:gap-6 {
        gap: 3rem !important;
    }

    .xl\:gap-7 {
        gap: 4rem !important;
    }

    .xl\:gap-8 {
        gap: 5rem !important;
    }

    .xl\:row-gap-0 {
        row-gap: 0rem !important;
    }

    .xl\:row-gap-1 {
        row-gap: 0.25rem !important;
    }

    .xl\:row-gap-2 {
        row-gap: 0.5rem !important;
    }

    .xl\:row-gap-3 {
        row-gap: 1rem !important;
    }

    .xl\:row-gap-4 {
        row-gap: 1.5rem !important;
    }

    .xl\:row-gap-5 {
        row-gap: 2rem !important;
    }

    .xl\:row-gap-6 {
        row-gap: 3rem !important;
    }

    .xl\:row-gap-7 {
        row-gap: 4rem !important;
    }

    .xl\:row-gap-8 {
        row-gap: 5rem !important;
    }

    .xl\:column-gap-0 {
        column-gap: 0rem !important;
    }

    .xl\:column-gap-1 {
        column-gap: 0.25rem !important;
    }

    .xl\:column-gap-2 {
        column-gap: 0.5rem !important;
    }

    .xl\:column-gap-3 {
        column-gap: 1rem !important;
    }

    .xl\:column-gap-4 {
        column-gap: 1.5rem !important;
    }

    .xl\:column-gap-5 {
        column-gap: 2rem !important;
    }

    .xl\:column-gap-6 {
        column-gap: 3rem !important;
    }

    .xl\:column-gap-7 {
        column-gap: 4rem !important;
    }

    .xl\:column-gap-8 {
        column-gap: 5rem !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-5 {
    padding-top: 2rem !important;
}

.pt-6 {
    padding-top: 3rem !important;
}

.pt-7 {
    padding-top: 4rem !important;
}

.pt-8 {
    padding-top: 5rem !important;
}

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

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

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

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

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

.pr-5 {
    padding-right: 2rem !important;
}

.pr-6 {
    padding-right: 3rem !important;
}

.pr-7 {
    padding-right: 4rem !important;
}

.pr-8 {
    padding-right: 5rem !important;
}

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

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

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

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

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

.pl-5 {
    padding-left: 2rem !important;
}

.pl-6 {
    padding-left: 3rem !important;
}

.pl-7 {
    padding-left: 4rem !important;
}

.pl-8 {
    padding-left: 5rem !important;
}

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

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

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

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

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

.pb-5 {
    padding-bottom: 2rem !important;
}

.pb-6 {
    padding-bottom: 3rem !important;
}

.pb-7 {
    padding-bottom: 4rem !important;
}

.pb-8 {
    padding-bottom: 5rem !important;
}

.px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

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

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

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

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

.px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

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

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

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

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

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:p-0 {
        padding: 0rem !important;
    }

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

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

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

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

    .sm\:p-5 {
        padding: 2rem !important;
    }

    .sm\:p-6 {
        padding: 3rem !important;
    }

    .sm\:p-7 {
        padding: 4rem !important;
    }

    .sm\:p-8 {
        padding: 5rem !important;
    }

    .sm\:pt-0 {
        padding-top: 0rem !important;
    }

    .sm\:pt-1 {
        padding-top: 0.25rem !important;
    }

    .sm\:pt-2 {
        padding-top: 0.5rem !important;
    }

    .sm\:pt-3 {
        padding-top: 1rem !important;
    }

    .sm\:pt-4 {
        padding-top: 1.5rem !important;
    }

    .sm\:pt-5 {
        padding-top: 2rem !important;
    }

    .sm\:pt-6 {
        padding-top: 3rem !important;
    }

    .sm\:pt-7 {
        padding-top: 4rem !important;
    }

    .sm\:pt-8 {
        padding-top: 5rem !important;
    }

    .sm\:pr-0 {
        padding-right: 0rem !important;
    }

    .sm\:pr-1 {
        padding-right: 0.25rem !important;
    }

    .sm\:pr-2 {
        padding-right: 0.5rem !important;
    }

    .sm\:pr-3 {
        padding-right: 1rem !important;
    }

    .sm\:pr-4 {
        padding-right: 1.5rem !important;
    }

    .sm\:pr-5 {
        padding-right: 2rem !important;
    }

    .sm\:pr-6 {
        padding-right: 3rem !important;
    }

    .sm\:pr-7 {
        padding-right: 4rem !important;
    }

    .sm\:pr-8 {
        padding-right: 5rem !important;
    }

    .sm\:pl-0 {
        padding-left: 0rem !important;
    }

    .sm\:pl-1 {
        padding-left: 0.25rem !important;
    }

    .sm\:pl-2 {
        padding-left: 0.5rem !important;
    }

    .sm\:pl-3 {
        padding-left: 1rem !important;
    }

    .sm\:pl-4 {
        padding-left: 1.5rem !important;
    }

    .sm\:pl-5 {
        padding-left: 2rem !important;
    }

    .sm\:pl-6 {
        padding-left: 3rem !important;
    }

    .sm\:pl-7 {
        padding-left: 4rem !important;
    }

    .sm\:pl-8 {
        padding-left: 5rem !important;
    }

    .sm\:pb-0 {
        padding-bottom: 0rem !important;
    }

    .sm\:pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .sm\:pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .sm\:pb-3 {
        padding-bottom: 1rem !important;
    }

    .sm\:pb-4 {
        padding-bottom: 1.5rem !important;
    }

    .sm\:pb-5 {
        padding-bottom: 2rem !important;
    }

    .sm\:pb-6 {
        padding-bottom: 3rem !important;
    }

    .sm\:pb-7 {
        padding-bottom: 4rem !important;
    }

    .sm\:pb-8 {
        padding-bottom: 5rem !important;
    }

    .sm\:px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .sm\:px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .sm\:px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .sm\:px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .sm\:px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .sm\:px-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .sm\:px-6 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .sm\:px-7 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .sm\:px-8 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .sm\:py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .sm\:py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .sm\:py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .sm\:py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .sm\:py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .sm\:py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .sm\:py-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .sm\:py-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .sm\:py-8 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:p-0 {
        padding: 0rem !important;
    }

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

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

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

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

    .md\:p-5 {
        padding: 2rem !important;
    }

    .md\:p-6 {
        padding: 3rem !important;
    }

    .md\:p-7 {
        padding: 4rem !important;
    }

    .md\:p-8 {
        padding: 5rem !important;
    }

    .md\:pt-0 {
        padding-top: 0rem !important;
    }

    .md\:pt-1 {
        padding-top: 0.25rem !important;
    }

    .md\:pt-2 {
        padding-top: 0.5rem !important;
    }

    .md\:pt-3 {
        padding-top: 1rem !important;
    }

    .md\:pt-4 {
        padding-top: 1.5rem !important;
    }

    .md\:pt-5 {
        padding-top: 2rem !important;
    }

    .md\:pt-6 {
        padding-top: 3rem !important;
    }

    .md\:pt-7 {
        padding-top: 4rem !important;
    }

    .md\:pt-8 {
        padding-top: 5rem !important;
    }

    .md\:pr-0 {
        padding-right: 0rem !important;
    }

    .md\:pr-1 {
        padding-right: 0.25rem !important;
    }

    .md\:pr-2 {
        padding-right: 0.5rem !important;
    }

    .md\:pr-3 {
        padding-right: 1rem !important;
    }

    .md\:pr-4 {
        padding-right: 1.5rem !important;
    }

    .md\:pr-5 {
        padding-right: 2rem !important;
    }

    .md\:pr-6 {
        padding-right: 3rem !important;
    }

    .md\:pr-7 {
        padding-right: 4rem !important;
    }

    .md\:pr-8 {
        padding-right: 5rem !important;
    }

    .md\:pl-0 {
        padding-left: 0rem !important;
    }

    .md\:pl-1 {
        padding-left: 0.25rem !important;
    }

    .md\:pl-2 {
        padding-left: 0.5rem !important;
    }

    .md\:pl-3 {
        padding-left: 1rem !important;
    }

    .md\:pl-4 {
        padding-left: 1.5rem !important;
    }

    .md\:pl-5 {
        padding-left: 2rem !important;
    }

    .md\:pl-6 {
        padding-left: 3rem !important;
    }

    .md\:pl-7 {
        padding-left: 4rem !important;
    }

    .md\:pl-8 {
        padding-left: 5rem !important;
    }

    .md\:pb-0 {
        padding-bottom: 0rem !important;
    }

    .md\:pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .md\:pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .md\:pb-3 {
        padding-bottom: 1rem !important;
    }

    .md\:pb-4 {
        padding-bottom: 1.5rem !important;
    }

    .md\:pb-5 {
        padding-bottom: 2rem !important;
    }

    .md\:pb-6 {
        padding-bottom: 3rem !important;
    }

    .md\:pb-7 {
        padding-bottom: 4rem !important;
    }

    .md\:pb-8 {
        padding-bottom: 5rem !important;
    }

    .md\:px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .md\:px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .md\:px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .md\:px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .md\:px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .md\:px-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .md\:px-6 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .md\:px-7 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .md\:px-8 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .md\:py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .md\:py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .md\:py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .md\:py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .md\:py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .md\:py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .md\:py-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .md\:py-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .md\:py-8 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:p-0 {
        padding: 0rem !important;
    }

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

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

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

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

    .lg\:p-5 {
        padding: 2rem !important;
    }

    .lg\:p-6 {
        padding: 3rem !important;
    }

    .lg\:p-7 {
        padding: 4rem !important;
    }

    .lg\:p-8 {
        padding: 5rem !important;
    }

    .lg\:pt-0 {
        padding-top: 0rem !important;
    }

    .lg\:pt-1 {
        padding-top: 0.25rem !important;
    }

    .lg\:pt-2 {
        padding-top: 0.5rem !important;
    }

    .lg\:pt-3 {
        padding-top: 1rem !important;
    }

    .lg\:pt-4 {
        padding-top: 1.5rem !important;
    }

    .lg\:pt-5 {
        padding-top: 2rem !important;
    }

    .lg\:pt-6 {
        padding-top: 3rem !important;
    }

    .lg\:pt-7 {
        padding-top: 4rem !important;
    }

    .lg\:pt-8 {
        padding-top: 5rem !important;
    }

    .lg\:pr-0 {
        padding-right: 0rem !important;
    }

    .lg\:pr-1 {
        padding-right: 0.25rem !important;
    }

    .lg\:pr-2 {
        padding-right: 0.5rem !important;
    }

    .lg\:pr-3 {
        padding-right: 1rem !important;
    }

    .lg\:pr-4 {
        padding-right: 1.5rem !important;
    }

    .lg\:pr-5 {
        padding-right: 2rem !important;
    }

    .lg\:pr-6 {
        padding-right: 3rem !important;
    }

    .lg\:pr-7 {
        padding-right: 4rem !important;
    }

    .lg\:pr-8 {
        padding-right: 5rem !important;
    }

    .lg\:pl-0 {
        padding-left: 0rem !important;
    }

    .lg\:pl-1 {
        padding-left: 0.25rem !important;
    }

    .lg\:pl-2 {
        padding-left: 0.5rem !important;
    }

    .lg\:pl-3 {
        padding-left: 1rem !important;
    }

    .lg\:pl-4 {
        padding-left: 1.5rem !important;
    }

    .lg\:pl-5 {
        padding-left: 2rem !important;
    }

    .lg\:pl-6 {
        padding-left: 3rem !important;
    }

    .lg\:pl-7 {
        padding-left: 4rem !important;
    }

    .lg\:pl-8 {
        padding-left: 5rem !important;
    }

    .lg\:pb-0 {
        padding-bottom: 0rem !important;
    }

    .lg\:pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .lg\:pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .lg\:pb-3 {
        padding-bottom: 1rem !important;
    }

    .lg\:pb-4 {
        padding-bottom: 1.5rem !important;
    }

    .lg\:pb-5 {
        padding-bottom: 2rem !important;
    }

    .lg\:pb-6 {
        padding-bottom: 3rem !important;
    }

    .lg\:pb-7 {
        padding-bottom: 4rem !important;
    }

    .lg\:pb-8 {
        padding-bottom: 5rem !important;
    }

    .lg\:px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .lg\:px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .lg\:px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .lg\:px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .lg\:px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .lg\:px-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .lg\:px-6 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .lg\:px-7 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .lg\:px-8 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .lg\:py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .lg\:py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .lg\:py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .lg\:py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .lg\:py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .lg\:py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .lg\:py-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .lg\:py-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .lg\:py-8 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:p-0 {
        padding: 0rem !important;
    }

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

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

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

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

    .xl\:p-5 {
        padding: 2rem !important;
    }

    .xl\:p-6 {
        padding: 3rem !important;
    }

    .xl\:p-7 {
        padding: 4rem !important;
    }

    .xl\:p-8 {
        padding: 5rem !important;
    }

    .xl\:pt-0 {
        padding-top: 0rem !important;
    }

    .xl\:pt-1 {
        padding-top: 0.25rem !important;
    }

    .xl\:pt-2 {
        padding-top: 0.5rem !important;
    }

    .xl\:pt-3 {
        padding-top: 1rem !important;
    }

    .xl\:pt-4 {
        padding-top: 1.5rem !important;
    }

    .xl\:pt-5 {
        padding-top: 2rem !important;
    }

    .xl\:pt-6 {
        padding-top: 3rem !important;
    }

    .xl\:pt-7 {
        padding-top: 4rem !important;
    }

    .xl\:pt-8 {
        padding-top: 5rem !important;
    }

    .xl\:pr-0 {
        padding-right: 0rem !important;
    }

    .xl\:pr-1 {
        padding-right: 0.25rem !important;
    }

    .xl\:pr-2 {
        padding-right: 0.5rem !important;
    }

    .xl\:pr-3 {
        padding-right: 1rem !important;
    }

    .xl\:pr-4 {
        padding-right: 1.5rem !important;
    }

    .xl\:pr-5 {
        padding-right: 2rem !important;
    }

    .xl\:pr-6 {
        padding-right: 3rem !important;
    }

    .xl\:pr-7 {
        padding-right: 4rem !important;
    }

    .xl\:pr-8 {
        padding-right: 5rem !important;
    }

    .xl\:pl-0 {
        padding-left: 0rem !important;
    }

    .xl\:pl-1 {
        padding-left: 0.25rem !important;
    }

    .xl\:pl-2 {
        padding-left: 0.5rem !important;
    }

    .xl\:pl-3 {
        padding-left: 1rem !important;
    }

    .xl\:pl-4 {
        padding-left: 1.5rem !important;
    }

    .xl\:pl-5 {
        padding-left: 2rem !important;
    }

    .xl\:pl-6 {
        padding-left: 3rem !important;
    }

    .xl\:pl-7 {
        padding-left: 4rem !important;
    }

    .xl\:pl-8 {
        padding-left: 5rem !important;
    }

    .xl\:pb-0 {
        padding-bottom: 0rem !important;
    }

    .xl\:pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .xl\:pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .xl\:pb-3 {
        padding-bottom: 1rem !important;
    }

    .xl\:pb-4 {
        padding-bottom: 1.5rem !important;
    }

    .xl\:pb-5 {
        padding-bottom: 2rem !important;
    }

    .xl\:pb-6 {
        padding-bottom: 3rem !important;
    }

    .xl\:pb-7 {
        padding-bottom: 4rem !important;
    }

    .xl\:pb-8 {
        padding-bottom: 5rem !important;
    }

    .xl\:px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .xl\:px-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }

    .xl\:px-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .xl\:px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .xl\:px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .xl\:px-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .xl\:px-6 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .xl\:px-7 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .xl\:px-8 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .xl\:py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .xl\:py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .xl\:py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .xl\:py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .xl\:py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .xl\:py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .xl\:py-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .xl\:py-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .xl\:py-8 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-5 {
    margin-top: 2rem !important;
}

.mt-6 {
    margin-top: 3rem !important;
}

.mt-7 {
    margin-top: 4rem !important;
}

.mt-8 {
    margin-top: 5rem !important;
}

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

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

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

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

.-mt-5 {
    margin-top: -2rem !important;
}

.-mt-6 {
    margin-top: -3rem !important;
}

.-mt-7 {
    margin-top: -4rem !important;
}

.-mt-8 {
    margin-top: -5rem !important;
}

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

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

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

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

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

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

.mr-5 {
    margin-right: 2rem !important;
}

.mr-6 {
    margin-right: 3rem !important;
}

.mr-7 {
    margin-right: 4rem !important;
}

.mr-8 {
    margin-right: 5rem !important;
}

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

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

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

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

.-mr-5 {
    margin-right: -2rem !important;
}

.-mr-6 {
    margin-right: -3rem !important;
}

.-mr-7 {
    margin-right: -4rem !important;
}

.-mr-8 {
    margin-right: -5rem !important;
}

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

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

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

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

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

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

.ml-5 {
    margin-left: 2rem !important;
}

.ml-6 {
    margin-left: 3rem !important;
}

.ml-7 {
    margin-left: 4rem !important;
}

.ml-8 {
    margin-left: 5rem !important;
}

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

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

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

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

.-ml-5 {
    margin-left: -2rem !important;
}

.-ml-6 {
    margin-left: -3rem !important;
}

.-ml-7 {
    margin-left: -4rem !important;
}

.-ml-8 {
    margin-left: -5rem !important;
}

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

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

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

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

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

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

.mb-5 {
    margin-bottom: 2rem !important;
}

.mb-6 {
    margin-bottom: 3rem !important;
}

.mb-7 {
    margin-bottom: 4rem !important;
}

.mb-8 {
    margin-bottom: 5rem !important;
}

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

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

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

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

.-mb-5 {
    margin-bottom: -2rem !important;
}

.-mb-6 {
    margin-bottom: -3rem !important;
}

.-mb-7 {
    margin-bottom: -4rem !important;
}

.-mb-8 {
    margin-bottom: -5rem !important;
}

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

.mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

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

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

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

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

.mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

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

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

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

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

.-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
}

.-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}

.-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
}

.-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
}

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

.my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

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

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

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

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

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

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

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

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

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

.-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
}

.-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
}

.-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
}

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

@media screen and (min-width: 576px) {
    .sm\:m-0 {
        margin: 0rem !important;
    }

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

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

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

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

    .sm\:m-5 {
        margin: 2rem !important;
    }

    .sm\:m-6 {
        margin: 3rem !important;
    }

    .sm\:m-7 {
        margin: 4rem !important;
    }

    .sm\:m-8 {
        margin: 5rem !important;
    }

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

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

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

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

    .sm\:-m-5 {
        margin: -2rem !important;
    }

    .sm\:-m-6 {
        margin: -3rem !important;
    }

    .sm\:-m-7 {
        margin: -4rem !important;
    }

    .sm\:-m-8 {
        margin: -5rem !important;
    }

    .sm\:m-auto {
        margin: auto !important;
    }

    .sm\:mt-0 {
        margin-top: 0rem !important;
    }

    .sm\:mt-1 {
        margin-top: 0.25rem !important;
    }

    .sm\:mt-2 {
        margin-top: 0.5rem !important;
    }

    .sm\:mt-3 {
        margin-top: 1rem !important;
    }

    .sm\:mt-4 {
        margin-top: 1.5rem !important;
    }

    .sm\:mt-5 {
        margin-top: 2rem !important;
    }

    .sm\:mt-6 {
        margin-top: 3rem !important;
    }

    .sm\:mt-7 {
        margin-top: 4rem !important;
    }

    .sm\:mt-8 {
        margin-top: 5rem !important;
    }

    .sm\:-mt-1 {
        margin-top: -0.25rem !important;
    }

    .sm\:-mt-2 {
        margin-top: -0.5rem !important;
    }

    .sm\:-mt-3 {
        margin-top: -1rem !important;
    }

    .sm\:-mt-4 {
        margin-top: -1.5rem !important;
    }

    .sm\:-mt-5 {
        margin-top: -2rem !important;
    }

    .sm\:-mt-6 {
        margin-top: -3rem !important;
    }

    .sm\:-mt-7 {
        margin-top: -4rem !important;
    }

    .sm\:-mt-8 {
        margin-top: -5rem !important;
    }

    .sm\:mt-auto {
        margin-top: auto !important;
    }

    .sm\:mr-0 {
        margin-right: 0rem !important;
    }

    .sm\:mr-1 {
        margin-right: 0.25rem !important;
    }

    .sm\:mr-2 {
        margin-right: 0.5rem !important;
    }

    .sm\:mr-3 {
        margin-right: 1rem !important;
    }

    .sm\:mr-4 {
        margin-right: 1.5rem !important;
    }

    .sm\:mr-5 {
        margin-right: 2rem !important;
    }

    .sm\:mr-6 {
        margin-right: 3rem !important;
    }

    .sm\:mr-7 {
        margin-right: 4rem !important;
    }

    .sm\:mr-8 {
        margin-right: 5rem !important;
    }

    .sm\:-mr-1 {
        margin-right: -0.25rem !important;
    }

    .sm\:-mr-2 {
        margin-right: -0.5rem !important;
    }

    .sm\:-mr-3 {
        margin-right: -1rem !important;
    }

    .sm\:-mr-4 {
        margin-right: -1.5rem !important;
    }

    .sm\:-mr-5 {
        margin-right: -2rem !important;
    }

    .sm\:-mr-6 {
        margin-right: -3rem !important;
    }

    .sm\:-mr-7 {
        margin-right: -4rem !important;
    }

    .sm\:-mr-8 {
        margin-right: -5rem !important;
    }

    .sm\:mr-auto {
        margin-right: auto !important;
    }

    .sm\:ml-0 {
        margin-left: 0rem !important;
    }

    .sm\:ml-1 {
        margin-left: 0.25rem !important;
    }

    .sm\:ml-2 {
        margin-left: 0.5rem !important;
    }

    .sm\:ml-3 {
        margin-left: 1rem !important;
    }

    .sm\:ml-4 {
        margin-left: 1.5rem !important;
    }

    .sm\:ml-5 {
        margin-left: 2rem !important;
    }

    .sm\:ml-6 {
        margin-left: 3rem !important;
    }

    .sm\:ml-7 {
        margin-left: 4rem !important;
    }

    .sm\:ml-8 {
        margin-left: 5rem !important;
    }

    .sm\:-ml-1 {
        margin-left: -0.25rem !important;
    }

    .sm\:-ml-2 {
        margin-left: -0.5rem !important;
    }

    .sm\:-ml-3 {
        margin-left: -1rem !important;
    }

    .sm\:-ml-4 {
        margin-left: -1.5rem !important;
    }

    .sm\:-ml-5 {
        margin-left: -2rem !important;
    }

    .sm\:-ml-6 {
        margin-left: -3rem !important;
    }

    .sm\:-ml-7 {
        margin-left: -4rem !important;
    }

    .sm\:-ml-8 {
        margin-left: -5rem !important;
    }

    .sm\:ml-auto {
        margin-left: auto !important;
    }

    .sm\:mb-0 {
        margin-bottom: 0rem !important;
    }

    .sm\:mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .sm\:mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .sm\:mb-3 {
        margin-bottom: 1rem !important;
    }

    .sm\:mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .sm\:mb-5 {
        margin-bottom: 2rem !important;
    }

    .sm\:mb-6 {
        margin-bottom: 3rem !important;
    }

    .sm\:mb-7 {
        margin-bottom: 4rem !important;
    }

    .sm\:mb-8 {
        margin-bottom: 5rem !important;
    }

    .sm\:-mb-1 {
        margin-bottom: -0.25rem !important;
    }

    .sm\:-mb-2 {
        margin-bottom: -0.5rem !important;
    }

    .sm\:-mb-3 {
        margin-bottom: -1rem !important;
    }

    .sm\:-mb-4 {
        margin-bottom: -1.5rem !important;
    }

    .sm\:-mb-5 {
        margin-bottom: -2rem !important;
    }

    .sm\:-mb-6 {
        margin-bottom: -3rem !important;
    }

    .sm\:-mb-7 {
        margin-bottom: -4rem !important;
    }

    .sm\:-mb-8 {
        margin-bottom: -5rem !important;
    }

    .sm\:mb-auto {
        margin-bottom: auto !important;
    }

    .sm\:mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .sm\:mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .sm\:mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .sm\:mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .sm\:mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .sm\:mx-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .sm\:mx-6 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .sm\:mx-7 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .sm\:mx-8 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .sm\:-mx-1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .sm\:-mx-2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .sm\:-mx-3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .sm\:-mx-4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .sm\:-mx-5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .sm\:-mx-6 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .sm\:-mx-7 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .sm\:-mx-8 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .sm\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .sm\:my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .sm\:my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .sm\:my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .sm\:my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .sm\:my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .sm\:my-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .sm\:my-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .sm\:my-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .sm\:my-8 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .sm\:-my-1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .sm\:-my-2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .sm\:-my-3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .sm\:-my-4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .sm\:-my-5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .sm\:-my-6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .sm\:-my-7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .sm\:-my-8 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .sm\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:m-0 {
        margin: 0rem !important;
    }

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

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

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

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

    .md\:m-5 {
        margin: 2rem !important;
    }

    .md\:m-6 {
        margin: 3rem !important;
    }

    .md\:m-7 {
        margin: 4rem !important;
    }

    .md\:m-8 {
        margin: 5rem !important;
    }

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

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

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

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

    .md\:-m-5 {
        margin: -2rem !important;
    }

    .md\:-m-6 {
        margin: -3rem !important;
    }

    .md\:-m-7 {
        margin: -4rem !important;
    }

    .md\:-m-8 {
        margin: -5rem !important;
    }

    .md\:m-auto {
        margin: auto !important;
    }

    .md\:mt-0 {
        margin-top: 0rem !important;
    }

    .md\:mt-1 {
        margin-top: 0.25rem !important;
    }

    .md\:mt-2 {
        margin-top: 0.5rem !important;
    }

    .md\:mt-3 {
        margin-top: 1rem !important;
    }

    .md\:mt-4 {
        margin-top: 1.5rem !important;
    }

    .md\:mt-5 {
        margin-top: 2rem !important;
    }

    .md\:mt-6 {
        margin-top: 3rem !important;
    }

    .md\:mt-7 {
        margin-top: 4rem !important;
    }

    .md\:mt-8 {
        margin-top: 5rem !important;
    }

    .md\:-mt-1 {
        margin-top: -0.25rem !important;
    }

    .md\:-mt-2 {
        margin-top: -0.5rem !important;
    }

    .md\:-mt-3 {
        margin-top: -1rem !important;
    }

    .md\:-mt-4 {
        margin-top: -1.5rem !important;
    }

    .md\:-mt-5 {
        margin-top: -2rem !important;
    }

    .md\:-mt-6 {
        margin-top: -3rem !important;
    }

    .md\:-mt-7 {
        margin-top: -4rem !important;
    }

    .md\:-mt-8 {
        margin-top: -5rem !important;
    }

    .md\:mt-auto {
        margin-top: auto !important;
    }

    .md\:mr-0 {
        margin-right: 0rem !important;
    }

    .md\:mr-1 {
        margin-right: 0.25rem !important;
    }

    .md\:mr-2 {
        margin-right: 0.5rem !important;
    }

    .md\:mr-3 {
        margin-right: 1rem !important;
    }

    .md\:mr-4 {
        margin-right: 1.5rem !important;
    }

    .md\:mr-5 {
        margin-right: 2rem !important;
    }

    .md\:mr-6 {
        margin-right: 3rem !important;
    }

    .md\:mr-7 {
        margin-right: 4rem !important;
    }

    .md\:mr-8 {
        margin-right: 5rem !important;
    }

    .md\:-mr-1 {
        margin-right: -0.25rem !important;
    }

    .md\:-mr-2 {
        margin-right: -0.5rem !important;
    }

    .md\:-mr-3 {
        margin-right: -1rem !important;
    }

    .md\:-mr-4 {
        margin-right: -1.5rem !important;
    }

    .md\:-mr-5 {
        margin-right: -2rem !important;
    }

    .md\:-mr-6 {
        margin-right: -3rem !important;
    }

    .md\:-mr-7 {
        margin-right: -4rem !important;
    }

    .md\:-mr-8 {
        margin-right: -5rem !important;
    }

    .md\:mr-auto {
        margin-right: auto !important;
    }

    .md\:ml-0 {
        margin-left: 0rem !important;
    }

    .md\:ml-1 {
        margin-left: 0.25rem !important;
    }

    .md\:ml-2 {
        margin-left: 0.5rem !important;
    }

    .md\:ml-3 {
        margin-left: 1rem !important;
    }

    .md\:ml-4 {
        margin-left: 1.5rem !important;
    }

    .md\:ml-5 {
        margin-left: 2rem !important;
    }

    .md\:ml-6 {
        margin-left: 3rem !important;
    }

    .md\:ml-7 {
        margin-left: 4rem !important;
    }

    .md\:ml-8 {
        margin-left: 5rem !important;
    }

    .md\:-ml-1 {
        margin-left: -0.25rem !important;
    }

    .md\:-ml-2 {
        margin-left: -0.5rem !important;
    }

    .md\:-ml-3 {
        margin-left: -1rem !important;
    }

    .md\:-ml-4 {
        margin-left: -1.5rem !important;
    }

    .md\:-ml-5 {
        margin-left: -2rem !important;
    }

    .md\:-ml-6 {
        margin-left: -3rem !important;
    }

    .md\:-ml-7 {
        margin-left: -4rem !important;
    }

    .md\:-ml-8 {
        margin-left: -5rem !important;
    }

    .md\:ml-auto {
        margin-left: auto !important;
    }

    .md\:mb-0 {
        margin-bottom: 0rem !important;
    }

    .md\:mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .md\:mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .md\:mb-3 {
        margin-bottom: 1rem !important;
    }

    .md\:mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .md\:mb-5 {
        margin-bottom: 2rem !important;
    }

    .md\:mb-6 {
        margin-bottom: 3rem !important;
    }

    .md\:mb-7 {
        margin-bottom: 4rem !important;
    }

    .md\:mb-8 {
        margin-bottom: 5rem !important;
    }

    .md\:-mb-1 {
        margin-bottom: -0.25rem !important;
    }

    .md\:-mb-2 {
        margin-bottom: -0.5rem !important;
    }

    .md\:-mb-3 {
        margin-bottom: -1rem !important;
    }

    .md\:-mb-4 {
        margin-bottom: -1.5rem !important;
    }

    .md\:-mb-5 {
        margin-bottom: -2rem !important;
    }

    .md\:-mb-6 {
        margin-bottom: -3rem !important;
    }

    .md\:-mb-7 {
        margin-bottom: -4rem !important;
    }

    .md\:-mb-8 {
        margin-bottom: -5rem !important;
    }

    .md\:mb-auto {
        margin-bottom: auto !important;
    }

    .md\:mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .md\:mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .md\:mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .md\:mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .md\:mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .md\:mx-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .md\:mx-6 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .md\:mx-7 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .md\:mx-8 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .md\:-mx-1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .md\:-mx-2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .md\:-mx-3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .md\:-mx-4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .md\:-mx-5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .md\:-mx-6 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .md\:-mx-7 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .md\:-mx-8 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .md\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .md\:my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .md\:my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .md\:my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .md\:my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .md\:my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .md\:my-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .md\:my-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .md\:my-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .md\:my-8 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .md\:-my-1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .md\:-my-2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .md\:-my-3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .md\:-my-4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .md\:-my-5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .md\:-my-6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .md\:-my-7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .md\:-my-8 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .md\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:m-0 {
        margin: 0rem !important;
    }

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

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

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

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

    .lg\:m-5 {
        margin: 2rem !important;
    }

    .lg\:m-6 {
        margin: 3rem !important;
    }

    .lg\:m-7 {
        margin: 4rem !important;
    }

    .lg\:m-8 {
        margin: 5rem !important;
    }

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

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

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

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

    .lg\:-m-5 {
        margin: -2rem !important;
    }

    .lg\:-m-6 {
        margin: -3rem !important;
    }

    .lg\:-m-7 {
        margin: -4rem !important;
    }

    .lg\:-m-8 {
        margin: -5rem !important;
    }

    .lg\:m-auto {
        margin: auto !important;
    }

    .lg\:mt-0 {
        margin-top: 0rem !important;
    }

    .lg\:mt-1 {
        margin-top: 0.25rem !important;
    }

    .lg\:mt-2 {
        margin-top: 0.5rem !important;
    }

    .lg\:mt-3 {
        margin-top: 1rem !important;
    }

    .lg\:mt-4 {
        margin-top: 1.5rem !important;
    }

    .lg\:mt-5 {
        margin-top: 2rem !important;
    }

    .lg\:mt-6 {
        margin-top: 3rem !important;
    }

    .lg\:mt-7 {
        margin-top: 4rem !important;
    }

    .lg\:mt-8 {
        margin-top: 5rem !important;
    }

    .lg\:-mt-1 {
        margin-top: -0.25rem !important;
    }

    .lg\:-mt-2 {
        margin-top: -0.5rem !important;
    }

    .lg\:-mt-3 {
        margin-top: -1rem !important;
    }

    .lg\:-mt-4 {
        margin-top: -1.5rem !important;
    }

    .lg\:-mt-5 {
        margin-top: -2rem !important;
    }

    .lg\:-mt-6 {
        margin-top: -3rem !important;
    }

    .lg\:-mt-7 {
        margin-top: -4rem !important;
    }

    .lg\:-mt-8 {
        margin-top: -5rem !important;
    }

    .lg\:mt-auto {
        margin-top: auto !important;
    }

    .lg\:mr-0 {
        margin-right: 0rem !important;
    }

    .lg\:mr-1 {
        margin-right: 0.25rem !important;
    }

    .lg\:mr-2 {
        margin-right: 0.5rem !important;
    }

    .lg\:mr-3 {
        margin-right: 1rem !important;
    }

    .lg\:mr-4 {
        margin-right: 1.5rem !important;
    }

    .lg\:mr-5 {
        margin-right: 2rem !important;
    }

    .lg\:mr-6 {
        margin-right: 3rem !important;
    }

    .lg\:mr-7 {
        margin-right: 4rem !important;
    }

    .lg\:mr-8 {
        margin-right: 5rem !important;
    }

    .lg\:-mr-1 {
        margin-right: -0.25rem !important;
    }

    .lg\:-mr-2 {
        margin-right: -0.5rem !important;
    }

    .lg\:-mr-3 {
        margin-right: -1rem !important;
    }

    .lg\:-mr-4 {
        margin-right: -1.5rem !important;
    }

    .lg\:-mr-5 {
        margin-right: -2rem !important;
    }

    .lg\:-mr-6 {
        margin-right: -3rem !important;
    }

    .lg\:-mr-7 {
        margin-right: -4rem !important;
    }

    .lg\:-mr-8 {
        margin-right: -5rem !important;
    }

    .lg\:mr-auto {
        margin-right: auto !important;
    }

    .lg\:ml-0 {
        margin-left: 0rem !important;
    }

    .lg\:ml-1 {
        margin-left: 0.25rem !important;
    }

    .lg\:ml-2 {
        margin-left: 0.5rem !important;
    }

    .lg\:ml-3 {
        margin-left: 1rem !important;
    }

    .lg\:ml-4 {
        margin-left: 1.5rem !important;
    }

    .lg\:ml-5 {
        margin-left: 2rem !important;
    }

    .lg\:ml-6 {
        margin-left: 3rem !important;
    }

    .lg\:ml-7 {
        margin-left: 4rem !important;
    }

    .lg\:ml-8 {
        margin-left: 5rem !important;
    }

    .lg\:-ml-1 {
        margin-left: -0.25rem !important;
    }

    .lg\:-ml-2 {
        margin-left: -0.5rem !important;
    }

    .lg\:-ml-3 {
        margin-left: -1rem !important;
    }

    .lg\:-ml-4 {
        margin-left: -1.5rem !important;
    }

    .lg\:-ml-5 {
        margin-left: -2rem !important;
    }

    .lg\:-ml-6 {
        margin-left: -3rem !important;
    }

    .lg\:-ml-7 {
        margin-left: -4rem !important;
    }

    .lg\:-ml-8 {
        margin-left: -5rem !important;
    }

    .lg\:ml-auto {
        margin-left: auto !important;
    }

    .lg\:mb-0 {
        margin-bottom: 0rem !important;
    }

    .lg\:mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .lg\:mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .lg\:mb-3 {
        margin-bottom: 1rem !important;
    }

    .lg\:mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .lg\:mb-5 {
        margin-bottom: 2rem !important;
    }

    .lg\:mb-6 {
        margin-bottom: 3rem !important;
    }

    .lg\:mb-7 {
        margin-bottom: 4rem !important;
    }

    .lg\:mb-8 {
        margin-bottom: 5rem !important;
    }

    .lg\:-mb-1 {
        margin-bottom: -0.25rem !important;
    }

    .lg\:-mb-2 {
        margin-bottom: -0.5rem !important;
    }

    .lg\:-mb-3 {
        margin-bottom: -1rem !important;
    }

    .lg\:-mb-4 {
        margin-bottom: -1.5rem !important;
    }

    .lg\:-mb-5 {
        margin-bottom: -2rem !important;
    }

    .lg\:-mb-6 {
        margin-bottom: -3rem !important;
    }

    .lg\:-mb-7 {
        margin-bottom: -4rem !important;
    }

    .lg\:-mb-8 {
        margin-bottom: -5rem !important;
    }

    .lg\:mb-auto {
        margin-bottom: auto !important;
    }

    .lg\:mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .lg\:mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .lg\:mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .lg\:mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .lg\:mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .lg\:mx-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .lg\:mx-6 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .lg\:mx-7 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .lg\:mx-8 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .lg\:-mx-1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .lg\:-mx-2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .lg\:-mx-3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .lg\:-mx-4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .lg\:-mx-5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .lg\:-mx-6 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .lg\:-mx-7 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .lg\:-mx-8 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .lg\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .lg\:my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .lg\:my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .lg\:my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .lg\:my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .lg\:my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .lg\:my-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .lg\:my-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .lg\:my-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .lg\:my-8 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .lg\:-my-1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .lg\:-my-2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .lg\:-my-3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .lg\:-my-4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .lg\:-my-5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .lg\:-my-6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .lg\:-my-7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .lg\:-my-8 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .lg\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:m-0 {
        margin: 0rem !important;
    }

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

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

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

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

    .xl\:m-5 {
        margin: 2rem !important;
    }

    .xl\:m-6 {
        margin: 3rem !important;
    }

    .xl\:m-7 {
        margin: 4rem !important;
    }

    .xl\:m-8 {
        margin: 5rem !important;
    }

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

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

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

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

    .xl\:-m-5 {
        margin: -2rem !important;
    }

    .xl\:-m-6 {
        margin: -3rem !important;
    }

    .xl\:-m-7 {
        margin: -4rem !important;
    }

    .xl\:-m-8 {
        margin: -5rem !important;
    }

    .xl\:m-auto {
        margin: auto !important;
    }

    .xl\:mt-0 {
        margin-top: 0rem !important;
    }

    .xl\:mt-1 {
        margin-top: 0.25rem !important;
    }

    .xl\:mt-2 {
        margin-top: 0.5rem !important;
    }

    .xl\:mt-3 {
        margin-top: 1rem !important;
    }

    .xl\:mt-4 {
        margin-top: 1.5rem !important;
    }

    .xl\:mt-5 {
        margin-top: 2rem !important;
    }

    .xl\:mt-6 {
        margin-top: 3rem !important;
    }

    .xl\:mt-7 {
        margin-top: 4rem !important;
    }

    .xl\:mt-8 {
        margin-top: 5rem !important;
    }

    .xl\:-mt-1 {
        margin-top: -0.25rem !important;
    }

    .xl\:-mt-2 {
        margin-top: -0.5rem !important;
    }

    .xl\:-mt-3 {
        margin-top: -1rem !important;
    }

    .xl\:-mt-4 {
        margin-top: -1.5rem !important;
    }

    .xl\:-mt-5 {
        margin-top: -2rem !important;
    }

    .xl\:-mt-6 {
        margin-top: -3rem !important;
    }

    .xl\:-mt-7 {
        margin-top: -4rem !important;
    }

    .xl\:-mt-8 {
        margin-top: -5rem !important;
    }

    .xl\:mt-auto {
        margin-top: auto !important;
    }

    .xl\:mr-0 {
        margin-right: 0rem !important;
    }

    .xl\:mr-1 {
        margin-right: 0.25rem !important;
    }

    .xl\:mr-2 {
        margin-right: 0.5rem !important;
    }

    .xl\:mr-3 {
        margin-right: 1rem !important;
    }

    .xl\:mr-4 {
        margin-right: 1.5rem !important;
    }

    .xl\:mr-5 {
        margin-right: 2rem !important;
    }

    .xl\:mr-6 {
        margin-right: 3rem !important;
    }

    .xl\:mr-7 {
        margin-right: 4rem !important;
    }

    .xl\:mr-8 {
        margin-right: 5rem !important;
    }

    .xl\:-mr-1 {
        margin-right: -0.25rem !important;
    }

    .xl\:-mr-2 {
        margin-right: -0.5rem !important;
    }

    .xl\:-mr-3 {
        margin-right: -1rem !important;
    }

    .xl\:-mr-4 {
        margin-right: -1.5rem !important;
    }

    .xl\:-mr-5 {
        margin-right: -2rem !important;
    }

    .xl\:-mr-6 {
        margin-right: -3rem !important;
    }

    .xl\:-mr-7 {
        margin-right: -4rem !important;
    }

    .xl\:-mr-8 {
        margin-right: -5rem !important;
    }

    .xl\:mr-auto {
        margin-right: auto !important;
    }

    .xl\:ml-0 {
        margin-left: 0rem !important;
    }

    .xl\:ml-1 {
        margin-left: 0.25rem !important;
    }

    .xl\:ml-2 {
        margin-left: 0.5rem !important;
    }

    .xl\:ml-3 {
        margin-left: 1rem !important;
    }

    .xl\:ml-4 {
        margin-left: 1.5rem !important;
    }

    .xl\:ml-5 {
        margin-left: 2rem !important;
    }

    .xl\:ml-6 {
        margin-left: 3rem !important;
    }

    .xl\:ml-7 {
        margin-left: 4rem !important;
    }

    .xl\:ml-8 {
        margin-left: 5rem !important;
    }

    .xl\:-ml-1 {
        margin-left: -0.25rem !important;
    }

    .xl\:-ml-2 {
        margin-left: -0.5rem !important;
    }

    .xl\:-ml-3 {
        margin-left: -1rem !important;
    }

    .xl\:-ml-4 {
        margin-left: -1.5rem !important;
    }

    .xl\:-ml-5 {
        margin-left: -2rem !important;
    }

    .xl\:-ml-6 {
        margin-left: -3rem !important;
    }

    .xl\:-ml-7 {
        margin-left: -4rem !important;
    }

    .xl\:-ml-8 {
        margin-left: -5rem !important;
    }

    .xl\:ml-auto {
        margin-left: auto !important;
    }

    .xl\:mb-0 {
        margin-bottom: 0rem !important;
    }

    .xl\:mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .xl\:mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .xl\:mb-3 {
        margin-bottom: 1rem !important;
    }

    .xl\:mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .xl\:mb-5 {
        margin-bottom: 2rem !important;
    }

    .xl\:mb-6 {
        margin-bottom: 3rem !important;
    }

    .xl\:mb-7 {
        margin-bottom: 4rem !important;
    }

    .xl\:mb-8 {
        margin-bottom: 5rem !important;
    }

    .xl\:-mb-1 {
        margin-bottom: -0.25rem !important;
    }

    .xl\:-mb-2 {
        margin-bottom: -0.5rem !important;
    }

    .xl\:-mb-3 {
        margin-bottom: -1rem !important;
    }

    .xl\:-mb-4 {
        margin-bottom: -1.5rem !important;
    }

    .xl\:-mb-5 {
        margin-bottom: -2rem !important;
    }

    .xl\:-mb-6 {
        margin-bottom: -3rem !important;
    }

    .xl\:-mb-7 {
        margin-bottom: -4rem !important;
    }

    .xl\:-mb-8 {
        margin-bottom: -5rem !important;
    }

    .xl\:mb-auto {
        margin-bottom: auto !important;
    }

    .xl\:mx-0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .xl\:mx-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .xl\:mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .xl\:mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .xl\:mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .xl\:mx-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .xl\:mx-6 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .xl\:mx-7 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .xl\:mx-8 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .xl\:-mx-1 {
        margin-left: -0.25rem !important;
        margin-right: -0.25rem !important;
    }

    .xl\:-mx-2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .xl\:-mx-3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .xl\:-mx-4 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .xl\:-mx-5 {
        margin-left: -2rem !important;
        margin-right: -2rem !important;
    }

    .xl\:-mx-6 {
        margin-left: -3rem !important;
        margin-right: -3rem !important;
    }

    .xl\:-mx-7 {
        margin-left: -4rem !important;
        margin-right: -4rem !important;
    }

    .xl\:-mx-8 {
        margin-left: -5rem !important;
        margin-right: -5rem !important;
    }

    .xl\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .xl\:my-0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .xl\:my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .xl\:my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .xl\:my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .xl\:my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .xl\:my-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .xl\:my-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .xl\:my-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .xl\:my-8 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .xl\:-my-1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .xl\:-my-2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .xl\:-my-3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .xl\:-my-4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .xl\:-my-5 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important;
    }

    .xl\:-my-6 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .xl\:-my-7 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .xl\:-my-8 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important;
    }

    .xl\:my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

.shadow-none {
    box-shadow: none !important;
}

.shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

.focus\:shadow-none:focus {
    box-shadow: none !important;
}

.hover\:shadow-none:hover {
    box-shadow: none !important;
}

.active\:shadow-none:active {
    box-shadow: none !important;
}

.focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

.hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

.active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

@media screen and (min-width: 576px) {
    .sm\:shadow-none {
        box-shadow: none !important;
    }

    .sm\:shadow-1 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .sm\:shadow-2 {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .sm\:shadow-3 {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .sm\:shadow-4 {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:shadow-5 {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:shadow-6 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .sm\:shadow-7 {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .sm\:shadow-8 {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:focus\:shadow-none:focus {
        box-shadow: none !important;
    }

    .sm\:hover\:shadow-none:hover {
        box-shadow: none !important;
    }

    .sm\:active\:shadow-none:active {
        box-shadow: none !important;
    }

    .sm\:focus\:shadow-1:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .sm\:hover\:shadow-1:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .sm\:active\:shadow-1:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .sm\:focus\:shadow-2:focus {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .sm\:hover\:shadow-2:hover {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .sm\:active\:shadow-2:active {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .sm\:focus\:shadow-3:focus {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .sm\:hover\:shadow-3:hover {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .sm\:active\:shadow-3:active {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .sm\:focus\:shadow-4:focus {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:hover\:shadow-4:hover {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:active\:shadow-4:active {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:focus\:shadow-5:focus {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:hover\:shadow-5:hover {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:active\:shadow-5:active {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:focus\:shadow-6:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .sm\:hover\:shadow-6:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .sm\:active\:shadow-6:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .sm\:focus\:shadow-7:focus {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .sm\:hover\:shadow-7:hover {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .sm\:active\:shadow-7:active {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .sm\:focus\:shadow-8:focus {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:hover\:shadow-8:hover {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .sm\:active\:shadow-8:active {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:shadow-none {
        box-shadow: none !important;
    }

    .md\:shadow-1 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .md\:shadow-2 {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .md\:shadow-3 {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .md\:shadow-4 {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:shadow-5 {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:shadow-6 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .md\:shadow-7 {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .md\:shadow-8 {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:focus\:shadow-none:focus {
        box-shadow: none !important;
    }

    .md\:hover\:shadow-none:hover {
        box-shadow: none !important;
    }

    .md\:active\:shadow-none:active {
        box-shadow: none !important;
    }

    .md\:focus\:shadow-1:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .md\:hover\:shadow-1:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .md\:active\:shadow-1:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .md\:focus\:shadow-2:focus {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .md\:hover\:shadow-2:hover {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .md\:active\:shadow-2:active {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .md\:focus\:shadow-3:focus {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .md\:hover\:shadow-3:hover {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .md\:active\:shadow-3:active {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .md\:focus\:shadow-4:focus {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:hover\:shadow-4:hover {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:active\:shadow-4:active {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:focus\:shadow-5:focus {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:hover\:shadow-5:hover {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:active\:shadow-5:active {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:focus\:shadow-6:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .md\:hover\:shadow-6:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .md\:active\:shadow-6:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .md\:focus\:shadow-7:focus {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .md\:hover\:shadow-7:hover {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .md\:active\:shadow-7:active {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .md\:focus\:shadow-8:focus {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:hover\:shadow-8:hover {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .md\:active\:shadow-8:active {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:shadow-none {
        box-shadow: none !important;
    }

    .lg\:shadow-1 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .lg\:shadow-2 {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .lg\:shadow-3 {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .lg\:shadow-4 {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:shadow-5 {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:shadow-6 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .lg\:shadow-7 {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .lg\:shadow-8 {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:focus\:shadow-none:focus {
        box-shadow: none !important;
    }

    .lg\:hover\:shadow-none:hover {
        box-shadow: none !important;
    }

    .lg\:active\:shadow-none:active {
        box-shadow: none !important;
    }

    .lg\:focus\:shadow-1:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .lg\:hover\:shadow-1:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .lg\:active\:shadow-1:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .lg\:focus\:shadow-2:focus {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .lg\:hover\:shadow-2:hover {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .lg\:active\:shadow-2:active {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .lg\:focus\:shadow-3:focus {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .lg\:hover\:shadow-3:hover {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .lg\:active\:shadow-3:active {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .lg\:focus\:shadow-4:focus {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:hover\:shadow-4:hover {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:active\:shadow-4:active {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:focus\:shadow-5:focus {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:hover\:shadow-5:hover {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:active\:shadow-5:active {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:focus\:shadow-6:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .lg\:hover\:shadow-6:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .lg\:active\:shadow-6:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .lg\:focus\:shadow-7:focus {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .lg\:hover\:shadow-7:hover {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .lg\:active\:shadow-7:active {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .lg\:focus\:shadow-8:focus {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:hover\:shadow-8:hover {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .lg\:active\:shadow-8:active {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:shadow-none {
        box-shadow: none !important;
    }

    .xl\:shadow-1 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .xl\:shadow-2 {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .xl\:shadow-3 {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .xl\:shadow-4 {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:shadow-5 {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:shadow-6 {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .xl\:shadow-7 {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .xl\:shadow-8 {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:focus\:shadow-none:focus {
        box-shadow: none !important;
    }

    .xl\:hover\:shadow-none:hover {
        box-shadow: none !important;
    }

    .xl\:active\:shadow-none:active {
        box-shadow: none !important;
    }

    .xl\:focus\:shadow-1:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .xl\:hover\:shadow-1:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .xl\:active\:shadow-1:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }

    .xl\:focus\:shadow-2:focus {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .xl\:hover\:shadow-2:hover {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .xl\:active\:shadow-2:active {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }

    .xl\:focus\:shadow-3:focus {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .xl\:hover\:shadow-3:hover {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .xl\:active\:shadow-3:active {
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }

    .xl\:focus\:shadow-4:focus {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:hover\:shadow-4:hover {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:active\:shadow-4:active {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:focus\:shadow-5:focus {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:hover\:shadow-5:hover {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:active\:shadow-5:active {
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:focus\:shadow-6:focus {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .xl\:hover\:shadow-6:hover {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .xl\:active\:shadow-6:active {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }

    .xl\:focus\:shadow-7:focus {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .xl\:hover\:shadow-7:hover {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .xl\:active\:shadow-7:active {
        box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }

    .xl\:focus\:shadow-8:focus {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:hover\:shadow-8:hover {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .xl\:active\:shadow-8:active {
        box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
}

.border-none {
    border-width: 0px !important;
    border-style: none;
}

.border-1 {
    border-width: 1px !important;
    border-style: solid;
}

.border-2 {
    border-width: 2px !important;
    border-style: solid;
}

.border-3 {
    border-width: 3px !important;
    border-style: solid;
}

.border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
}

.border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
}

.border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
}

.border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
}

.border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
}

.border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
}

.border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
}

.border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
}

.border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
}

.border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
}

.border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
}

.border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
}

.border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
}

.border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
}

.border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
}

.border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
}

.border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
}

.border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
}

.border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
}

.border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
}

.border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
}

.border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
}

.border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
}

.border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
}

@media screen and (min-width: 576px) {
    .sm\:border-none {
        border-width: 0px !important;
        border-style: none;
    }

    .sm\:border-1 {
        border-width: 1px !important;
        border-style: solid;
    }

    .sm\:border-2 {
        border-width: 2px !important;
        border-style: solid;
    }

    .sm\:border-3 {
        border-width: 3px !important;
        border-style: solid;
    }

    .sm\:border-top-none {
        border-top-width: 0px !important;
        border-top-style: none;
    }

    .sm\:border-top-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
    }

    .sm\:border-top-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
    }

    .sm\:border-top-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
    }

    .sm\:border-right-none {
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .sm\:border-right-1 {
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .sm\:border-right-2 {
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .sm\:border-right-3 {
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .sm\:border-left-none {
        border-left-width: 0px !important;
        border-left-style: none;
    }

    .sm\:border-left-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
    }

    .sm\:border-left-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
    }

    .sm\:border-left-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
    }

    .sm\:border-bottom-none {
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .sm\:border-bottom-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .sm\:border-bottom-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .sm\:border-bottom-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }

    .sm\:border-x-none {
        border-left-width: 0px !important;
        border-left-style: none;
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .sm\:border-x-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .sm\:border-x-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .sm\:border-x-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .sm\:border-y-none {
        border-top-width: 0px !important;
        border-top-style: none;
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .sm\:border-y-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .sm\:border-y-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .sm\:border-y-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }
}

@media screen and (min-width: 768px) {
    .md\:border-none {
        border-width: 0px !important;
        border-style: none;
    }

    .md\:border-1 {
        border-width: 1px !important;
        border-style: solid;
    }

    .md\:border-2 {
        border-width: 2px !important;
        border-style: solid;
    }

    .md\:border-3 {
        border-width: 3px !important;
        border-style: solid;
    }

    .md\:border-top-none {
        border-top-width: 0px !important;
        border-top-style: none;
    }

    .md\:border-top-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
    }

    .md\:border-top-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
    }

    .md\:border-top-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
    }

    .md\:border-right-none {
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .md\:border-right-1 {
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .md\:border-right-2 {
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .md\:border-right-3 {
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .md\:border-left-none {
        border-left-width: 0px !important;
        border-left-style: none;
    }

    .md\:border-left-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
    }

    .md\:border-left-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
    }

    .md\:border-left-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
    }

    .md\:border-bottom-none {
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .md\:border-bottom-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .md\:border-bottom-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .md\:border-bottom-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }

    .md\:border-x-none {
        border-left-width: 0px !important;
        border-left-style: none;
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .md\:border-x-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .md\:border-x-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .md\:border-x-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .md\:border-y-none {
        border-top-width: 0px !important;
        border-top-style: none;
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .md\:border-y-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .md\:border-y-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .md\:border-y-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }
}

@media screen and (min-width: 992px) {
    .lg\:border-none {
        border-width: 0px !important;
        border-style: none;
    }

    .lg\:border-1 {
        border-width: 1px !important;
        border-style: solid;
    }

    .lg\:border-2 {
        border-width: 2px !important;
        border-style: solid;
    }

    .lg\:border-3 {
        border-width: 3px !important;
        border-style: solid;
    }

    .lg\:border-top-none {
        border-top-width: 0px !important;
        border-top-style: none;
    }

    .lg\:border-top-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
    }

    .lg\:border-top-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
    }

    .lg\:border-top-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
    }

    .lg\:border-right-none {
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .lg\:border-right-1 {
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .lg\:border-right-2 {
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .lg\:border-right-3 {
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .lg\:border-left-none {
        border-left-width: 0px !important;
        border-left-style: none;
    }

    .lg\:border-left-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
    }

    .lg\:border-left-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
    }

    .lg\:border-left-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
    }

    .lg\:border-bottom-none {
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .lg\:border-bottom-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .lg\:border-bottom-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .lg\:border-bottom-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }

    .lg\:border-x-none {
        border-left-width: 0px !important;
        border-left-style: none;
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .lg\:border-x-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .lg\:border-x-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .lg\:border-x-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .lg\:border-y-none {
        border-top-width: 0px !important;
        border-top-style: none;
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .lg\:border-y-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .lg\:border-y-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .lg\:border-y-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:border-none {
        border-width: 0px !important;
        border-style: none;
    }

    .xl\:border-1 {
        border-width: 1px !important;
        border-style: solid;
    }

    .xl\:border-2 {
        border-width: 2px !important;
        border-style: solid;
    }

    .xl\:border-3 {
        border-width: 3px !important;
        border-style: solid;
    }

    .xl\:border-top-none {
        border-top-width: 0px !important;
        border-top-style: none;
    }

    .xl\:border-top-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
    }

    .xl\:border-top-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
    }

    .xl\:border-top-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
    }

    .xl\:border-right-none {
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .xl\:border-right-1 {
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .xl\:border-right-2 {
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .xl\:border-right-3 {
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .xl\:border-left-none {
        border-left-width: 0px !important;
        border-left-style: none;
    }

    .xl\:border-left-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
    }

    .xl\:border-left-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
    }

    .xl\:border-left-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
    }

    .xl\:border-bottom-none {
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .xl\:border-bottom-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .xl\:border-bottom-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .xl\:border-bottom-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }

    .xl\:border-x-none {
        border-left-width: 0px !important;
        border-left-style: none;
        border-right-width: 0px !important;
        border-right-style: none;
    }

    .xl\:border-x-1 {
        border-left-width: 1px !important;
        border-left-style: solid;
        border-right-width: 1px !important;
        border-right-style: solid;
    }

    .xl\:border-x-2 {
        border-left-width: 2px !important;
        border-left-style: solid;
        border-right-width: 2px !important;
        border-right-style: solid;
    }

    .xl\:border-x-3 {
        border-left-width: 3px !important;
        border-left-style: solid;
        border-right-width: 3px !important;
        border-right-style: solid;
    }

    .xl\:border-y-none {
        border-top-width: 0px !important;
        border-top-style: none;
        border-bottom-width: 0px !important;
        border-bottom-style: none;
    }

    .xl\:border-y-1 {
        border-top-width: 1px !important;
        border-top-style: solid;
        border-bottom-width: 1px !important;
        border-bottom-style: solid;
    }

    .xl\:border-y-2 {
        border-top-width: 2px !important;
        border-top-style: solid;
        border-bottom-width: 2px !important;
        border-bottom-style: solid;
    }

    .xl\:border-y-3 {
        border-top-width: 3px !important;
        border-top-style: solid;
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }
}

.border-solid {
    border-style: solid !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-double {
    border-style: double !important;
}

@media screen and (min-width: 576px) {
    .sm\:border-solid {
        border-style: solid !important;
    }

    .sm\:border-dashed {
        border-style: dashed !important;
    }

    .sm\:border-dotted {
        border-style: dotted !important;
    }

    .sm\:border-double {
        border-style: double !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:border-solid {
        border-style: solid !important;
    }

    .md\:border-dashed {
        border-style: dashed !important;
    }

    .md\:border-dotted {
        border-style: dotted !important;
    }

    .md\:border-double {
        border-style: double !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:border-solid {
        border-style: solid !important;
    }

    .lg\:border-dashed {
        border-style: dashed !important;
    }

    .lg\:border-dotted {
        border-style: dotted !important;
    }

    .lg\:border-double {
        border-style: double !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:border-solid {
        border-style: solid !important;
    }

    .xl\:border-dashed {
        border-style: dashed !important;
    }

    .xl\:border-dotted {
        border-style: dotted !important;
    }

    .xl\:border-double {
        border-style: double !important;
    }
}

.border-noround {
    border-radius: 0 !important;
}

.border-round {
    border-radius: var(--border-radius) !important;
}

.border-round-xs {
    border-radius: 0.125rem !important;
}

.border-round-sm {
    border-radius: 0.25rem !important;
}

.border-round-md {
    border-radius: 0.375rem !important;
}

.border-round-lg {
    border-radius: 0.5rem !important;
}

.border-round-xl {
    border-radius: 0.75rem !important;
}

.border-round-2xl {
    border-radius: 1rem !important;
}

.border-round-3xl {
    border-radius: 1.5rem !important;
}

.border-circle {
    border-radius: 50% !important;
}

@media screen and (min-width: 576px) {
    .sm\:border-noround {
        border-radius: 0 !important;
    }

    .sm\:border-round {
        border-radius: var(--border-radius) !important;
    }

    .sm\:border-round-xs {
        border-radius: 0.125rem !important;
    }

    .sm\:border-round-sm {
        border-radius: 0.25rem !important;
    }

    .sm\:border-round-md {
        border-radius: 0.375rem !important;
    }

    .sm\:border-round-lg {
        border-radius: 0.5rem !important;
    }

    .sm\:border-round-xl {
        border-radius: 0.75rem !important;
    }

    .sm\:border-round-2xl {
        border-radius: 1rem !important;
    }

    .sm\:border-round-3xl {
        border-radius: 1.5rem !important;
    }

    .sm\:border-circle {
        border-radius: 50% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:border-noround {
        border-radius: 0 !important;
    }

    .md\:border-round {
        border-radius: var(--border-radius) !important;
    }

    .md\:border-round-xs {
        border-radius: 0.125rem !important;
    }

    .md\:border-round-sm {
        border-radius: 0.25rem !important;
    }

    .md\:border-round-md {
        border-radius: 0.375rem !important;
    }

    .md\:border-round-lg {
        border-radius: 0.5rem !important;
    }

    .md\:border-round-xl {
        border-radius: 0.75rem !important;
    }

    .md\:border-round-2xl {
        border-radius: 1rem !important;
    }

    .md\:border-round-3xl {
        border-radius: 1.5rem !important;
    }

    .md\:border-circle {
        border-radius: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:border-noround {
        border-radius: 0 !important;
    }

    .lg\:border-round {
        border-radius: var(--border-radius) !important;
    }

    .lg\:border-round-xs {
        border-radius: 0.125rem !important;
    }

    .lg\:border-round-sm {
        border-radius: 0.25rem !important;
    }

    .lg\:border-round-md {
        border-radius: 0.375rem !important;
    }

    .lg\:border-round-lg {
        border-radius: 0.5rem !important;
    }

    .lg\:border-round-xl {
        border-radius: 0.75rem !important;
    }

    .lg\:border-round-2xl {
        border-radius: 1rem !important;
    }

    .lg\:border-round-3xl {
        border-radius: 1.5rem !important;
    }

    .lg\:border-circle {
        border-radius: 50% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:border-noround {
        border-radius: 0 !important;
    }

    .xl\:border-round {
        border-radius: var(--border-radius) !important;
    }

    .xl\:border-round-xs {
        border-radius: 0.125rem !important;
    }

    .xl\:border-round-sm {
        border-radius: 0.25rem !important;
    }

    .xl\:border-round-md {
        border-radius: 0.375rem !important;
    }

    .xl\:border-round-lg {
        border-radius: 0.5rem !important;
    }

    .xl\:border-round-xl {
        border-radius: 0.75rem !important;
    }

    .xl\:border-round-2xl {
        border-radius: 1rem !important;
    }

    .xl\:border-round-3xl {
        border-radius: 1.5rem !important;
    }

    .xl\:border-circle {
        border-radius: 50% !important;
    }
}

.border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}

.border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
}

.border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

.border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

.border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
}

.border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
}

.border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
}

.border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
}

.border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

.border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
}

.border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
}

.border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}

.border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}

.border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
}

.border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
}

.border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
}

.border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
}

.border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}

.border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
}

.border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}

.border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}

@media screen and (min-width: 576px) {
    .sm\:border-noround-left {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .sm\:border-noround-top {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .sm\:border-noround-right {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .sm\:border-noround-bottom {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .sm\:border-round-left {
        border-top-left-radius: var(--border-radius) !important;
        border-bottom-left-radius: var(--border-radius) !important;
    }

    .sm\:border-round-top {
        border-top-left-radius: var(--border-radius) !important;
        border-top-right-radius: var(--border-radius) !important;
    }

    .sm\:border-round-right {
        border-top-right-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .sm\:border-round-bottom {
        border-bottom-left-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .sm\:border-round-left-xs {
        border-top-left-radius: 0.125rem !important;
        border-bottom-left-radius: 0.125rem !important;
    }

    .sm\:border-round-top-xs {
        border-top-left-radius: 0.125rem !important;
        border-top-right-radius: 0.125rem !important;
    }

    .sm\:border-round-right-xs {
        border-top-right-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .sm\:border-round-bottom-xs {
        border-bottom-left-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .sm\:border-round-left-sm {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .sm\:border-round-top-sm {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .sm\:border-round-right-sm {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .sm\:border-round-bottom-sm {
        border-bottom-left-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .sm\:border-round-left-md {
        border-top-left-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }

    .sm\:border-round-top-md {
        border-top-left-radius: 0.375rem !important;
        border-top-right-radius: 0.375rem !important;
    }

    .sm\:border-round-right-md {
        border-top-right-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .sm\:border-round-bottom-md {
        border-bottom-left-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .sm\:border-round-left-lg {
        border-top-left-radius: 0.5rem !important;
        border-bottom-left-radius: 0.5rem !important;
    }

    .sm\:border-round-top-lg {
        border-top-left-radius: 0.5rem !important;
        border-top-right-radius: 0.5rem !important;
    }

    .sm\:border-round-right-lg {
        border-top-right-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .sm\:border-round-bottom-lg {
        border-bottom-left-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .sm\:border-round-left-xl {
        border-top-left-radius: 0.75rem !important;
        border-bottom-left-radius: 0.75rem !important;
    }

    .sm\:border-round-top-xl {
        border-top-left-radius: 0.75rem !important;
        border-top-right-radius: 0.75rem !important;
    }

    .sm\:border-round-right-xl {
        border-top-right-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .sm\:border-round-bottom-xl {
        border-bottom-left-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .sm\:border-round-left-2xl {
        border-top-left-radius: 1rem !important;
        border-bottom-left-radius: 1rem !important;
    }

    .sm\:border-round-top-2xl {
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
    }

    .sm\:border-round-right-2xl {
        border-top-right-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .sm\:border-round-bottom-2xl {
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .sm\:border-round-left-3xl {
        border-top-left-radius: 1.5rem !important;
        border-bottom-left-radius: 1.5rem !important;
    }

    .sm\:border-round-top-3xl {
        border-top-left-radius: 1.5rem !important;
        border-top-right-radius: 1.5rem !important;
    }

    .sm\:border-round-right-3xl {
        border-top-right-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .sm\:border-round-bottom-3xl {
        border-bottom-left-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .sm\:border-circle-left {
        border-top-left-radius: 50% !important;
        border-bottom-left-radius: 50% !important;
    }

    .sm\:border-circle-top {
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important;
    }

    .sm\:border-circle-right {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }

    .sm\:border-circle-bottom {
        border-bottom-left-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:border-noround-left {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .md\:border-noround-top {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .md\:border-noround-right {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .md\:border-noround-bottom {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .md\:border-round-left {
        border-top-left-radius: var(--border-radius) !important;
        border-bottom-left-radius: var(--border-radius) !important;
    }

    .md\:border-round-top {
        border-top-left-radius: var(--border-radius) !important;
        border-top-right-radius: var(--border-radius) !important;
    }

    .md\:border-round-right {
        border-top-right-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .md\:border-round-bottom {
        border-bottom-left-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .md\:border-round-left-xs {
        border-top-left-radius: 0.125rem !important;
        border-bottom-left-radius: 0.125rem !important;
    }

    .md\:border-round-top-xs {
        border-top-left-radius: 0.125rem !important;
        border-top-right-radius: 0.125rem !important;
    }

    .md\:border-round-right-xs {
        border-top-right-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .md\:border-round-bottom-xs {
        border-bottom-left-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .md\:border-round-left-sm {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .md\:border-round-top-sm {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .md\:border-round-right-sm {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .md\:border-round-bottom-sm {
        border-bottom-left-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .md\:border-round-left-md {
        border-top-left-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }

    .md\:border-round-top-md {
        border-top-left-radius: 0.375rem !important;
        border-top-right-radius: 0.375rem !important;
    }

    .md\:border-round-right-md {
        border-top-right-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .md\:border-round-bottom-md {
        border-bottom-left-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .md\:border-round-left-lg {
        border-top-left-radius: 0.5rem !important;
        border-bottom-left-radius: 0.5rem !important;
    }

    .md\:border-round-top-lg {
        border-top-left-radius: 0.5rem !important;
        border-top-right-radius: 0.5rem !important;
    }

    .md\:border-round-right-lg {
        border-top-right-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .md\:border-round-bottom-lg {
        border-bottom-left-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .md\:border-round-left-xl {
        border-top-left-radius: 0.75rem !important;
        border-bottom-left-radius: 0.75rem !important;
    }

    .md\:border-round-top-xl {
        border-top-left-radius: 0.75rem !important;
        border-top-right-radius: 0.75rem !important;
    }

    .md\:border-round-right-xl {
        border-top-right-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .md\:border-round-bottom-xl {
        border-bottom-left-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .md\:border-round-left-2xl {
        border-top-left-radius: 1rem !important;
        border-bottom-left-radius: 1rem !important;
    }

    .md\:border-round-top-2xl {
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
    }

    .md\:border-round-right-2xl {
        border-top-right-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .md\:border-round-bottom-2xl {
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .md\:border-round-left-3xl {
        border-top-left-radius: 1.5rem !important;
        border-bottom-left-radius: 1.5rem !important;
    }

    .md\:border-round-top-3xl {
        border-top-left-radius: 1.5rem !important;
        border-top-right-radius: 1.5rem !important;
    }

    .md\:border-round-right-3xl {
        border-top-right-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .md\:border-round-bottom-3xl {
        border-bottom-left-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .md\:border-circle-left {
        border-top-left-radius: 50% !important;
        border-bottom-left-radius: 50% !important;
    }

    .md\:border-circle-top {
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important;
    }

    .md\:border-circle-right {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }

    .md\:border-circle-bottom {
        border-bottom-left-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:border-noround-left {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .lg\:border-noround-top {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .lg\:border-noround-right {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .lg\:border-noround-bottom {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .lg\:border-round-left {
        border-top-left-radius: var(--border-radius) !important;
        border-bottom-left-radius: var(--border-radius) !important;
    }

    .lg\:border-round-top {
        border-top-left-radius: var(--border-radius) !important;
        border-top-right-radius: var(--border-radius) !important;
    }

    .lg\:border-round-right {
        border-top-right-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .lg\:border-round-bottom {
        border-bottom-left-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .lg\:border-round-left-xs {
        border-top-left-radius: 0.125rem !important;
        border-bottom-left-radius: 0.125rem !important;
    }

    .lg\:border-round-top-xs {
        border-top-left-radius: 0.125rem !important;
        border-top-right-radius: 0.125rem !important;
    }

    .lg\:border-round-right-xs {
        border-top-right-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .lg\:border-round-bottom-xs {
        border-bottom-left-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .lg\:border-round-left-sm {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .lg\:border-round-top-sm {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .lg\:border-round-right-sm {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .lg\:border-round-bottom-sm {
        border-bottom-left-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .lg\:border-round-left-md {
        border-top-left-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }

    .lg\:border-round-top-md {
        border-top-left-radius: 0.375rem !important;
        border-top-right-radius: 0.375rem !important;
    }

    .lg\:border-round-right-md {
        border-top-right-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .lg\:border-round-bottom-md {
        border-bottom-left-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .lg\:border-round-left-lg {
        border-top-left-radius: 0.5rem !important;
        border-bottom-left-radius: 0.5rem !important;
    }

    .lg\:border-round-top-lg {
        border-top-left-radius: 0.5rem !important;
        border-top-right-radius: 0.5rem !important;
    }

    .lg\:border-round-right-lg {
        border-top-right-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .lg\:border-round-bottom-lg {
        border-bottom-left-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .lg\:border-round-left-xl {
        border-top-left-radius: 0.75rem !important;
        border-bottom-left-radius: 0.75rem !important;
    }

    .lg\:border-round-top-xl {
        border-top-left-radius: 0.75rem !important;
        border-top-right-radius: 0.75rem !important;
    }

    .lg\:border-round-right-xl {
        border-top-right-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .lg\:border-round-bottom-xl {
        border-bottom-left-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .lg\:border-round-left-2xl {
        border-top-left-radius: 1rem !important;
        border-bottom-left-radius: 1rem !important;
    }

    .lg\:border-round-top-2xl {
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
    }

    .lg\:border-round-right-2xl {
        border-top-right-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .lg\:border-round-bottom-2xl {
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .lg\:border-round-left-3xl {
        border-top-left-radius: 1.5rem !important;
        border-bottom-left-radius: 1.5rem !important;
    }

    .lg\:border-round-top-3xl {
        border-top-left-radius: 1.5rem !important;
        border-top-right-radius: 1.5rem !important;
    }

    .lg\:border-round-right-3xl {
        border-top-right-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .lg\:border-round-bottom-3xl {
        border-bottom-left-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .lg\:border-circle-left {
        border-top-left-radius: 50% !important;
        border-bottom-left-radius: 50% !important;
    }

    .lg\:border-circle-top {
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important;
    }

    .lg\:border-circle-right {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }

    .lg\:border-circle-bottom {
        border-bottom-left-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:border-noround-left {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .xl\:border-noround-top {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .xl\:border-noround-right {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .xl\:border-noround-bottom {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .xl\:border-round-left {
        border-top-left-radius: var(--border-radius) !important;
        border-bottom-left-radius: var(--border-radius) !important;
    }

    .xl\:border-round-top {
        border-top-left-radius: var(--border-radius) !important;
        border-top-right-radius: var(--border-radius) !important;
    }

    .xl\:border-round-right {
        border-top-right-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .xl\:border-round-bottom {
        border-bottom-left-radius: var(--border-radius) !important;
        border-bottom-right-radius: var(--border-radius) !important;
    }

    .xl\:border-round-left-xs {
        border-top-left-radius: 0.125rem !important;
        border-bottom-left-radius: 0.125rem !important;
    }

    .xl\:border-round-top-xs {
        border-top-left-radius: 0.125rem !important;
        border-top-right-radius: 0.125rem !important;
    }

    .xl\:border-round-right-xs {
        border-top-right-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .xl\:border-round-bottom-xs {
        border-bottom-left-radius: 0.125rem !important;
        border-bottom-right-radius: 0.125rem !important;
    }

    .xl\:border-round-left-sm {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .xl\:border-round-top-sm {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .xl\:border-round-right-sm {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .xl\:border-round-bottom-sm {
        border-bottom-left-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .xl\:border-round-left-md {
        border-top-left-radius: 0.375rem !important;
        border-bottom-left-radius: 0.375rem !important;
    }

    .xl\:border-round-top-md {
        border-top-left-radius: 0.375rem !important;
        border-top-right-radius: 0.375rem !important;
    }

    .xl\:border-round-right-md {
        border-top-right-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .xl\:border-round-bottom-md {
        border-bottom-left-radius: 0.375rem !important;
        border-bottom-right-radius: 0.375rem !important;
    }

    .xl\:border-round-left-lg {
        border-top-left-radius: 0.5rem !important;
        border-bottom-left-radius: 0.5rem !important;
    }

    .xl\:border-round-top-lg {
        border-top-left-radius: 0.5rem !important;
        border-top-right-radius: 0.5rem !important;
    }

    .xl\:border-round-right-lg {
        border-top-right-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .xl\:border-round-bottom-lg {
        border-bottom-left-radius: 0.5rem !important;
        border-bottom-right-radius: 0.5rem !important;
    }

    .xl\:border-round-left-xl {
        border-top-left-radius: 0.75rem !important;
        border-bottom-left-radius: 0.75rem !important;
    }

    .xl\:border-round-top-xl {
        border-top-left-radius: 0.75rem !important;
        border-top-right-radius: 0.75rem !important;
    }

    .xl\:border-round-right-xl {
        border-top-right-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .xl\:border-round-bottom-xl {
        border-bottom-left-radius: 0.75rem !important;
        border-bottom-right-radius: 0.75rem !important;
    }

    .xl\:border-round-left-2xl {
        border-top-left-radius: 1rem !important;
        border-bottom-left-radius: 1rem !important;
    }

    .xl\:border-round-top-2xl {
        border-top-left-radius: 1rem !important;
        border-top-right-radius: 1rem !important;
    }

    .xl\:border-round-right-2xl {
        border-top-right-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .xl\:border-round-bottom-2xl {
        border-bottom-left-radius: 1rem !important;
        border-bottom-right-radius: 1rem !important;
    }

    .xl\:border-round-left-3xl {
        border-top-left-radius: 1.5rem !important;
        border-bottom-left-radius: 1.5rem !important;
    }

    .xl\:border-round-top-3xl {
        border-top-left-radius: 1.5rem !important;
        border-top-right-radius: 1.5rem !important;
    }

    .xl\:border-round-right-3xl {
        border-top-right-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .xl\:border-round-bottom-3xl {
        border-bottom-left-radius: 1.5rem !important;
        border-bottom-right-radius: 1.5rem !important;
    }

    .xl\:border-circle-left {
        border-top-left-radius: 50% !important;
        border-bottom-left-radius: 50% !important;
    }

    .xl\:border-circle-top {
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important;
    }

    .xl\:border-circle-right {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }

    .xl\:border-circle-bottom {
        border-bottom-left-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }
}

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

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

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

.w-1 {
    width: 8.3333% !important;
}

.w-2 {
    width: 16.6667% !important;
}

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

.w-4 {
    width: 33.3333% !important;
}

.w-5 {
    width: 41.6667% !important;
}

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

.w-7 {
    width: 58.3333% !important;
}

.w-8 {
    width: 66.6667% !important;
}

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

.w-10 {
    width: 83.3333% !important;
}

.w-11 {
    width: 91.6667% !important;
}

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

.w-min {
    width: min-content !important;
}

.w-max {
    width: max-content !important;
}

.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.w-1rem {
    width: 1rem !important;
}

.w-2rem {
    width: 2rem !important;
}

.w-3rem {
    width: 3rem !important;
}

.w-4rem {
    width: 4rem !important;
}

.w-5rem {
    width: 5rem !important;
}

.w-6rem {
    width: 6rem !important;
}

.w-7rem {
    width: 7rem !important;
}

.w-8rem {
    width: 8rem !important;
}

.w-9rem {
    width: 9rem !important;
}

.w-10rem {
    width: 10rem !important;
}

.w-11rem {
    width: 11rem !important;
}

.w-12rem {
    width: 12rem !important;
}

.w-13rem {
    width: 13rem !important;
}

.w-14rem {
    width: 14rem !important;
}

.w-15rem {
    width: 15rem !important;
}

.w-16rem {
    width: 16rem !important;
}

.w-17rem {
    width: 17rem !important;
}

.w-18rem {
    width: 18rem !important;
}

.w-19rem {
    width: 19rem !important;
}

.w-20rem {
    width: 20rem !important;
}

.w-21rem {
    width: 21rem !important;
}

.w-22rem {
    width: 22rem !important;
}

.w-23rem {
    width: 23rem !important;
}

.w-24rem {
    width: 24rem !important;
}

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

.w-26rem {
    width: 26rem !important;
}

.w-27rem {
    width: 27rem !important;
}

.w-28rem {
    width: 28rem !important;
}

.w-29rem {
    width: 29rem !important;
}

.w-30rem {
    width: 30rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:w-full {
        width: 100% !important;
    }

    .sm\:w-screen {
        width: 100vw !important;
    }

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

    .sm\:w-1 {
        width: 8.3333% !important;
    }

    .sm\:w-2 {
        width: 16.6667% !important;
    }

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

    .sm\:w-4 {
        width: 33.3333% !important;
    }

    .sm\:w-5 {
        width: 41.6667% !important;
    }

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

    .sm\:w-7 {
        width: 58.3333% !important;
    }

    .sm\:w-8 {
        width: 66.6667% !important;
    }

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

    .sm\:w-10 {
        width: 83.3333% !important;
    }

    .sm\:w-11 {
        width: 91.6667% !important;
    }

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

    .sm\:w-min {
        width: min-content !important;
    }

    .sm\:w-max {
        width: max-content !important;
    }

    .sm\:w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }

    .sm\:w-1rem {
        width: 1rem !important;
    }

    .sm\:w-2rem {
        width: 2rem !important;
    }

    .sm\:w-3rem {
        width: 3rem !important;
    }

    .sm\:w-4rem {
        width: 4rem !important;
    }

    .sm\:w-5rem {
        width: 5rem !important;
    }

    .sm\:w-6rem {
        width: 6rem !important;
    }

    .sm\:w-7rem {
        width: 7rem !important;
    }

    .sm\:w-8rem {
        width: 8rem !important;
    }

    .sm\:w-9rem {
        width: 9rem !important;
    }

    .sm\:w-10rem {
        width: 10rem !important;
    }

    .sm\:w-11rem {
        width: 11rem !important;
    }

    .sm\:w-12rem {
        width: 12rem !important;
    }

    .sm\:w-13rem {
        width: 13rem !important;
    }

    .sm\:w-14rem {
        width: 14rem !important;
    }

    .sm\:w-15rem {
        width: 15rem !important;
    }

    .sm\:w-16rem {
        width: 16rem !important;
    }

    .sm\:w-17rem {
        width: 17rem !important;
    }

    .sm\:w-18rem {
        width: 18rem !important;
    }

    .sm\:w-19rem {
        width: 19rem !important;
    }

    .sm\:w-20rem {
        width: 20rem !important;
    }

    .sm\:w-21rem {
        width: 21rem !important;
    }

    .sm\:w-22rem {
        width: 22rem !important;
    }

    .sm\:w-23rem {
        width: 23rem !important;
    }

    .sm\:w-24rem {
        width: 24rem !important;
    }

    .sm\:w-25rem {
        width: 25rem !important;
    }

    .sm\:w-26rem {
        width: 26rem !important;
    }

    .sm\:w-27rem {
        width: 27rem !important;
    }

    .sm\:w-28rem {
        width: 28rem !important;
    }

    .sm\:w-29rem {
        width: 29rem !important;
    }

    .sm\:w-30rem {
        width: 30rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:w-full {
        width: 100% !important;
    }

    .md\:w-screen {
        width: 100vw !important;
    }

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

    .md\:w-1 {
        width: 8.3333% !important;
    }

    .md\:w-2 {
        width: 16.6667% !important;
    }

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

    .md\:w-4 {
        width: 33.3333% !important;
    }

    .md\:w-5 {
        width: 41.6667% !important;
    }

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

    .md\:w-7 {
        width: 58.3333% !important;
    }

    .md\:w-8 {
        width: 66.6667% !important;
    }

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

    .md\:w-10 {
        width: 83.3333% !important;
    }

    .md\:w-11 {
        width: 91.6667% !important;
    }

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

    .md\:w-min {
        width: min-content !important;
    }

    .md\:w-max {
        width: max-content !important;
    }

    .md\:w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }

    .md\:w-1rem {
        width: 1rem !important;
    }

    .md\:w-2rem {
        width: 2rem !important;
    }

    .md\:w-3rem {
        width: 3rem !important;
    }

    .md\:w-4rem {
        width: 4rem !important;
    }

    .md\:w-5rem {
        width: 5rem !important;
    }

    .md\:w-6rem {
        width: 6rem !important;
    }

    .md\:w-7rem {
        width: 7rem !important;
    }

    .md\:w-8rem {
        width: 8rem !important;
    }

    .md\:w-9rem {
        width: 9rem !important;
    }

    .md\:w-10rem {
        width: 10rem !important;
    }

    .md\:w-11rem {
        width: 11rem !important;
    }

    .md\:w-12rem {
        width: 12rem !important;
    }

    .md\:w-13rem {
        width: 13rem !important;
    }

    .md\:w-14rem {
        width: 14rem !important;
    }

    .md\:w-15rem {
        width: 15rem !important;
    }

    .md\:w-16rem {
        width: 16rem !important;
    }

    .md\:w-17rem {
        width: 17rem !important;
    }

    .md\:w-18rem {
        width: 18rem !important;
    }

    .md\:w-19rem {
        width: 19rem !important;
    }

    .md\:w-20rem {
        width: 20rem !important;
    }

    .md\:w-21rem {
        width: 21rem !important;
    }

    .md\:w-22rem {
        width: 22rem !important;
    }

    .md\:w-23rem {
        width: 23rem !important;
    }

    .md\:w-24rem {
        width: 24rem !important;
    }

    .md\:w-25rem {
        width: 25rem !important;
    }

    .md\:w-26rem {
        width: 26rem !important;
    }

    .md\:w-27rem {
        width: 27rem !important;
    }

    .md\:w-28rem {
        width: 28rem !important;
    }

    .md\:w-29rem {
        width: 29rem !important;
    }

    .md\:w-30rem {
        width: 30rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:w-full {
        width: 100% !important;
    }

    .lg\:w-screen {
        width: 100vw !important;
    }

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

    .lg\:w-1 {
        width: 8.3333% !important;
    }

    .lg\:w-2 {
        width: 16.6667% !important;
    }

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

    .lg\:w-4 {
        width: 33.3333% !important;
    }

    .lg\:w-5 {
        width: 41.6667% !important;
    }

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

    .lg\:w-7 {
        width: 58.3333% !important;
    }

    .lg\:w-8 {
        width: 66.6667% !important;
    }

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

    .lg\:w-10 {
        width: 83.3333% !important;
    }

    .lg\:w-11 {
        width: 91.6667% !important;
    }

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

    .lg\:w-min {
        width: min-content !important;
    }

    .lg\:w-max {
        width: max-content !important;
    }

    .lg\:w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }

    .lg\:w-1rem {
        width: 1rem !important;
    }

    .lg\:w-2rem {
        width: 2rem !important;
    }

    .lg\:w-3rem {
        width: 3rem !important;
    }

    .lg\:w-4rem {
        width: 4rem !important;
    }

    .lg\:w-5rem {
        width: 5rem !important;
    }

    .lg\:w-6rem {
        width: 6rem !important;
    }

    .lg\:w-7rem {
        width: 7rem !important;
    }

    .lg\:w-8rem {
        width: 8rem !important;
    }

    .lg\:w-9rem {
        width: 9rem !important;
    }

    .lg\:w-10rem {
        width: 10rem !important;
    }

    .lg\:w-11rem {
        width: 11rem !important;
    }

    .lg\:w-12rem {
        width: 12rem !important;
    }

    .lg\:w-13rem {
        width: 13rem !important;
    }

    .lg\:w-14rem {
        width: 14rem !important;
    }

    .lg\:w-15rem {
        width: 15rem !important;
    }

    .lg\:w-16rem {
        width: 16rem !important;
    }

    .lg\:w-17rem {
        width: 17rem !important;
    }

    .lg\:w-18rem {
        width: 18rem !important;
    }

    .lg\:w-19rem {
        width: 19rem !important;
    }

    .lg\:w-20rem {
        width: 20rem !important;
    }

    .lg\:w-21rem {
        width: 21rem !important;
    }

    .lg\:w-22rem {
        width: 22rem !important;
    }

    .lg\:w-23rem {
        width: 23rem !important;
    }

    .lg\:w-24rem {
        width: 24rem !important;
    }

    .lg\:w-25rem {
        width: 25rem !important;
    }

    .lg\:w-26rem {
        width: 26rem !important;
    }

    .lg\:w-27rem {
        width: 27rem !important;
    }

    .lg\:w-28rem {
        width: 28rem !important;
    }

    .lg\:w-29rem {
        width: 29rem !important;
    }

    .lg\:w-30rem {
        width: 30rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:w-full {
        width: 100% !important;
    }

    .xl\:w-screen {
        width: 100vw !important;
    }

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

    .xl\:w-1 {
        width: 8.3333% !important;
    }

    .xl\:w-2 {
        width: 16.6667% !important;
    }

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

    .xl\:w-4 {
        width: 33.3333% !important;
    }

    .xl\:w-5 {
        width: 41.6667% !important;
    }

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

    .xl\:w-7 {
        width: 58.3333% !important;
    }

    .xl\:w-8 {
        width: 66.6667% !important;
    }

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

    .xl\:w-10 {
        width: 83.3333% !important;
    }

    .xl\:w-11 {
        width: 91.6667% !important;
    }

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

    .xl\:w-min {
        width: min-content !important;
    }

    .xl\:w-max {
        width: max-content !important;
    }

    .xl\:w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important;
    }

    .xl\:w-1rem {
        width: 1rem !important;
    }

    .xl\:w-2rem {
        width: 2rem !important;
    }

    .xl\:w-3rem {
        width: 3rem !important;
    }

    .xl\:w-4rem {
        width: 4rem !important;
    }

    .xl\:w-5rem {
        width: 5rem !important;
    }

    .xl\:w-6rem {
        width: 6rem !important;
    }

    .xl\:w-7rem {
        width: 7rem !important;
    }

    .xl\:w-8rem {
        width: 8rem !important;
    }

    .xl\:w-9rem {
        width: 9rem !important;
    }

    .xl\:w-10rem {
        width: 10rem !important;
    }

    .xl\:w-11rem {
        width: 11rem !important;
    }

    .xl\:w-12rem {
        width: 12rem !important;
    }

    .xl\:w-13rem {
        width: 13rem !important;
    }

    .xl\:w-14rem {
        width: 14rem !important;
    }

    .xl\:w-15rem {
        width: 15rem !important;
    }

    .xl\:w-16rem {
        width: 16rem !important;
    }

    .xl\:w-17rem {
        width: 17rem !important;
    }

    .xl\:w-18rem {
        width: 18rem !important;
    }

    .xl\:w-19rem {
        width: 19rem !important;
    }

    .xl\:w-20rem {
        width: 20rem !important;
    }

    .xl\:w-21rem {
        width: 21rem !important;
    }

    .xl\:w-22rem {
        width: 22rem !important;
    }

    .xl\:w-23rem {
        width: 23rem !important;
    }

    .xl\:w-24rem {
        width: 24rem !important;
    }

    .xl\:w-25rem {
        width: 25rem !important;
    }

    .xl\:w-26rem {
        width: 26rem !important;
    }

    .xl\:w-27rem {
        width: 27rem !important;
    }

    .xl\:w-28rem {
        width: 28rem !important;
    }

    .xl\:w-29rem {
        width: 29rem !important;
    }

    .xl\:w-30rem {
        width: 30rem !important;
    }
}

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

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

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

.h-min {
    height: min-content !important;
}

.h-max {
    height: max-content !important;
}

.h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.h-1rem {
    height: 1rem !important;
}

.h-2rem {
    height: 2rem !important;
}

.h-3rem {
    height: 3rem !important;
}

.h-4rem {
    height: 4rem !important;
}

.h-5rem {
    height: 5rem !important;
}

.h-6rem {
    height: 6rem !important;
}

.h-7rem {
    height: 7rem !important;
}

.h-8rem {
    height: 8rem !important;
}

.h-9rem {
    height: 9rem !important;
}

.h-10rem {
    height: 10rem !important;
}

.h-11rem {
    height: 11rem !important;
}

.h-12rem {
    height: 12rem !important;
}

.h-13rem {
    height: 13rem !important;
}

.h-14rem {
    height: 14rem !important;
}

.h-15rem {
    height: 15rem !important;
}

.h-16rem {
    height: 16rem !important;
}

.h-17rem {
    height: 17rem !important;
}

.h-18rem {
    height: 18rem !important;
}

.h-19rem {
    height: 19rem !important;
}

.h-20rem {
    height: 20rem !important;
}

.h-21rem {
    height: 21rem !important;
}

.h-22rem {
    height: 22rem !important;
}

.h-23rem {
    height: 23rem !important;
}

.h-24rem {
    height: 24rem !important;
}

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

.h-26rem {
    height: 26rem !important;
}

.h-27rem {
    height: 27rem !important;
}

.h-28rem {
    height: 28rem !important;
}

.h-29rem {
    height: 29rem !important;
}

.h-30rem {
    height: 30rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:h-full {
        height: 100% !important;
    }

    .sm\:h-screen {
        height: 100vh !important;
    }

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

    .sm\:h-min {
        height: min-content !important;
    }

    .sm\:h-max {
        height: max-content !important;
    }

    .sm\:h-fit {
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

    .sm\:h-1rem {
        height: 1rem !important;
    }

    .sm\:h-2rem {
        height: 2rem !important;
    }

    .sm\:h-3rem {
        height: 3rem !important;
    }

    .sm\:h-4rem {
        height: 4rem !important;
    }

    .sm\:h-5rem {
        height: 5rem !important;
    }

    .sm\:h-6rem {
        height: 6rem !important;
    }

    .sm\:h-7rem {
        height: 7rem !important;
    }

    .sm\:h-8rem {
        height: 8rem !important;
    }

    .sm\:h-9rem {
        height: 9rem !important;
    }

    .sm\:h-10rem {
        height: 10rem !important;
    }

    .sm\:h-11rem {
        height: 11rem !important;
    }

    .sm\:h-12rem {
        height: 12rem !important;
    }

    .sm\:h-13rem {
        height: 13rem !important;
    }

    .sm\:h-14rem {
        height: 14rem !important;
    }

    .sm\:h-15rem {
        height: 15rem !important;
    }

    .sm\:h-16rem {
        height: 16rem !important;
    }

    .sm\:h-17rem {
        height: 17rem !important;
    }

    .sm\:h-18rem {
        height: 18rem !important;
    }

    .sm\:h-19rem {
        height: 19rem !important;
    }

    .sm\:h-20rem {
        height: 20rem !important;
    }

    .sm\:h-21rem {
        height: 21rem !important;
    }

    .sm\:h-22rem {
        height: 22rem !important;
    }

    .sm\:h-23rem {
        height: 23rem !important;
    }

    .sm\:h-24rem {
        height: 24rem !important;
    }

    .sm\:h-25rem {
        height: 25rem !important;
    }

    .sm\:h-26rem {
        height: 26rem !important;
    }

    .sm\:h-27rem {
        height: 27rem !important;
    }

    .sm\:h-28rem {
        height: 28rem !important;
    }

    .sm\:h-29rem {
        height: 29rem !important;
    }

    .sm\:h-30rem {
        height: 30rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:h-full {
        height: 100% !important;
    }

    .md\:h-screen {
        height: 100vh !important;
    }

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

    .md\:h-min {
        height: min-content !important;
    }

    .md\:h-max {
        height: max-content !important;
    }

    .md\:h-fit {
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

    .md\:h-1rem {
        height: 1rem !important;
    }

    .md\:h-2rem {
        height: 2rem !important;
    }

    .md\:h-3rem {
        height: 3rem !important;
    }

    .md\:h-4rem {
        height: 4rem !important;
    }

    .md\:h-5rem {
        height: 5rem !important;
    }

    .md\:h-6rem {
        height: 6rem !important;
    }

    .md\:h-7rem {
        height: 7rem !important;
    }

    .md\:h-8rem {
        height: 8rem !important;
    }

    .md\:h-9rem {
        height: 9rem !important;
    }

    .md\:h-10rem {
        height: 10rem !important;
    }

    .md\:h-11rem {
        height: 11rem !important;
    }

    .md\:h-12rem {
        height: 12rem !important;
    }

    .md\:h-13rem {
        height: 13rem !important;
    }

    .md\:h-14rem {
        height: 14rem !important;
    }

    .md\:h-15rem {
        height: 15rem !important;
    }

    .md\:h-16rem {
        height: 16rem !important;
    }

    .md\:h-17rem {
        height: 17rem !important;
    }

    .md\:h-18rem {
        height: 18rem !important;
    }

    .md\:h-19rem {
        height: 19rem !important;
    }

    .md\:h-20rem {
        height: 20rem !important;
    }

    .md\:h-21rem {
        height: 21rem !important;
    }

    .md\:h-22rem {
        height: 22rem !important;
    }

    .md\:h-23rem {
        height: 23rem !important;
    }

    .md\:h-24rem {
        height: 24rem !important;
    }

    .md\:h-25rem {
        height: 25rem !important;
    }

    .md\:h-26rem {
        height: 26rem !important;
    }

    .md\:h-27rem {
        height: 27rem !important;
    }

    .md\:h-28rem {
        height: 28rem !important;
    }

    .md\:h-29rem {
        height: 29rem !important;
    }

    .md\:h-30rem {
        height: 30rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:h-full {
        height: 100% !important;
    }

    .lg\:h-screen {
        height: 100vh !important;
    }

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

    .lg\:h-min {
        height: min-content !important;
    }

    .lg\:h-max {
        height: max-content !important;
    }

    .lg\:h-fit {
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

    .lg\:h-1rem {
        height: 1rem !important;
    }

    .lg\:h-2rem {
        height: 2rem !important;
    }

    .lg\:h-3rem {
        height: 3rem !important;
    }

    .lg\:h-4rem {
        height: 4rem !important;
    }

    .lg\:h-5rem {
        height: 5rem !important;
    }

    .lg\:h-6rem {
        height: 6rem !important;
    }

    .lg\:h-7rem {
        height: 7rem !important;
    }

    .lg\:h-8rem {
        height: 8rem !important;
    }

    .lg\:h-9rem {
        height: 9rem !important;
    }

    .lg\:h-10rem {
        height: 10rem !important;
    }

    .lg\:h-11rem {
        height: 11rem !important;
    }

    .lg\:h-12rem {
        height: 12rem !important;
    }

    .lg\:h-13rem {
        height: 13rem !important;
    }

    .lg\:h-14rem {
        height: 14rem !important;
    }

    .lg\:h-15rem {
        height: 15rem !important;
    }

    .lg\:h-16rem {
        height: 16rem !important;
    }

    .lg\:h-17rem {
        height: 17rem !important;
    }

    .lg\:h-18rem {
        height: 18rem !important;
    }

    .lg\:h-19rem {
        height: 19rem !important;
    }

    .lg\:h-20rem {
        height: 20rem !important;
    }

    .lg\:h-21rem {
        height: 21rem !important;
    }

    .lg\:h-22rem {
        height: 22rem !important;
    }

    .lg\:h-23rem {
        height: 23rem !important;
    }

    .lg\:h-24rem {
        height: 24rem !important;
    }

    .lg\:h-25rem {
        height: 25rem !important;
    }

    .lg\:h-26rem {
        height: 26rem !important;
    }

    .lg\:h-27rem {
        height: 27rem !important;
    }

    .lg\:h-28rem {
        height: 28rem !important;
    }

    .lg\:h-29rem {
        height: 29rem !important;
    }

    .lg\:h-30rem {
        height: 30rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:h-full {
        height: 100% !important;
    }

    .xl\:h-screen {
        height: 100vh !important;
    }

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

    .xl\:h-min {
        height: min-content !important;
    }

    .xl\:h-max {
        height: max-content !important;
    }

    .xl\:h-fit {
        height: -moz-fit-content !important;
        height: fit-content !important;
    }

    .xl\:h-1rem {
        height: 1rem !important;
    }

    .xl\:h-2rem {
        height: 2rem !important;
    }

    .xl\:h-3rem {
        height: 3rem !important;
    }

    .xl\:h-4rem {
        height: 4rem !important;
    }

    .xl\:h-5rem {
        height: 5rem !important;
    }

    .xl\:h-6rem {
        height: 6rem !important;
    }

    .xl\:h-7rem {
        height: 7rem !important;
    }

    .xl\:h-8rem {
        height: 8rem !important;
    }

    .xl\:h-9rem {
        height: 9rem !important;
    }

    .xl\:h-10rem {
        height: 10rem !important;
    }

    .xl\:h-11rem {
        height: 11rem !important;
    }

    .xl\:h-12rem {
        height: 12rem !important;
    }

    .xl\:h-13rem {
        height: 13rem !important;
    }

    .xl\:h-14rem {
        height: 14rem !important;
    }

    .xl\:h-15rem {
        height: 15rem !important;
    }

    .xl\:h-16rem {
        height: 16rem !important;
    }

    .xl\:h-17rem {
        height: 17rem !important;
    }

    .xl\:h-18rem {
        height: 18rem !important;
    }

    .xl\:h-19rem {
        height: 19rem !important;
    }

    .xl\:h-20rem {
        height: 20rem !important;
    }

    .xl\:h-21rem {
        height: 21rem !important;
    }

    .xl\:h-22rem {
        height: 22rem !important;
    }

    .xl\:h-23rem {
        height: 23rem !important;
    }

    .xl\:h-24rem {
        height: 24rem !important;
    }

    .xl\:h-25rem {
        height: 25rem !important;
    }

    .xl\:h-26rem {
        height: 26rem !important;
    }

    .xl\:h-27rem {
        height: 27rem !important;
    }

    .xl\:h-28rem {
        height: 28rem !important;
    }

    .xl\:h-29rem {
        height: 29rem !important;
    }

    .xl\:h-30rem {
        height: 30rem !important;
    }
}

.min-w-0 {
    min-width: 0px !important;
}

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

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

.min-w-min {
    min-width: min-content !important;
}

.min-w-max {
    min-width: max-content !important;
}

@media screen and (min-width: 576px) {
    .sm\:min-w-0 {
        min-width: 0px !important;
    }

    .sm\:min-w-full {
        min-width: 100% !important;
    }

    .sm\:min-w-screen {
        min-width: 100vw !important;
    }

    .sm\:min-w-min {
        min-width: min-content !important;
    }

    .sm\:min-w-max {
        min-width: max-content !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:min-w-0 {
        min-width: 0px !important;
    }

    .md\:min-w-full {
        min-width: 100% !important;
    }

    .md\:min-w-screen {
        min-width: 100vw !important;
    }

    .md\:min-w-min {
        min-width: min-content !important;
    }

    .md\:min-w-max {
        min-width: max-content !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:min-w-0 {
        min-width: 0px !important;
    }

    .lg\:min-w-full {
        min-width: 100% !important;
    }

    .lg\:min-w-screen {
        min-width: 100vw !important;
    }

    .lg\:min-w-min {
        min-width: min-content !important;
    }

    .lg\:min-w-max {
        min-width: max-content !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:min-w-0 {
        min-width: 0px !important;
    }

    .xl\:min-w-full {
        min-width: 100% !important;
    }

    .xl\:min-w-screen {
        min-width: 100vw !important;
    }

    .xl\:min-w-min {
        min-width: min-content !important;
    }

    .xl\:min-w-max {
        min-width: max-content !important;
    }
}

.max-w-0 {
    max-width: 0px !important;
}

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

.max-w-screen {
    max-width: 100vw !important;
}

.max-w-min {
    max-width: min-content !important;
}

.max-w-max {
    max-width: max-content !important;
}

.max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
}

.max-w-1rem {
    max-width: 1rem !important;
}

.max-w-2rem {
    max-width: 2rem !important;
}

.max-w-3rem {
    max-width: 3rem !important;
}

.max-w-4rem {
    max-width: 4rem !important;
}

.max-w-5rem {
    max-width: 5rem !important;
}

.max-w-6rem {
    max-width: 6rem !important;
}

.max-w-7rem {
    max-width: 7rem !important;
}

.max-w-8rem {
    max-width: 8rem !important;
}

.max-w-9rem {
    max-width: 9rem !important;
}

.max-w-10rem {
    max-width: 10rem !important;
}

.max-w-11rem {
    max-width: 11rem !important;
}

.max-w-12rem {
    max-width: 12rem !important;
}

.max-w-13rem {
    max-width: 13rem !important;
}

.max-w-14rem {
    max-width: 14rem !important;
}

.max-w-15rem {
    max-width: 15rem !important;
}

.max-w-16rem {
    max-width: 16rem !important;
}

.max-w-17rem {
    max-width: 17rem !important;
}

.max-w-18rem {
    max-width: 18rem !important;
}

.max-w-19rem {
    max-width: 19rem !important;
}

.max-w-20rem {
    max-width: 20rem !important;
}

.max-w-21rem {
    max-width: 21rem !important;
}

.max-w-22rem {
    max-width: 22rem !important;
}

.max-w-23rem {
    max-width: 23rem !important;
}

.max-w-24rem {
    max-width: 24rem !important;
}

.max-w-25rem {
    max-width: 25rem !important;
}

.max-w-26rem {
    max-width: 26rem !important;
}

.max-w-27rem {
    max-width: 27rem !important;
}

.max-w-28rem {
    max-width: 28rem !important;
}

.max-w-29rem {
    max-width: 29rem !important;
}

.max-w-30rem {
    max-width: 30rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:max-w-0 {
        max-width: 0px !important;
    }

    .sm\:max-w-full {
        max-width: 100% !important;
    }

    .sm\:max-w-screen {
        max-width: 100vw !important;
    }

    .sm\:max-w-min {
        max-width: min-content !important;
    }

    .sm\:max-w-max {
        max-width: max-content !important;
    }

    .sm\:max-w-fit {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }

    .sm\:max-w-1rem {
        max-width: 1rem !important;
    }

    .sm\:max-w-2rem {
        max-width: 2rem !important;
    }

    .sm\:max-w-3rem {
        max-width: 3rem !important;
    }

    .sm\:max-w-4rem {
        max-width: 4rem !important;
    }

    .sm\:max-w-5rem {
        max-width: 5rem !important;
    }

    .sm\:max-w-6rem {
        max-width: 6rem !important;
    }

    .sm\:max-w-7rem {
        max-width: 7rem !important;
    }

    .sm\:max-w-8rem {
        max-width: 8rem !important;
    }

    .sm\:max-w-9rem {
        max-width: 9rem !important;
    }

    .sm\:max-w-10rem {
        max-width: 10rem !important;
    }

    .sm\:max-w-11rem {
        max-width: 11rem !important;
    }

    .sm\:max-w-12rem {
        max-width: 12rem !important;
    }

    .sm\:max-w-13rem {
        max-width: 13rem !important;
    }

    .sm\:max-w-14rem {
        max-width: 14rem !important;
    }

    .sm\:max-w-15rem {
        max-width: 15rem !important;
    }

    .sm\:max-w-16rem {
        max-width: 16rem !important;
    }

    .sm\:max-w-17rem {
        max-width: 17rem !important;
    }

    .sm\:max-w-18rem {
        max-width: 18rem !important;
    }

    .sm\:max-w-19rem {
        max-width: 19rem !important;
    }

    .sm\:max-w-20rem {
        max-width: 20rem !important;
    }

    .sm\:max-w-21rem {
        max-width: 21rem !important;
    }

    .sm\:max-w-22rem {
        max-width: 22rem !important;
    }

    .sm\:max-w-23rem {
        max-width: 23rem !important;
    }

    .sm\:max-w-24rem {
        max-width: 24rem !important;
    }

    .sm\:max-w-25rem {
        max-width: 25rem !important;
    }

    .sm\:max-w-26rem {
        max-width: 26rem !important;
    }

    .sm\:max-w-27rem {
        max-width: 27rem !important;
    }

    .sm\:max-w-28rem {
        max-width: 28rem !important;
    }

    .sm\:max-w-29rem {
        max-width: 29rem !important;
    }

    .sm\:max-w-30rem {
        max-width: 30rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:max-w-0 {
        max-width: 0px !important;
    }

    .md\:max-w-full {
        max-width: 100% !important;
    }

    .md\:max-w-screen {
        max-width: 100vw !important;
    }

    .md\:max-w-min {
        max-width: min-content !important;
    }

    .md\:max-w-max {
        max-width: max-content !important;
    }

    .md\:max-w-fit {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }

    .md\:max-w-1rem {
        max-width: 1rem !important;
    }

    .md\:max-w-2rem {
        max-width: 2rem !important;
    }

    .md\:max-w-3rem {
        max-width: 3rem !important;
    }

    .md\:max-w-4rem {
        max-width: 4rem !important;
    }

    .md\:max-w-5rem {
        max-width: 5rem !important;
    }

    .md\:max-w-6rem {
        max-width: 6rem !important;
    }

    .md\:max-w-7rem {
        max-width: 7rem !important;
    }

    .md\:max-w-8rem {
        max-width: 8rem !important;
    }

    .md\:max-w-9rem {
        max-width: 9rem !important;
    }

    .md\:max-w-10rem {
        max-width: 10rem !important;
    }

    .md\:max-w-11rem {
        max-width: 11rem !important;
    }

    .md\:max-w-12rem {
        max-width: 12rem !important;
    }

    .md\:max-w-13rem {
        max-width: 13rem !important;
    }

    .md\:max-w-14rem {
        max-width: 14rem !important;
    }

    .md\:max-w-15rem {
        max-width: 15rem !important;
    }

    .md\:max-w-16rem {
        max-width: 16rem !important;
    }

    .md\:max-w-17rem {
        max-width: 17rem !important;
    }

    .md\:max-w-18rem {
        max-width: 18rem !important;
    }

    .md\:max-w-19rem {
        max-width: 19rem !important;
    }

    .md\:max-w-20rem {
        max-width: 20rem !important;
    }

    .md\:max-w-21rem {
        max-width: 21rem !important;
    }

    .md\:max-w-22rem {
        max-width: 22rem !important;
    }

    .md\:max-w-23rem {
        max-width: 23rem !important;
    }

    .md\:max-w-24rem {
        max-width: 24rem !important;
    }

    .md\:max-w-25rem {
        max-width: 25rem !important;
    }

    .md\:max-w-26rem {
        max-width: 26rem !important;
    }

    .md\:max-w-27rem {
        max-width: 27rem !important;
    }

    .md\:max-w-28rem {
        max-width: 28rem !important;
    }

    .md\:max-w-29rem {
        max-width: 29rem !important;
    }

    .md\:max-w-30rem {
        max-width: 30rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:max-w-0 {
        max-width: 0px !important;
    }

    .lg\:max-w-full {
        max-width: 100% !important;
    }

    .lg\:max-w-screen {
        max-width: 100vw !important;
    }

    .lg\:max-w-min {
        max-width: min-content !important;
    }

    .lg\:max-w-max {
        max-width: max-content !important;
    }

    .lg\:max-w-fit {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }

    .lg\:max-w-1rem {
        max-width: 1rem !important;
    }

    .lg\:max-w-2rem {
        max-width: 2rem !important;
    }

    .lg\:max-w-3rem {
        max-width: 3rem !important;
    }

    .lg\:max-w-4rem {
        max-width: 4rem !important;
    }

    .lg\:max-w-5rem {
        max-width: 5rem !important;
    }

    .lg\:max-w-6rem {
        max-width: 6rem !important;
    }

    .lg\:max-w-7rem {
        max-width: 7rem !important;
    }

    .lg\:max-w-8rem {
        max-width: 8rem !important;
    }

    .lg\:max-w-9rem {
        max-width: 9rem !important;
    }

    .lg\:max-w-10rem {
        max-width: 10rem !important;
    }

    .lg\:max-w-11rem {
        max-width: 11rem !important;
    }

    .lg\:max-w-12rem {
        max-width: 12rem !important;
    }

    .lg\:max-w-13rem {
        max-width: 13rem !important;
    }

    .lg\:max-w-14rem {
        max-width: 14rem !important;
    }

    .lg\:max-w-15rem {
        max-width: 15rem !important;
    }

    .lg\:max-w-16rem {
        max-width: 16rem !important;
    }

    .lg\:max-w-17rem {
        max-width: 17rem !important;
    }

    .lg\:max-w-18rem {
        max-width: 18rem !important;
    }

    .lg\:max-w-19rem {
        max-width: 19rem !important;
    }

    .lg\:max-w-20rem {
        max-width: 20rem !important;
    }

    .lg\:max-w-21rem {
        max-width: 21rem !important;
    }

    .lg\:max-w-22rem {
        max-width: 22rem !important;
    }

    .lg\:max-w-23rem {
        max-width: 23rem !important;
    }

    .lg\:max-w-24rem {
        max-width: 24rem !important;
    }

    .lg\:max-w-25rem {
        max-width: 25rem !important;
    }

    .lg\:max-w-26rem {
        max-width: 26rem !important;
    }

    .lg\:max-w-27rem {
        max-width: 27rem !important;
    }

    .lg\:max-w-28rem {
        max-width: 28rem !important;
    }

    .lg\:max-w-29rem {
        max-width: 29rem !important;
    }

    .lg\:max-w-30rem {
        max-width: 30rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:max-w-0 {
        max-width: 0px !important;
    }

    .xl\:max-w-full {
        max-width: 100% !important;
    }

    .xl\:max-w-screen {
        max-width: 100vw !important;
    }

    .xl\:max-w-min {
        max-width: min-content !important;
    }

    .xl\:max-w-max {
        max-width: max-content !important;
    }

    .xl\:max-w-fit {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }

    .xl\:max-w-1rem {
        max-width: 1rem !important;
    }

    .xl\:max-w-2rem {
        max-width: 2rem !important;
    }

    .xl\:max-w-3rem {
        max-width: 3rem !important;
    }

    .xl\:max-w-4rem {
        max-width: 4rem !important;
    }

    .xl\:max-w-5rem {
        max-width: 5rem !important;
    }

    .xl\:max-w-6rem {
        max-width: 6rem !important;
    }

    .xl\:max-w-7rem {
        max-width: 7rem !important;
    }

    .xl\:max-w-8rem {
        max-width: 8rem !important;
    }

    .xl\:max-w-9rem {
        max-width: 9rem !important;
    }

    .xl\:max-w-10rem {
        max-width: 10rem !important;
    }

    .xl\:max-w-11rem {
        max-width: 11rem !important;
    }

    .xl\:max-w-12rem {
        max-width: 12rem !important;
    }

    .xl\:max-w-13rem {
        max-width: 13rem !important;
    }

    .xl\:max-w-14rem {
        max-width: 14rem !important;
    }

    .xl\:max-w-15rem {
        max-width: 15rem !important;
    }

    .xl\:max-w-16rem {
        max-width: 16rem !important;
    }

    .xl\:max-w-17rem {
        max-width: 17rem !important;
    }

    .xl\:max-w-18rem {
        max-width: 18rem !important;
    }

    .xl\:max-w-19rem {
        max-width: 19rem !important;
    }

    .xl\:max-w-20rem {
        max-width: 20rem !important;
    }

    .xl\:max-w-21rem {
        max-width: 21rem !important;
    }

    .xl\:max-w-22rem {
        max-width: 22rem !important;
    }

    .xl\:max-w-23rem {
        max-width: 23rem !important;
    }

    .xl\:max-w-24rem {
        max-width: 24rem !important;
    }

    .xl\:max-w-25rem {
        max-width: 25rem !important;
    }

    .xl\:max-w-26rem {
        max-width: 26rem !important;
    }

    .xl\:max-w-27rem {
        max-width: 27rem !important;
    }

    .xl\:max-w-28rem {
        max-width: 28rem !important;
    }

    .xl\:max-w-29rem {
        max-width: 29rem !important;
    }

    .xl\:max-w-30rem {
        max-width: 30rem !important;
    }
}

.min-h-0 {
    min-height: 0px !important;
}

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

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

@media screen and (min-width: 576px) {
    .sm\:min-h-0 {
        min-height: 0px !important;
    }

    .sm\:min-h-full {
        min-height: 100% !important;
    }

    .sm\:min-h-screen {
        min-height: 100vh !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:min-h-0 {
        min-height: 0px !important;
    }

    .md\:min-h-full {
        min-height: 100% !important;
    }

    .md\:min-h-screen {
        min-height: 100vh !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:min-h-0 {
        min-height: 0px !important;
    }

    .lg\:min-h-full {
        min-height: 100% !important;
    }

    .lg\:min-h-screen {
        min-height: 100vh !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:min-h-0 {
        min-height: 0px !important;
    }

    .xl\:min-h-full {
        min-height: 100% !important;
    }

    .xl\:min-h-screen {
        min-height: 100vh !important;
    }
}

.max-h-0 {
    max-height: 0px !important;
}

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

.max-h-screen {
    max-height: 100vh !important;
}

.max-h-min {
    max-height: min-content !important;
}

.max-h-max {
    max-height: max-content !important;
}

.max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
}

.max-h-1rem {
    max-height: 1rem !important;
}

.max-h-2rem {
    max-height: 2rem !important;
}

.max-h-3rem {
    max-height: 3rem !important;
}

.max-h-4rem {
    max-height: 4rem !important;
}

.max-h-5rem {
    max-height: 5rem !important;
}

.max-h-6rem {
    max-height: 6rem !important;
}

.max-h-7rem {
    max-height: 7rem !important;
}

.max-h-8rem {
    max-height: 8rem !important;
}

.max-h-9rem {
    max-height: 9rem !important;
}

.max-h-10rem {
    max-height: 10rem !important;
}

.max-h-11rem {
    max-height: 11rem !important;
}

.max-h-12rem {
    max-height: 12rem !important;
}

.max-h-13rem {
    max-height: 13rem !important;
}

.max-h-14rem {
    max-height: 14rem !important;
}

.max-h-15rem {
    max-height: 15rem !important;
}

.max-h-16rem {
    max-height: 16rem !important;
}

.max-h-17rem {
    max-height: 17rem !important;
}

.max-h-18rem {
    max-height: 18rem !important;
}

.max-h-19rem {
    max-height: 19rem !important;
}

.max-h-20rem {
    max-height: 20rem !important;
}

.max-h-21rem {
    max-height: 21rem !important;
}

.max-h-22rem {
    max-height: 22rem !important;
}

.max-h-23rem {
    max-height: 23rem !important;
}

.max-h-24rem {
    max-height: 24rem !important;
}

.max-h-25rem {
    max-height: 25rem !important;
}

.max-h-26rem {
    max-height: 26rem !important;
}

.max-h-27rem {
    max-height: 27rem !important;
}

.max-h-28rem {
    max-height: 28rem !important;
}

.max-h-29rem {
    max-height: 29rem !important;
}

.max-h-30rem {
    max-height: 30rem !important;
}

@media screen and (min-width: 576px) {
    .sm\:max-h-0 {
        max-height: 0px !important;
    }

    .sm\:max-h-full {
        max-height: 100% !important;
    }

    .sm\:max-h-screen {
        max-height: 100vh !important;
    }

    .sm\:max-h-min {
        max-height: min-content !important;
    }

    .sm\:max-h-max {
        max-height: max-content !important;
    }

    .sm\:max-h-fit {
        max-height: -moz-fit-content !important;
        max-height: fit-content !important;
    }

    .sm\:max-h-1rem {
        max-height: 1rem !important;
    }

    .sm\:max-h-2rem {
        max-height: 2rem !important;
    }

    .sm\:max-h-3rem {
        max-height: 3rem !important;
    }

    .sm\:max-h-4rem {
        max-height: 4rem !important;
    }

    .sm\:max-h-5rem {
        max-height: 5rem !important;
    }

    .sm\:max-h-6rem {
        max-height: 6rem !important;
    }

    .sm\:max-h-7rem {
        max-height: 7rem !important;
    }

    .sm\:max-h-8rem {
        max-height: 8rem !important;
    }

    .sm\:max-h-9rem {
        max-height: 9rem !important;
    }

    .sm\:max-h-10rem {
        max-height: 10rem !important;
    }

    .sm\:max-h-11rem {
        max-height: 11rem !important;
    }

    .sm\:max-h-12rem {
        max-height: 12rem !important;
    }

    .sm\:max-h-13rem {
        max-height: 13rem !important;
    }

    .sm\:max-h-14rem {
        max-height: 14rem !important;
    }

    .sm\:max-h-15rem {
        max-height: 15rem !important;
    }

    .sm\:max-h-16rem {
        max-height: 16rem !important;
    }

    .sm\:max-h-17rem {
        max-height: 17rem !important;
    }

    .sm\:max-h-18rem {
        max-height: 18rem !important;
    }

    .sm\:max-h-19rem {
        max-height: 19rem !important;
    }

    .sm\:max-h-20rem {
        max-height: 20rem !important;
    }

    .sm\:max-h-21rem {
        max-height: 21rem !important;
    }

    .sm\:max-h-22rem {
        max-height: 22rem !important;
    }

    .sm\:max-h-23rem {
        max-height: 23rem !important;
    }

    .sm\:max-h-24rem {
        max-height: 24rem !important;
    }

    .sm\:max-h-25rem {
        max-height: 25rem !important;
    }

    .sm\:max-h-26rem {
        max-height: 26rem !important;
    }

    .sm\:max-h-27rem {
        max-height: 27rem !important;
    }

    .sm\:max-h-28rem {
        max-height: 28rem !important;
    }

    .sm\:max-h-29rem {
        max-height: 29rem !important;
    }

    .sm\:max-h-30rem {
        max-height: 30rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:max-h-0 {
        max-height: 0px !important;
    }

    .md\:max-h-full {
        max-height: 100% !important;
    }

    .md\:max-h-screen {
        max-height: 100vh !important;
    }

    .md\:max-h-min {
        max-height: min-content !important;
    }

    .md\:max-h-max {
        max-height: max-content !important;
    }

    .md\:max-h-fit {
        max-height: -moz-fit-content !important;
        max-height: fit-content !important;
    }

    .md\:max-h-1rem {
        max-height: 1rem !important;
    }

    .md\:max-h-2rem {
        max-height: 2rem !important;
    }

    .md\:max-h-3rem {
        max-height: 3rem !important;
    }

    .md\:max-h-4rem {
        max-height: 4rem !important;
    }

    .md\:max-h-5rem {
        max-height: 5rem !important;
    }

    .md\:max-h-6rem {
        max-height: 6rem !important;
    }

    .md\:max-h-7rem {
        max-height: 7rem !important;
    }

    .md\:max-h-8rem {
        max-height: 8rem !important;
    }

    .md\:max-h-9rem {
        max-height: 9rem !important;
    }

    .md\:max-h-10rem {
        max-height: 10rem !important;
    }

    .md\:max-h-11rem {
        max-height: 11rem !important;
    }

    .md\:max-h-12rem {
        max-height: 12rem !important;
    }

    .md\:max-h-13rem {
        max-height: 13rem !important;
    }

    .md\:max-h-14rem {
        max-height: 14rem !important;
    }

    .md\:max-h-15rem {
        max-height: 15rem !important;
    }

    .md\:max-h-16rem {
        max-height: 16rem !important;
    }

    .md\:max-h-17rem {
        max-height: 17rem !important;
    }

    .md\:max-h-18rem {
        max-height: 18rem !important;
    }

    .md\:max-h-19rem {
        max-height: 19rem !important;
    }

    .md\:max-h-20rem {
        max-height: 20rem !important;
    }

    .md\:max-h-21rem {
        max-height: 21rem !important;
    }

    .md\:max-h-22rem {
        max-height: 22rem !important;
    }

    .md\:max-h-23rem {
        max-height: 23rem !important;
    }

    .md\:max-h-24rem {
        max-height: 24rem !important;
    }

    .md\:max-h-25rem {
        max-height: 25rem !important;
    }

    .md\:max-h-26rem {
        max-height: 26rem !important;
    }

    .md\:max-h-27rem {
        max-height: 27rem !important;
    }

    .md\:max-h-28rem {
        max-height: 28rem !important;
    }

    .md\:max-h-29rem {
        max-height: 29rem !important;
    }

    .md\:max-h-30rem {
        max-height: 30rem !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:max-h-0 {
        max-height: 0px !important;
    }

    .lg\:max-h-full {
        max-height: 100% !important;
    }

    .lg\:max-h-screen {
        max-height: 100vh !important;
    }

    .lg\:max-h-min {
        max-height: min-content !important;
    }

    .lg\:max-h-max {
        max-height: max-content !important;
    }

    .lg\:max-h-fit {
        max-height: -moz-fit-content !important;
        max-height: fit-content !important;
    }

    .lg\:max-h-1rem {
        max-height: 1rem !important;
    }

    .lg\:max-h-2rem {
        max-height: 2rem !important;
    }

    .lg\:max-h-3rem {
        max-height: 3rem !important;
    }

    .lg\:max-h-4rem {
        max-height: 4rem !important;
    }

    .lg\:max-h-5rem {
        max-height: 5rem !important;
    }

    .lg\:max-h-6rem {
        max-height: 6rem !important;
    }

    .lg\:max-h-7rem {
        max-height: 7rem !important;
    }

    .lg\:max-h-8rem {
        max-height: 8rem !important;
    }

    .lg\:max-h-9rem {
        max-height: 9rem !important;
    }

    .lg\:max-h-10rem {
        max-height: 10rem !important;
    }

    .lg\:max-h-11rem {
        max-height: 11rem !important;
    }

    .lg\:max-h-12rem {
        max-height: 12rem !important;
    }

    .lg\:max-h-13rem {
        max-height: 13rem !important;
    }

    .lg\:max-h-14rem {
        max-height: 14rem !important;
    }

    .lg\:max-h-15rem {
        max-height: 15rem !important;
    }

    .lg\:max-h-16rem {
        max-height: 16rem !important;
    }

    .lg\:max-h-17rem {
        max-height: 17rem !important;
    }

    .lg\:max-h-18rem {
        max-height: 18rem !important;
    }

    .lg\:max-h-19rem {
        max-height: 19rem !important;
    }

    .lg\:max-h-20rem {
        max-height: 20rem !important;
    }

    .lg\:max-h-21rem {
        max-height: 21rem !important;
    }

    .lg\:max-h-22rem {
        max-height: 22rem !important;
    }

    .lg\:max-h-23rem {
        max-height: 23rem !important;
    }

    .lg\:max-h-24rem {
        max-height: 24rem !important;
    }

    .lg\:max-h-25rem {
        max-height: 25rem !important;
    }

    .lg\:max-h-26rem {
        max-height: 26rem !important;
    }

    .lg\:max-h-27rem {
        max-height: 27rem !important;
    }

    .lg\:max-h-28rem {
        max-height: 28rem !important;
    }

    .lg\:max-h-29rem {
        max-height: 29rem !important;
    }

    .lg\:max-h-30rem {
        max-height: 30rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:max-h-0 {
        max-height: 0px !important;
    }

    .xl\:max-h-full {
        max-height: 100% !important;
    }

    .xl\:max-h-screen {
        max-height: 100vh !important;
    }

    .xl\:max-h-min {
        max-height: min-content !important;
    }

    .xl\:max-h-max {
        max-height: max-content !important;
    }

    .xl\:max-h-fit {
        max-height: -moz-fit-content !important;
        max-height: fit-content !important;
    }

    .xl\:max-h-1rem {
        max-height: 1rem !important;
    }

    .xl\:max-h-2rem {
        max-height: 2rem !important;
    }

    .xl\:max-h-3rem {
        max-height: 3rem !important;
    }

    .xl\:max-h-4rem {
        max-height: 4rem !important;
    }

    .xl\:max-h-5rem {
        max-height: 5rem !important;
    }

    .xl\:max-h-6rem {
        max-height: 6rem !important;
    }

    .xl\:max-h-7rem {
        max-height: 7rem !important;
    }

    .xl\:max-h-8rem {
        max-height: 8rem !important;
    }

    .xl\:max-h-9rem {
        max-height: 9rem !important;
    }

    .xl\:max-h-10rem {
        max-height: 10rem !important;
    }

    .xl\:max-h-11rem {
        max-height: 11rem !important;
    }

    .xl\:max-h-12rem {
        max-height: 12rem !important;
    }

    .xl\:max-h-13rem {
        max-height: 13rem !important;
    }

    .xl\:max-h-14rem {
        max-height: 14rem !important;
    }

    .xl\:max-h-15rem {
        max-height: 15rem !important;
    }

    .xl\:max-h-16rem {
        max-height: 16rem !important;
    }

    .xl\:max-h-17rem {
        max-height: 17rem !important;
    }

    .xl\:max-h-18rem {
        max-height: 18rem !important;
    }

    .xl\:max-h-19rem {
        max-height: 19rem !important;
    }

    .xl\:max-h-20rem {
        max-height: 20rem !important;
    }

    .xl\:max-h-21rem {
        max-height: 21rem !important;
    }

    .xl\:max-h-22rem {
        max-height: 22rem !important;
    }

    .xl\:max-h-23rem {
        max-height: 23rem !important;
    }

    .xl\:max-h-24rem {
        max-height: 24rem !important;
    }

    .xl\:max-h-25rem {
        max-height: 25rem !important;
    }

    .xl\:max-h-26rem {
        max-height: 26rem !important;
    }

    .xl\:max-h-27rem {
        max-height: 27rem !important;
    }

    .xl\:max-h-28rem {
        max-height: 28rem !important;
    }

    .xl\:max-h-29rem {
        max-height: 29rem !important;
    }

    .xl\:max-h-30rem {
        max-height: 30rem !important;
    }
}

.static {
    position: static !important;
}

.fixed {
    position: fixed !important;
}

.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

.sticky {
    position: sticky !important;
}

@media screen and (min-width: 576px) {
    .sm\:static {
        position: static !important;
    }

    .sm\:fixed {
        position: fixed !important;
    }

    .sm\:absolute {
        position: absolute !important;
    }

    .sm\:relative {
        position: relative !important;
    }

    .sm\:sticky {
        position: sticky !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:static {
        position: static !important;
    }

    .md\:fixed {
        position: fixed !important;
    }

    .md\:absolute {
        position: absolute !important;
    }

    .md\:relative {
        position: relative !important;
    }

    .md\:sticky {
        position: sticky !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:static {
        position: static !important;
    }

    .lg\:fixed {
        position: fixed !important;
    }

    .lg\:absolute {
        position: absolute !important;
    }

    .lg\:relative {
        position: relative !important;
    }

    .lg\:sticky {
        position: sticky !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:static {
        position: static !important;
    }

    .xl\:fixed {
        position: fixed !important;
    }

    .xl\:absolute {
        position: absolute !important;
    }

    .xl\:relative {
        position: relative !important;
    }

    .xl\:sticky {
        position: sticky !important;
    }
}

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

.top-0 {
    top: 0px !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

@media screen and (min-width: 576px) {
    .sm\:top-auto {
        top: auto !important;
    }

    .sm\:top-0 {
        top: 0px !important;
    }

    .sm\:top-50 {
        top: 50% !important;
    }

    .sm\:top-100 {
        top: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:top-auto {
        top: auto !important;
    }

    .md\:top-0 {
        top: 0px !important;
    }

    .md\:top-50 {
        top: 50% !important;
    }

    .md\:top-100 {
        top: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:top-auto {
        top: auto !important;
    }

    .lg\:top-0 {
        top: 0px !important;
    }

    .lg\:top-50 {
        top: 50% !important;
    }

    .lg\:top-100 {
        top: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:top-auto {
        top: auto !important;
    }

    .xl\:top-0 {
        top: 0px !important;
    }

    .xl\:top-50 {
        top: 50% !important;
    }

    .xl\:top-100 {
        top: 100% !important;
    }
}

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

.left-0 {
    left: 0px !important;
}

.left-50 {
    left: 50% !important;
}

.left-100 {
    left: 100% !important;
}

@media screen and (min-width: 576px) {
    .sm\:left-auto {
        left: auto !important;
    }

    .sm\:left-0 {
        left: 0px !important;
    }

    .sm\:left-50 {
        left: 50% !important;
    }

    .sm\:left-100 {
        left: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:left-auto {
        left: auto !important;
    }

    .md\:left-0 {
        left: 0px !important;
    }

    .md\:left-50 {
        left: 50% !important;
    }

    .md\:left-100 {
        left: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:left-auto {
        left: auto !important;
    }

    .lg\:left-0 {
        left: 0px !important;
    }

    .lg\:left-50 {
        left: 50% !important;
    }

    .lg\:left-100 {
        left: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:left-auto {
        left: auto !important;
    }

    .xl\:left-0 {
        left: 0px !important;
    }

    .xl\:left-50 {
        left: 50% !important;
    }

    .xl\:left-100 {
        left: 100% !important;
    }
}

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

.right-0 {
    right: 0px !important;
}

.right-50 {
    right: 50% !important;
}

.right-100 {
    right: 100% !important;
}

@media screen and (min-width: 576px) {
    .sm\:right-auto {
        right: auto !important;
    }

    .sm\:right-0 {
        right: 0px !important;
    }

    .sm\:right-50 {
        right: 50% !important;
    }

    .sm\:right-100 {
        right: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:right-auto {
        right: auto !important;
    }

    .md\:right-0 {
        right: 0px !important;
    }

    .md\:right-50 {
        right: 50% !important;
    }

    .md\:right-100 {
        right: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:right-auto {
        right: auto !important;
    }

    .lg\:right-0 {
        right: 0px !important;
    }

    .lg\:right-50 {
        right: 50% !important;
    }

    .lg\:right-100 {
        right: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:right-auto {
        right: auto !important;
    }

    .xl\:right-0 {
        right: 0px !important;
    }

    .xl\:right-50 {
        right: 50% !important;
    }

    .xl\:right-100 {
        right: 100% !important;
    }
}

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

.bottom-0 {
    bottom: 0px !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

@media screen and (min-width: 576px) {
    .sm\:bottom-auto {
        bottom: auto !important;
    }

    .sm\:bottom-0 {
        bottom: 0px !important;
    }

    .sm\:bottom-50 {
        bottom: 50% !important;
    }

    .sm\:bottom-100 {
        bottom: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:bottom-auto {
        bottom: auto !important;
    }

    .md\:bottom-0 {
        bottom: 0px !important;
    }

    .md\:bottom-50 {
        bottom: 50% !important;
    }

    .md\:bottom-100 {
        bottom: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:bottom-auto {
        bottom: auto !important;
    }

    .lg\:bottom-0 {
        bottom: 0px !important;
    }

    .lg\:bottom-50 {
        bottom: 50% !important;
    }

    .lg\:bottom-100 {
        bottom: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:bottom-auto {
        bottom: auto !important;
    }

    .xl\:bottom-0 {
        bottom: 0px !important;
    }

    .xl\:bottom-50 {
        bottom: 50% !important;
    }

    .xl\:bottom-100 {
        bottom: 100% !important;
    }
}

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

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

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

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

@media screen and (min-width: 576px) {
    .sm\:overflow-auto {
        overflow: auto !important;
    }

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

    .sm\:overflow-visible {
        overflow: visible !important;
    }

    .sm\:overflow-scroll {
        overflow: scroll !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:overflow-auto {
        overflow: auto !important;
    }

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

    .md\:overflow-visible {
        overflow: visible !important;
    }

    .md\:overflow-scroll {
        overflow: scroll !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:overflow-auto {
        overflow: auto !important;
    }

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

    .lg\:overflow-visible {
        overflow: visible !important;
    }

    .lg\:overflow-scroll {
        overflow: scroll !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:overflow-auto {
        overflow: auto !important;
    }

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

    .xl\:overflow-visible {
        overflow: visible !important;
    }

    .xl\:overflow-scroll {
        overflow: scroll !important;
    }
}

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

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

.overflow-x-visible {
    overflow-x: visible !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

@media screen and (min-width: 576px) {
    .sm\:overflow-x-auto {
        overflow-x: auto !important;
    }

    .sm\:overflow-x-hidden {
        overflow-x: hidden !important;
    }

    .sm\:overflow-x-visible {
        overflow-x: visible !important;
    }

    .sm\:overflow-x-scroll {
        overflow-x: scroll !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:overflow-x-auto {
        overflow-x: auto !important;
    }

    .md\:overflow-x-hidden {
        overflow-x: hidden !important;
    }

    .md\:overflow-x-visible {
        overflow-x: visible !important;
    }

    .md\:overflow-x-scroll {
        overflow-x: scroll !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:overflow-x-auto {
        overflow-x: auto !important;
    }

    .lg\:overflow-x-hidden {
        overflow-x: hidden !important;
    }

    .lg\:overflow-x-visible {
        overflow-x: visible !important;
    }

    .lg\:overflow-x-scroll {
        overflow-x: scroll !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:overflow-x-auto {
        overflow-x: auto !important;
    }

    .xl\:overflow-x-hidden {
        overflow-x: hidden !important;
    }

    .xl\:overflow-x-visible {
        overflow-x: visible !important;
    }

    .xl\:overflow-x-scroll {
        overflow-x: scroll !important;
    }
}

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

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

.overflow-y-visible {
    overflow-y: visible !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

@media screen and (min-width: 576px) {
    .sm\:overflow-y-auto {
        overflow-y: auto !important;
    }

    .sm\:overflow-y-hidden {
        overflow-y: hidden !important;
    }

    .sm\:overflow-y-visible {
        overflow-y: visible !important;
    }

    .sm\:overflow-y-scroll {
        overflow-y: scroll !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:overflow-y-auto {
        overflow-y: auto !important;
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden !important;
    }

    .md\:overflow-y-visible {
        overflow-y: visible !important;
    }

    .md\:overflow-y-scroll {
        overflow-y: scroll !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:overflow-y-auto {
        overflow-y: auto !important;
    }

    .lg\:overflow-y-hidden {
        overflow-y: hidden !important;
    }

    .lg\:overflow-y-visible {
        overflow-y: visible !important;
    }

    .lg\:overflow-y-scroll {
        overflow-y: scroll !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:overflow-y-auto {
        overflow-y: auto !important;
    }

    .xl\:overflow-y-hidden {
        overflow-y: hidden !important;
    }

    .xl\:overflow-y-visible {
        overflow-y: visible !important;
    }

    .xl\:overflow-y-scroll {
        overflow-y: scroll !important;
    }
}

.z-auto {
    z-index: auto !important;
}

.z-0 {
    z-index: 0 !important;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}

.z-5 {
    z-index: 5 !important;
}

@media screen and (min-width: 576px) {
    .sm\:z-auto {
        z-index: auto !important;
    }

    .sm\:z-0 {
        z-index: 0 !important;
    }

    .sm\:z-1 {
        z-index: 1 !important;
    }

    .sm\:z-2 {
        z-index: 2 !important;
    }

    .sm\:z-3 {
        z-index: 3 !important;
    }

    .sm\:z-4 {
        z-index: 4 !important;
    }

    .sm\:z-5 {
        z-index: 5 !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:z-auto {
        z-index: auto !important;
    }

    .md\:z-0 {
        z-index: 0 !important;
    }

    .md\:z-1 {
        z-index: 1 !important;
    }

    .md\:z-2 {
        z-index: 2 !important;
    }

    .md\:z-3 {
        z-index: 3 !important;
    }

    .md\:z-4 {
        z-index: 4 !important;
    }

    .md\:z-5 {
        z-index: 5 !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:z-auto {
        z-index: auto !important;
    }

    .lg\:z-0 {
        z-index: 0 !important;
    }

    .lg\:z-1 {
        z-index: 1 !important;
    }

    .lg\:z-2 {
        z-index: 2 !important;
    }

    .lg\:z-3 {
        z-index: 3 !important;
    }

    .lg\:z-4 {
        z-index: 4 !important;
    }

    .lg\:z-5 {
        z-index: 5 !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:z-auto {
        z-index: auto !important;
    }

    .xl\:z-0 {
        z-index: 0 !important;
    }

    .xl\:z-1 {
        z-index: 1 !important;
    }

    .xl\:z-2 {
        z-index: 2 !important;
    }

    .xl\:z-3 {
        z-index: 3 !important;
    }

    .xl\:z-4 {
        z-index: 4 !important;
    }

    .xl\:z-5 {
        z-index: 5 !important;
    }
}

.bg-repeat {
    background-repeat: repeat !important;
}

.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.bg-repeat-x {
    background-repeat: repeat-x !important;
}

.bg-repeat-y {
    background-repeat: repeat-y !important;
}

.bg-repeat-round {
    background-repeat: round !important;
}

.bg-repeat-space {
    background-repeat: space !important;
}

@media screen and (min-width: 576px) {
    .sm\:bg-repeat {
        background-repeat: repeat !important;
    }

    .sm\:bg-no-repeat {
        background-repeat: no-repeat !important;
    }

    .sm\:bg-repeat-x {
        background-repeat: repeat-x !important;
    }

    .sm\:bg-repeat-y {
        background-repeat: repeat-y !important;
    }

    .sm\:bg-repeat-round {
        background-repeat: round !important;
    }

    .sm\:bg-repeat-space {
        background-repeat: space !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:bg-repeat {
        background-repeat: repeat !important;
    }

    .md\:bg-no-repeat {
        background-repeat: no-repeat !important;
    }

    .md\:bg-repeat-x {
        background-repeat: repeat-x !important;
    }

    .md\:bg-repeat-y {
        background-repeat: repeat-y !important;
    }

    .md\:bg-repeat-round {
        background-repeat: round !important;
    }

    .md\:bg-repeat-space {
        background-repeat: space !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:bg-repeat {
        background-repeat: repeat !important;
    }

    .lg\:bg-no-repeat {
        background-repeat: no-repeat !important;
    }

    .lg\:bg-repeat-x {
        background-repeat: repeat-x !important;
    }

    .lg\:bg-repeat-y {
        background-repeat: repeat-y !important;
    }

    .lg\:bg-repeat-round {
        background-repeat: round !important;
    }

    .lg\:bg-repeat-space {
        background-repeat: space !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:bg-repeat {
        background-repeat: repeat !important;
    }

    .xl\:bg-no-repeat {
        background-repeat: no-repeat !important;
    }

    .xl\:bg-repeat-x {
        background-repeat: repeat-x !important;
    }

    .xl\:bg-repeat-y {
        background-repeat: repeat-y !important;
    }

    .xl\:bg-repeat-round {
        background-repeat: round !important;
    }

    .xl\:bg-repeat-space {
        background-repeat: space !important;
    }
}

.bg-auto {
    background-size: auto !important;
}

.bg-cover {
    background-size: cover !important;
}

.bg-contain {
    background-size: contain !important;
}

@media screen and (min-width: 576px) {
    .sm\:bg-auto {
        background-size: auto !important;
    }

    .sm\:bg-cover {
        background-size: cover !important;
    }

    .sm\:bg-contain {
        background-size: contain !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:bg-auto {
        background-size: auto !important;
    }

    .md\:bg-cover {
        background-size: cover !important;
    }

    .md\:bg-contain {
        background-size: contain !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:bg-auto {
        background-size: auto !important;
    }

    .lg\:bg-cover {
        background-size: cover !important;
    }

    .lg\:bg-contain {
        background-size: contain !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:bg-auto {
        background-size: auto !important;
    }

    .xl\:bg-cover {
        background-size: cover !important;
    }

    .xl\:bg-contain {
        background-size: contain !important;
    }
}

.bg-bottom {
    background-position: bottom !important;
}

.bg-center {
    background-position: center !important;
}

.bg-left {
    background-position: left !important;
}

.bg-left-bottom {
    background-position: left bottom !important;
}

.bg-left-top {
    background-position: left top !important;
}

.bg-right {
    background-position: right !important;
}

.bg-right-bottom {
    background-position: right bottom !important;
}

.bg-right-top {
    background-position: right top !important;
}

.bg-top {
    background-position: top !important;
}

@media screen and (min-width: 576px) {
    .sm\:bg-bottom {
        background-position: bottom !important;
    }

    .sm\:bg-center {
        background-position: center !important;
    }

    .sm\:bg-left {
        background-position: left !important;
    }

    .sm\:bg-left-bottom {
        background-position: left bottom !important;
    }

    .sm\:bg-left-top {
        background-position: left top !important;
    }

    .sm\:bg-right {
        background-position: right !important;
    }

    .sm\:bg-right-bottom {
        background-position: right bottom !important;
    }

    .sm\:bg-right-top {
        background-position: right top !important;
    }

    .sm\:bg-top {
        background-position: top !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:bg-bottom {
        background-position: bottom !important;
    }

    .md\:bg-center {
        background-position: center !important;
    }

    .md\:bg-left {
        background-position: left !important;
    }

    .md\:bg-left-bottom {
        background-position: left bottom !important;
    }

    .md\:bg-left-top {
        background-position: left top !important;
    }

    .md\:bg-right {
        background-position: right !important;
    }

    .md\:bg-right-bottom {
        background-position: right bottom !important;
    }

    .md\:bg-right-top {
        background-position: right top !important;
    }

    .md\:bg-top {
        background-position: top !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:bg-bottom {
        background-position: bottom !important;
    }

    .lg\:bg-center {
        background-position: center !important;
    }

    .lg\:bg-left {
        background-position: left !important;
    }

    .lg\:bg-left-bottom {
        background-position: left bottom !important;
    }

    .lg\:bg-left-top {
        background-position: left top !important;
    }

    .lg\:bg-right {
        background-position: right !important;
    }

    .lg\:bg-right-bottom {
        background-position: right bottom !important;
    }

    .lg\:bg-right-top {
        background-position: right top !important;
    }

    .lg\:bg-top {
        background-position: top !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:bg-bottom {
        background-position: bottom !important;
    }

    .xl\:bg-center {
        background-position: center !important;
    }

    .xl\:bg-left {
        background-position: left !important;
    }

    .xl\:bg-left-bottom {
        background-position: left bottom !important;
    }

    .xl\:bg-left-top {
        background-position: left top !important;
    }

    .xl\:bg-right {
        background-position: right !important;
    }

    .xl\:bg-right-bottom {
        background-position: right bottom !important;
    }

    .xl\:bg-right-top {
        background-position: right top !important;
    }

    .xl\:bg-top {
        background-position: top !important;
    }
}

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

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

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

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

.list-none {
    list-style: none !important;
}

.list-disc {
    list-style: disc !important;
}

.list-decimal {
    list-style: decimal !important;
}

.appearance-none {
    appearance: none !important;
}

.outline-none {
    outline: none !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.pointer-events-auto {
    pointer-events: auto !important;
}

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

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-move {
    cursor: move !important;
}

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

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

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

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

.opacity-0 {
    opacity: 0 !important;
}

.opacity-10 {
    opacity: .1 !important;
}

.opacity-20 {
    opacity: .2 !important;
}

.opacity-30 {
    opacity: .3 !important;
}

.opacity-40 {
    opacity: .4 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-60 {
    opacity: .6 !important;
}

.opacity-70 {
    opacity: .7 !important;
}

.opacity-80 {
    opacity: .8 !important;
}

.opacity-90 {
    opacity: .9 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.transition-none {
    transition-property: none !important;
}

.transition-all {
    transition-property: all !important;
}

.transition-colors {
    transition-property: background-color,border-color,color !important;
}

.transition-transform {
    transition-property: transform !important;
}

.transition-duration-100 {
    transition-duration: 100ms !important;
}

.transition-duration-150 {
    transition-duration: 150ms !important;
}

.transition-duration-200 {
    transition-duration: 200ms !important;
}

.transition-duration-300 {
    transition-duration: 300ms !important;
}

.transition-duration-400 {
    transition-duration: 400ms !important;
}

.transition-duration-500 {
    transition-duration: 500ms !important;
}

.transition-duration-1000 {
    transition-duration: 1000ms !important;
}

.transition-duration-2000 {
    transition-duration: 2000ms !important;
}

.transition-duration-3000 {
    transition-duration: 3000ms !important;
}

.transition-linear {
    transition-timing-function: linear !important;
}

.transition-ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.transition-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.transition-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.transition-delay-100 {
    transition-delay: 100ms !important;
}

.transition-delay-150 {
    transition-delay: 150ms !important;
}

.transition-delay-200 {
    transition-delay: 200ms !important;
}

.transition-delay-300 {
    transition-delay: 300ms !important;
}

.transition-delay-400 {
    transition-delay: 400ms !important;
}

.transition-delay-500 {
    transition-delay: 500ms !important;
}

.transition-delay-1000 {
    transition-delay: 1000ms !important;
}

.translate-x-0 {
    transform: translateX(0%) !important;
}

.translate-x-100 {
    transform: translateX(100%) !important;
}

.-translate-x-100 {
    transform: translateX(-100%) !important;
}

.translate-y-0 {
    transform: translateY(0%) !important;
}

.translate-y-100 {
    transform: translateY(100%) !important;
}

.-translate-y-100 {
    transform: translateY(-100%) !important;
}

@media screen and (min-width: 576px) {
    .sm\:translate-x-0 {
        transform: translateX(0%) !important;
    }

    .sm\:translate-x-100 {
        transform: translateX(100%) !important;
    }

    .sm\:-translate-x-100 {
        transform: translateX(-100%) !important;
    }

    .sm\:translate-y-0 {
        transform: translateY(0%) !important;
    }

    .sm\:translate-y-100 {
        transform: translateY(100%) !important;
    }

    .sm\:-translate-y-100 {
        transform: translateY(-100%) !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:translate-x-0 {
        transform: translateX(0%) !important;
    }

    .md\:translate-x-100 {
        transform: translateX(100%) !important;
    }

    .md\:-translate-x-100 {
        transform: translateX(-100%) !important;
    }

    .md\:translate-y-0 {
        transform: translateY(0%) !important;
    }

    .md\:translate-y-100 {
        transform: translateY(100%) !important;
    }

    .md\:-translate-y-100 {
        transform: translateY(-100%) !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:translate-x-0 {
        transform: translateX(0%) !important;
    }

    .lg\:translate-x-100 {
        transform: translateX(100%) !important;
    }

    .lg\:-translate-x-100 {
        transform: translateX(-100%) !important;
    }

    .lg\:translate-y-0 {
        transform: translateY(0%) !important;
    }

    .lg\:translate-y-100 {
        transform: translateY(100%) !important;
    }

    .lg\:-translate-y-100 {
        transform: translateY(-100%) !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:translate-x-0 {
        transform: translateX(0%) !important;
    }

    .xl\:translate-x-100 {
        transform: translateX(100%) !important;
    }

    .xl\:-translate-x-100 {
        transform: translateX(-100%) !important;
    }

    .xl\:translate-y-0 {
        transform: translateY(0%) !important;
    }

    .xl\:translate-y-100 {
        transform: translateY(100%) !important;
    }

    .xl\:-translate-y-100 {
        transform: translateY(-100%) !important;
    }
}

.rotate-45 {
    transform: rotate(45deg) !important;
}

.-rotate-45 {
    transform: rotate(-45deg) !important;
}

.rotate-90 {
    transform: rotate(90deg) !important;
}

.-rotate-90 {
    transform: rotate(-90deg) !important;
}

.rotate-180 {
    transform: rotate(180deg) !important;
}

.-rotate-180 {
    transform: rotate(-180deg) !important;
}

@media screen and (min-width: 576px) {
    .sm\:rotate-45 {
        transform: rotate(45deg) !important;
    }

    .sm\:-rotate-45 {
        transform: rotate(-45deg) !important;
    }

    .sm\:rotate-90 {
        transform: rotate(90deg) !important;
    }

    .sm\:-rotate-90 {
        transform: rotate(-90deg) !important;
    }

    .sm\:rotate-180 {
        transform: rotate(180deg) !important;
    }

    .sm\:-rotate-180 {
        transform: rotate(-180deg) !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:rotate-45 {
        transform: rotate(45deg) !important;
    }

    .md\:-rotate-45 {
        transform: rotate(-45deg) !important;
    }

    .md\:rotate-90 {
        transform: rotate(90deg) !important;
    }

    .md\:-rotate-90 {
        transform: rotate(-90deg) !important;
    }

    .md\:rotate-180 {
        transform: rotate(180deg) !important;
    }

    .md\:-rotate-180 {
        transform: rotate(-180deg) !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:rotate-45 {
        transform: rotate(45deg) !important;
    }

    .lg\:-rotate-45 {
        transform: rotate(-45deg) !important;
    }

    .lg\:rotate-90 {
        transform: rotate(90deg) !important;
    }

    .lg\:-rotate-90 {
        transform: rotate(-90deg) !important;
    }

    .lg\:rotate-180 {
        transform: rotate(180deg) !important;
    }

    .lg\:-rotate-180 {
        transform: rotate(-180deg) !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:rotate-45 {
        transform: rotate(45deg) !important;
    }

    .xl\:-rotate-45 {
        transform: rotate(-45deg) !important;
    }

    .xl\:rotate-90 {
        transform: rotate(90deg) !important;
    }

    .xl\:-rotate-90 {
        transform: rotate(-90deg) !important;
    }

    .xl\:rotate-180 {
        transform: rotate(180deg) !important;
    }

    .xl\:-rotate-180 {
        transform: rotate(-180deg) !important;
    }
}

.origin-center {
    transform-origin: center !important;
}

.origin-top {
    transform-origin: top !important;
}

.origin-top-right {
    transform-origin: top right !important;
}

.origin-right {
    transform-origin: right !important;
}

.origin-bottom-right {
    transform-origin: bottom right !important;
}

.origin-bottom {
    transform-origin: bottom !important;
}

.origin-bottom-left {
    transform-origin: bottom left !important;
}

.origin-left {
    transform-origin: left !important;
}

.origin-top-left {
    transform-origin: top-left !important;
}

@media screen and (min-width: 576px) {
    .sm\:origin-center {
        transform-origin: center !important;
    }

    .sm\:origin-top {
        transform-origin: top !important;
    }

    .sm\:origin-top-right {
        transform-origin: top right !important;
    }

    .sm\:origin-right {
        transform-origin: right !important;
    }

    .sm\:origin-bottom-right {
        transform-origin: bottom right !important;
    }

    .sm\:origin-bottom {
        transform-origin: bottom !important;
    }

    .sm\:origin-bottom-left {
        transform-origin: bottom left !important;
    }

    .sm\:origin-left {
        transform-origin: left !important;
    }

    .sm\:origin-top-left {
        transform-origin: top-left !important;
    }
}

@media screen and (min-width: 768px) {
    .md\:origin-center {
        transform-origin: center !important;
    }

    .md\:origin-top {
        transform-origin: top !important;
    }

    .md\:origin-top-right {
        transform-origin: top right !important;
    }

    .md\:origin-right {
        transform-origin: right !important;
    }

    .md\:origin-bottom-right {
        transform-origin: bottom right !important;
    }

    .md\:origin-bottom {
        transform-origin: bottom !important;
    }

    .md\:origin-bottom-left {
        transform-origin: bottom left !important;
    }

    .md\:origin-left {
        transform-origin: left !important;
    }

    .md\:origin-top-left {
        transform-origin: top-left !important;
    }
}

@media screen and (min-width: 992px) {
    .lg\:origin-center {
        transform-origin: center !important;
    }

    .lg\:origin-top {
        transform-origin: top !important;
    }

    .lg\:origin-top-right {
        transform-origin: top right !important;
    }

    .lg\:origin-right {
        transform-origin: right !important;
    }

    .lg\:origin-bottom-right {
        transform-origin: bottom right !important;
    }

    .lg\:origin-bottom {
        transform-origin: bottom !important;
    }

    .lg\:origin-bottom-left {
        transform-origin: bottom left !important;
    }

    .lg\:origin-left {
        transform-origin: left !important;
    }

    .lg\:origin-top-left {
        transform-origin: top-left !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl\:origin-center {
        transform-origin: center !important;
    }

    .xl\:origin-top {
        transform-origin: top !important;
    }

    .xl\:origin-top-right {
        transform-origin: top right !important;
    }

    .xl\:origin-right {
        transform-origin: right !important;
    }

    .xl\:origin-bottom-right {
        transform-origin: bottom right !important;
    }

    .xl\:origin-bottom {
        transform-origin: bottom !important;
    }

    .xl\:origin-bottom-left {
        transform-origin: bottom left !important;
    }

    .xl\:origin-left {
        transform-origin: left !important;
    }

    .xl\:origin-top-left {
        transform-origin: top-left !important;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes scalein {
    0% {
        opacity: 0;
        transform: scaleY(0.8);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes slidedown {
    0% {
        max-height: 0;
    }

    100% {
        max-height: auto;
    }
}

@keyframes slideup {
    0% {
        max-height: 1000px;
    }

    100% {
        max-height: 0;
    }
}

@keyframes fadeinleft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes fadeoutleft {
    0% {
        opacity: 1;
        transform: translateX(0%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

@keyframes fadeinright {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes fadeoutright {
    0% {
        opacity: 1;
        transform: translateX(0%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@keyframes fadeinup {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes fadeoutup {
    0% {
        opacity: 1;
        transform: translateY(0%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}

@keyframes fadeindown {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes fadeoutdown {
    0% {
        opacity: 1;
        transform: translateY(0%);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

@keyframes animate-width {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.fadein {
    animation: fadein 0.15s linear;
}

.fadeout {
    animation: fadeout 0.15s linear;
}

.slidedown {
    animation: slidedown 0.45s ease-in-out;
}

.slideup {
    animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}

.scalein {
    animation: scalein 0.15s linear;
}

.fadeinleft {
    animation: fadeinleft 0.15s linear;
}

.fadeoutleft {
    animation: fadeoutleft 0.15s linear;
}

.fadeinright {
    animation: fadeinright 0.15s linear;
}

.fadeoutright {
    animation: fadeoutright 0.15s linear;
}

.fadeinup {
    animation: fadeinup 0.15s linear;
}

.fadeoutup {
    animation: fadeoutup 0.15s linear;
}

.fadeindown {
    animation: fadeindown 0.15s linear;
}

.fadeoutdown {
    animation: fadeoutdown 0.15s linear;
}

.animate-width {
    animation: animate-width 1000ms linear;
}

.animation-duration-100 {
    animation-duration: 100ms !important;
}

.animation-duration-150 {
    animation-duration: 150ms !important;
}

.animation-duration-200 {
    animation-duration: 200ms !important;
}

.animation-duration-300 {
    animation-duration: 300ms !important;
}

.animation-duration-400 {
    animation-duration: 400ms !important;
}

.animation-duration-500 {
    animation-duration: 500ms !important;
}

.animation-duration-1000 {
    animation-duration: 1000ms !important;
}

.animation-duration-2000 {
    animation-duration: 2000ms !important;
}

.animation-duration-3000 {
    animation-duration: 3000ms !important;
}

.animation-delay-100 {
    animation-delay: 100ms !important;
}

.animation-delay-150 {
    animation-delay: 150ms !important;
}

.animation-delay-200 {
    animation-delay: 200ms !important;
}

.animation-delay-300 {
    animation-delay: 300ms !important;
}

.animation-delay-400 {
    animation-delay: 400ms !important;
}

.animation-delay-500 {
    animation-delay: 500ms !important;
}

.animation-delay-1000 {
    animation-delay: 1000ms !important;
}

.animation-iteration-1 {
    animation-iteration-count: 1 !important;
}

.animation-iteration-2 {
    animation-iteration-count: 2 !important;
}

.animation-iteration-infinite {
    animation-iteration-count: infinite !important;
}

.animation-linear {
    animation-timing-function: linear !important;
}

.animation-ease-in {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.animation-ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.animation-ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.animation-fill-none {
    animation-fill-mode: none !important;
}

.animation-fill-forwards {
    animation-fill-mode: forwards !important;
}

.animation-fill-backwards {
    animation-fill-mode: backwards !important;
}

.animation-fill-both {
    animation-fill-mode: both !important;
}


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

@media (min-width: 576px) {
    .p-container, .p-container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .p-container, .p-container-sm, .p-container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .p-container, .p-container-sm, .p-container-md, .p-container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .p-container, .p-container-sm, .p-container-md, .p-container-lg, .p-container-xl {
        max-width: 1140px;
    }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@layer primeng{.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}}@layer primeng{.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}p-button[iconpos='right'] spinnericon{order:1}}@layer primeng{.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}@layer primeng{.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}}@layer primeng{.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}}@layer primeng{.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}@layer primeng{.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}}@layer primeng{.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill-emoji/dist/quill-emoji.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
#quill-editor{position:relative}.mention{color:#0366d6}.completions{background:#fff;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,.25);list-style:none}.completions,.completions>li{margin:0;padding:0}.completions>li>button{background:none;border:none;box-sizing:border-box;display:block;height:2em;margin:0;padding:.25em .5em;text-align:left;width:100%}.completions>li>button:hover{background:#ddd}.completions>li>button:focus{background:#ddd;outline:none}.completions>li>button>.matched{color:#000;font-weight:700}.completions>li>button>*{vertical-align:middle}.emoji_completions{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);list-style:none;margin:0;padding:6px}.emoji_completions li{display:inline-block;margin:2px 0;padding:0}.emoji_completions li:not(:last-of-type){margin-right:3px}.emoji_completions>li>button{background:#efefef;border:none;border-radius:3px;box-sizing:border-box;display:block;margin:0;padding:3px 2px 6px;text-align:left;width:100%}.emoji_completions>li>button:hover{background:#2d9ee0;color:#fff}.emoji_completions>li>button:focus{background:#2d9ee0;color:#fff;outline:none}.emoji_completions>li>button.emoji-active{background:red;background:#2d9ee0;color:#fff;outline:none}.emoji_completions>li>button>.matched{font-weight:700}.emoji_completions>li>button>*,.ico{vertical-align:middle}.ico{font-size:18px;line-height:0;margin-right:5px}#emoji-palette{border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;z-index:999}.bem{cursor:pointer;display:inline-block;font-size:24px;margin:2px;text-align:center;width:34px}#tab-filters{margin:20px auto 0;width:210px}.emoji-tab{cursor:pointer;display:inline-table;height:100%;min-height:30px;text-align:center;width:30px}#tab-toolbar{background-color:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.15);padding:4px 4px 0}#tab-toolbar ul{margin:0;padding:0}#tab-toolbar .active{border-bottom:3px solid #2ab27b}#tab-panel{background:#fff;display:flex;flex-wrap:wrap;justify-content:center;max-height:220px;overflow-y:scroll;padding:2px}#quill-editor x-contain,contain{background:#fb8;display:block}#quill-editor table{border-collapse:collapse;width:100%}#quill-editor table td{border:1px solid #000;height:25px;padding:5px}.ql-picker.ql-table .ql-picker-label:before,button.ql-table:after{content:"TABLE"}button.ql-contain:after{content:"WRAP"}button.ql-table[value=append-row]:after{content:"ROWS+"}button.ql-table[value=append-col]:after{content:"COLS+"}.ql-contain,.ql-table{margin-right:-15px;width:auto!important}#emoji-close-div{height:100%;left:0;position:fixed;top:0;width:100%}.textarea-emoji-control{height:25px;right:4px;top:10px;width:25px}#textarea-emoji{border:1px solid #66afe9;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;right:0;z-index:999}.ql-editor{padding-right:26px}.i-activity{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><g transform="translate(7.500000, 7.500000)"><path stroke="%236F6D70" d="M18.02 1.36c5.92 3.02 8.28 10.26 5.26 16.18-2.12 4.17-6.35 6.57-10.73 6.57-1.83 0-3.7-.4-5.45-1.3-5.9-3-8.27-10.22-5.25-16.2C3.97 2.5 8.2.1 12.57.1c1.84 0 3.7.42 5.45 1.3zm4.7 11.44c.1-1.3-.06-2.6-.47-3.87-.13-.38-.27-.75-.43-1.1l-3.42-1.6-1.57-3.4c-.62-.3-1.27-.5-1.92-.68-.7-.18-1.5-.27-2.3-.27-.4 0-.8.02-1.2.06L8.9 4.74l-3.74.43c-.63.68-1.16 1.45-1.6 2.28-.42.84-.72 1.72-.9 2.63l1.84 3.3-.74 3.68c.3.56.66 1.08 1.1 1.58.76.94 1.7 1.7 2.8 2.32l3.7-.74 3.26 1.84c1.13-.23 2.23-.65 3.24-1.26.6-.35 1.2-.77 1.7-1.24l.44-3.74 2.78-2.55.05-.47z" stroke-linecap="round" stroke-linejoin="round"/><polygon points="10.6158689 8.50666885 8.42649168 12.8046921 11.836847 16.2129328 16.1342124 14.0235556 15.3793892 9.26144504"/></g></g></g></svg>')}.i-activity,.i-flags{content:"";height:25px;margin:auto;width:25px}.i-flags{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><g transform="translate(9.500000, 8.000000)"><path d="M.5 3.13V23.5c0 .83.68 1.5 1.5 1.5.84 0 1.5-.67 1.5-1.5V3.14c0-.83-.66-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5z"/><path d="M3.5 11.54c.7-.16 1.44-.22 2.25-.17 1.38.07 2.48.3 5.23 1.04l.55.2c3.02.8 4.77 1 5.96.67v-7.9c-1.7.33-3.8-.07-7.1-1-3.9-1.1-5.7-1.3-6.9-.5v7.7zm7.68-10.1c4.1 1.15 5.7 1.3 6.98.44 1-.66 2.33.05 2.33 1.25v11c0 .5-.3 1-.7 1.26-2.2 1.4-4.6 1.2-9.1 0l-.56-.16c-4.54-1.2-6.15-1.3-7.05-.2-.9 1.06-2.65.42-2.65-.98v-11c0-.4.2-.8.5-1.1C3.4-.24 5.75-.1 11.2 1.4z"/></g></g></g></svg>')}.i-food{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M9.57 28.2c0 .28.22.5.5.5h19.2c.27 0 .5-.22.5-.5v-4.4H9.57v4.4zm23.2-3.06v3.07c0 1.95-1.57 3.5-3.5 3.5h-19.2c-1.93 0-3.5-1.55-3.5-3.5V25c.46.15.96.24 1.47.24h23.78c.33 0 .64-.04.94-.1z"/><path fill-rule="nonzero" d="M6.57 18.2v-3.45c0-3.56 2.9-6.45 6.45-6.45h13.3c3.55 0 6.44 2.9 6.44 6.45v3.45H6.56zm3-1.83h3.6l.4.86c.23.5.73.83 1.3.83.56 0 1.06-.33 1.3-.83l.4-.86h13.2v-1.62c0-1.9-1.56-3.45-3.45-3.45h-13.3c-1.9 0-3.45 1.55-3.45 3.45v1.62z"/><path fill-rule="nonzero" d="M13.23 16.37l.4.86c.24.5.74.83 1.3.83.57 0 1.07-.33 1.3-.83l.4-.86H31.9c2.44 0 4.43 1.98 4.43 4.43 0 2.45-1.98 4.44-4.44 4.44H8.1c-2.44 0-4.43-2-4.43-4.44 0-2.45 1.98-4.43 4.44-4.43h5.14zm-5.12 3c-.8 0-1.42.64-1.42 1.43 0 .8.64 1.44 1.44 1.44h23.8c.8 0 1.43-.64 1.43-1.44 0-.8-.64-1.43-1.44-1.43H18.4c-.83 1.04-2.1 1.7-3.5 1.7-1.37 0-2.65-.66-3.47-1.7H8.1z"/><circle cx="14.6682646" cy="13.75" r="1"/><circle cx="24.6682646" cy="13.75" r="1"/><circle cx="19.6682646" cy="13.75" r="1"/></g></g></svg>')}.i-food,.i-nature{content:"";height:25px;margin:auto;width:25px}.i-nature{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.96 18.26L30.86 32c.5.46 1.3.43 1.77-.08.46-.5.43-1.3-.08-1.76l-14.9-13.74c-.5-.46-1.3-.43-1.76.08-.5.5-.5 1.3 0 1.76z"/><path d="M18.17 21.28c-.7-.06-1.3.45-1.35 1.14-.06.7.45 1.3 1.13 1.35l4.96.43c.9.07 1.5-.66 1.4-1.47l-1-5.6c-.1-.7-.74-1.14-1.42-1.02-.67.2-1.12.8-1 1.5l.7 4-3.32-.3z"/><path d="M28.48 28.95c-.38.17-1 .4-1.85.64-2.92.7-6 .9-8.95-.2-5.98-2.17-9.8-8.5-10.54-19.9l-.1-1.4 1.38-.2c14.45-2.08 23.4 7.4 21.33 19.85l-1.9-.3.63 1.43zM10.24 10.77C11.12 20.14 14.2 25 18.7 26.6c2.27.83 4.76.74 7.14.1.4-.12.76-.23 1.07-.35 1.2-9.6-5.4-16.57-16.6-15.58z"/></g></g></svg>')}.i-objects{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M11.04 16.7c0-4.85 4.02-8.76 8.96-8.76 4.94 0 8.96 3.9 8.96 8.76 0 2.54-1.12 4.9-3 6.54v1.87c0 1.28-1.02 2.27-2.26 2.27h-7.37c-1.23 0-2.25-1-2.25-2.22V23.3c-1.9-1.65-3.04-4-3.04-6.58zm11.9 5.82c0-.48.24-.93.63-1.22 1.5-1.08 2.4-2.77 2.4-4.6 0-3.17-2.67-5.76-5.97-5.76s-5.96 2.6-5.96 5.76c0 1.84.9 3.54 2.42 4.62.4.28.62.74.62 1.22v1.8h5.87V22.5z"/><path d="M21.76 28.78c-.22.05-.42.1-.62.13-.5.1-.9.2-1.1.2-.24 0-.62-.04-1.08-.12l-.74-.15-.08-.02v-2.93c0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5v4.1c0 .68.44 1.27 1.1 1.45l.38.1.94.23c.3.1.6.15.87.2.62.1 1.16.17 1.6.17.47 0 1.03-.1 1.7-.2l.7-.17.95-.22c.18-.03.32-.1.4-.1.64-.2 1.08-.76 1.08-1.43v-4.1c0-.83-.67-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5v2.9c-.03 0-.07 0-.1.02z"/></g></g></svg>')}.i-objects,.i-people{content:"";height:25px;margin:auto;width:25px}.i-people{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M20 34c-7.73 0-14-6.27-14-14S12.27 6 20 6s14 6.27 14 14-6.27 14-14 14zm0-3c6.08 0 11-4.92 11-11S26.08 9 20 9 9 13.92 9 20s4.92 11 11 11z"/><circle cx="15.3474348" cy="16.7705459" r="2.34743481"/><circle cx="24.4703784" cy="16.7705459" r="2.34743481"/><path d="M20 27.9c2.7 0 4.88-2.18 4.88-4.88 0-2.7-9.76-2.7-9.76 0S17.3 27.9 20 27.9z"/></g></g></svg>')}.i-symbols{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.37 7.95c-4.48 0-8.06 3.9-8.06 8.64 0 3.5 2.2 6.9 5.8 10.3 1.2 1.1 2.5 2.2 3.9 3.1.84.6 1.5 1 1.98 1.3l.27.15.8.5 1.1-.6c.5-.27 1.18-.7 2-1.25 1.34-.9 2.66-1.9 3.9-3 3.57-3.28 5.75-6.8 5.75-10.6 0-4.74-3.6-8.65-8.1-8.65v3.3c2.6 0 4.76 2.4 4.76 5.35 0 2.65-1.72 5.43-4.7 8.13-1.1 1-2.27 1.9-3.5 2.7-.43.3-.83.54-1.17.74-.35-.2-.76-.5-1.2-.83-1.24-.87-2.4-1.83-3.54-2.87-2.95-2.76-4.7-5.5-4.7-7.9 0-2.98 2.2-5.35 4.78-5.35 1.3 0 2.5.6 3.4 1.6L20 14.3l1.25-1.43c.9-1.03 2.1-1.6 3.38-1.6v-3.3c-1.68 0-3.3.56-4.63 1.57-1.34-1-2.95-1.57-4.63-1.57z"/></g></g></svg>')}.i-symbols,.i-travel{content:"";height:25px;margin:auto;width:25px}.i-travel{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M25.46 11.2s-2.67 2.58-3.94 3.95l-10.6-2.13c-.12-.02-.25.04-.3.15l-.8 1.6c-.07.13 0 .3.12.37l7.75 3.88L13.4 24c-.5-.16-1.1-.33-1.66-.3-.3 0-.6.06-.85.25-.3.2-.4.5-.4.9s.1.74.3.98l3.2 3.23c.3.23.7.34 1 .34.4 0 .7-.13.9-.37.2-.23.24-.53.25-.84 0-.6-.15-1.2-.3-1.7l4.97-4.3 3.9 7.76c.06.13.23.2.36.12l1.6-.8c.13-.07.2-.2.17-.3l-2.12-10.6c1.4-1.28 3.95-3.95 3.96-3.96.86-.88 1.4-1.93 1.4-2.87 0-.5-.17-1-.5-1.33-.37-.36-.87-.5-1.38-.5-.95 0-2 .52-2.88 1.4zm2.87-4.4c1.28 0 2.54.44 3.5 1.4.93.93 1.38 2.2 1.38 3.47 0 1.8-.8 3.54-2.2 4.94-.4.5-1.7 1.8-2.8 2.9l1.8 9c.3 1.5-.4 2.9-1.7 3.6l-1.62.8c-1.62.8-3.6.1-4.36-1.4L20 27.1l-.7.6v.62c-.03.92-.28 1.8-.92 2.6-.8 1-1.98 1.5-3.22 1.5-1.03 0-2.12-.37-2.96-1.1l-.16-.14-3.22-3.22-.1-.12c-.75-.83-1.12-1.9-1.12-3 0-1.24.5-2.43 1.48-3.22.8-.6 1.68-.9 2.62-.9h.62l.6-.7-4.27-2.1c-1.65-.8-2.33-2.8-1.52-4.4l.8-1.64c.67-1.3 2.14-2.02 3.57-1.73l9 1.8 1.36-1.33 1.5-1.48c1.42-1.4 3.17-2.27 4.97-2.27z"/></g></g></svg>')}.button-emoji{margin-bottom:-5px}.ql-emojiblot{display:inline-block;vertical-align:text-top}.ap{background-image:url(1e7b63404cd2fb8e6525b2fd4ee4d286.png);background-repeat:no-repeat;background-size:820px;box-sizing:border-box;display:inline-flex;font-size:20px;height:20px;line-height:1;margin-top:-3px;overflow:hidden;text-indent:-999px;width:20px}.ap-copyright{background-position:0 0}.ap-registered{background-position:0 -20px}.ap-bangbang{background-position:0 -40px}.ap-interrobang{background-position:0 -60px}.ap-tm{background-position:0 -80px}.ap-information_source{background-position:0 -100px}.ap-left_right_arrow{background-position:0 -120px}.ap-arrow_up_down{background-position:0 -140px}.ap-arrow_upper_left{background-position:0 -160px}.ap-arrow_upper_right{background-position:0 -180px}.ap-arrow_lower_right{background-position:0 -200px}.ap-arrow_lower_left{background-position:0 -220px}.ap-leftwards_arrow_with_hook{background-position:0 -240px}.ap-arrow_right_hook{background-position:0 -260px}.ap-watch{background-position:0 -280px}.ap-hourglass{background-position:0 -300px}.ap-keyboard{background-position:0 -320px}.ap-fast_forward{background-position:0 -360px}.ap-rewind{background-position:0 -380px}.ap-arrow_double_up{background-position:0 -400px}.ap-arrow_double_down{background-position:0 -420px}.ap-black_right_pointing_double_triangle_with_vertical_bar{background-position:0 -440px}.ap-black_left_pointing_double_triangle_with_vertical_bar{background-position:0 -460px}.ap-black_right_pointing_triangle_with_double_vertical_bar{background-position:0 -480px}.ap-alarm_clock{background-position:0 -500px}.ap-stopwatch{background-position:0 -520px}.ap-timer_clock{background-position:0 -540px}.ap-hourglass_flowing_sand{background-position:0 -560px}.ap-double_vertical_bar{background-position:0 -580px}.ap-black_square_for_stop{background-position:0 -600px}.ap-black_circle_for_record{background-position:0 -620px}.ap-m{background-position:0 -640px}.ap-black_small_square{background-position:0 -660px}.ap-white_small_square{background-position:0 -680px}.ap-arrow_forward{background-position:0 -700px}.ap-arrow_backward{background-position:0 -720px}.ap-white_medium_square{background-position:0 -740px}.ap-black_medium_square{background-position:0 -760px}.ap-white_medium_small_square{background-position:0 -780px}.ap-black_medium_small_square{background-position:0 -800px}.ap-sunny{background-position:-20px 0}.ap-cloud{background-position:-20px -20px}.ap-umbrella{background-position:-20px -40px}.ap-snowman{background-position:-20px -60px}.ap-comet{background-position:-20px -80px}.ap-phone,.ap-telephone{background-position:-20px -100px}.ap-ballot_box_with_check{background-position:-20px -120px}.ap-umbrella_with_rain_drops{background-position:-20px -140px}.ap-coffee{background-position:-20px -160px}.ap-shamrock{background-position:-20px -180px}.ap-point_up{background-position:-20px -200px}.ap-skull_and_crossbones{background-position:-20px -320px}.ap-radioactive_sign{background-position:-20px -340px}.ap-biohazard_sign{background-position:-20px -360px}.ap-orthodox_cross{background-position:-20px -380px}.ap-star_and_crescent{background-position:-20px -400px}.ap-peace_symbol{background-position:-20px -420px}.ap-yin_yang{background-position:-20px -440px}.ap-wheel_of_dharma{background-position:-20px -460px}.ap-white_frowning_face{background-position:-20px -480px}.ap-relaxed{background-position:-20px -500px}.ap-aries{background-position:-20px -520px}.ap-taurus{background-position:-20px -540px}.ap-gemini{background-position:-20px -560px}.ap-cancer{background-position:-20px -580px}.ap-leo{background-position:-20px -600px}.ap-virgo{background-position:-20px -620px}.ap-libra{background-position:-20px -640px}.ap-scorpius{background-position:-20px -660px}.ap-sagittarius{background-position:-20px -680px}.ap-capricorn{background-position:-20px -700px}.ap-aquarius{background-position:-20px -720px}.ap-pisces{background-position:-20px -740px}.ap-spades{background-position:-20px -760px}.ap-clubs{background-position:-20px -780px}.ap-hearts{background-position:-20px -800px}.ap-diamonds{background-position:-40px 0}.ap-hotsprings{background-position:-40px -20px}.ap-recycle{background-position:-40px -40px}.ap-wheelchair{background-position:-40px -60px}.ap-hammer_and_pick{background-position:-40px -80px}.ap-anchor{background-position:-40px -100px}.ap-crossed_swords{background-position:-40px -120px}.ap-scales{background-position:-40px -140px}.ap-alembic{background-position:-40px -160px}.ap-gear{background-position:-40px -180px}.ap-atom_symbol{background-position:-40px -200px}.ap-fleur_de_lis{background-position:-40px -220px}.ap-warning{background-position:-40px -240px}.ap-zap{background-position:-40px -260px}.ap-white_circle{background-position:-40px -280px}.ap-black_circle{background-position:-40px -300px}.ap-coffin{background-position:-40px -320px}.ap-funeral_urn{background-position:-40px -340px}.ap-soccer{background-position:-40px -360px}.ap-baseball{background-position:-40px -380px}.ap-snowman_without_snow{background-position:-40px -400px}.ap-partly_sunny{background-position:-40px -420px}.ap-thunder_cloud_and_rain{background-position:-40px -440px}.ap-ophiuchus{background-position:-40px -460px}.ap-pick{background-position:-40px -480px}.ap-helmet_with_white_cross{background-position:-40px -500px}.ap-chains{background-position:-40px -520px}.ap-no_entry{background-position:-40px -540px}.ap-shinto_shrine{background-position:-40px -560px}.ap-church{background-position:-40px -580px}.ap-mountain{background-position:-40px -600px}.ap-beach_umbrella,.ap-umbrella_on_ground{background-position:-40px -620px}.ap-fountain{background-position:-40px -640px}.ap-golf{background-position:-40px -660px}.ap-ferry{background-position:-40px -680px}.ap-boat{background-position:-40px -700px}.ap-skier{background-position:-40px -720px}.ap-ice_skate{background-position:-40px -740px}.ap-person_with_ball{background-position:-40px -760px}.ap-tent{background-position:-60px -60px}.ap-fuelpump{background-position:-60px -80px}.ap-scissors{background-position:-60px -100px}.ap-white_check_mark{background-position:-60px -120px}.ap-airplane{background-position:-60px -140px}.ap-email{background-position:-60px -160px}.ap-fist{background-position:-60px -180px}.ap-hand{background-position:-60px -300px}.ap-v{background-position:-60px -420px}.ap-writing_hand{background-position:-60px -540px}.ap-pencil2{background-position:-60px -660px}.ap-black_nib{background-position:-60px -680px}.ap-heavy_check_mark{background-position:-60px -700px}.ap-heavy_multiplication_x{background-position:-60px -720px}.ap-latin_cross{background-position:-60px -740px}.ap-star_of_david{background-position:-60px -760px}.ap-sparkles{background-position:-60px -780px}.ap-eight_spoked_asterisk{background-position:-60px -800px}.ap-eight_pointed_black_star{background-position:-80px 0}.ap-snowflake{background-position:-80px -20px}.ap-sparkle{background-position:-80px -40px}.ap-x{background-position:-80px -60px}.ap-negative_squared_cross_mark{background-position:-80px -80px}.ap-question{background-position:-80px -100px}.ap-grey_question{background-position:-80px -120px}.ap-grey_exclamation{background-position:-80px -140px}.ap-exclamation{background-position:-80px -160px}.ap-heavy_heart_exclamation_mark_ornament{background-position:-80px -180px}.ap-heart{background-position:-80px -200px}.ap-heavy_plus_sign{background-position:-80px -220px}.ap-heavy_minus_sign{background-position:-80px -240px}.ap-heavy_division_sign{background-position:-80px -260px}.ap-arrow_right{background-position:-80px -280px}.ap-curly_loop{background-position:-80px -300px}.ap-loop{background-position:-80px -320px}.ap-arrow_heading_up{background-position:-80px -340px}.ap-arrow_heading_down{background-position:-80px -360px}.ap-arrow_left{background-position:-80px -380px}.ap-arrow_up{background-position:-80px -400px}.ap-arrow_down{background-position:-80px -420px}.ap-black_large_square{background-position:-80px -440px}.ap-white_large_square{background-position:-80px -460px}.ap-star{background-position:-80px -480px}.ap-o{background-position:-80px -500px}.ap-wavy_dash{background-position:-80px -520px}.ap-part_alternation_mark{background-position:-80px -540px}.ap-congratulations{background-position:-80px -560px}.ap-secret{background-position:-80px -580px}.ap-mahjong{background-position:-80px -600px}.ap-black_joker{background-position:-80px -620px}.ap-a{background-position:-80px -640px}.ap-b{background-position:-80px -660px}.ap-o2{background-position:-80px -680px}.ap-parking{background-position:-80px -700px}.ap-ab{background-position:-80px -720px}.ap-cl{background-position:-80px -740px}.ap-cool{background-position:-80px -760px}.ap-free{background-position:-80px -780px}.ap-id{background-position:-80px -800px}.ap-new{background-position:-100px 0}.ap-ng{background-position:-100px -20px}.ap-ok{background-position:-100px -40px}.ap-sos{background-position:-100px -60px}.ap-up{background-position:-100px -80px}.ap-vs{background-position:-100px -100px}.ap-koko{background-position:-100px -120px}.ap-sa{background-position:-100px -140px}.ap-u7121{background-position:-100px -160px}.ap-u6307{background-position:-100px -180px}.ap-u7981{background-position:-100px -200px}.ap-u7a7a{background-position:-100px -220px}.ap-u5408{background-position:-100px -240px}.ap-u6e80{background-position:-100px -260px}.ap-u6709{background-position:-100px -280px}.ap-u6708{background-position:-100px -300px}.ap-u7533{background-position:-100px -320px}.ap-u5272{background-position:-100px -340px}.ap-u55b6{background-position:-100px -360px}.ap-ideograph_advantage{background-position:-100px -380px}.ap-accept{background-position:-100px -400px}.ap-cyclone{background-position:-100px -420px}.ap-foggy{background-position:-100px -440px}.ap-closed_umbrella{background-position:-100px -460px}.ap-night_with_stars{background-position:-100px -480px}.ap-sunrise_over_mountains{background-position:-100px -500px}.ap-sunrise{background-position:-100px -520px}.ap-city_sunset{background-position:-100px -540px}.ap-city_sunrise{background-position:-100px -560px}.ap-rainbow{background-position:-100px -580px}.ap-bridge_at_night{background-position:-100px -600px}.ap-ocean{background-position:-100px -620px}.ap-volcano{background-position:-100px -640px}.ap-milky_way{background-position:-100px -660px}.ap-earth_africa{background-position:-100px -680px}.ap-earth_americas{background-position:-100px -700px}.ap-earth_asia{background-position:-100px -720px}.ap-globe_with_meridians{background-position:-100px -740px}.ap-new_moon{background-position:-100px -760px}.ap-waxing_crescent_moon{background-position:-100px -780px}.ap-first_quarter_moon{background-position:-100px -800px}.ap-moon{background-position:-120px 0}.ap-full_moon{background-position:-120px -20px}.ap-waning_gibbous_moon{background-position:-120px -40px}.ap-last_quarter_moon{background-position:-120px -60px}.ap-waning_crescent_moon{background-position:-120px -80px}.ap-crescent_moon{background-position:-120px -100px}.ap-new_moon_with_face{background-position:-120px -120px}.ap-first_quarter_moon_with_face{background-position:-120px -140px}.ap-last_quarter_moon_with_face{background-position:-120px -160px}.ap-full_moon_with_face{background-position:-120px -180px}.ap-sun_with_face{background-position:-120px -200px}.ap-star2{background-position:-120px -220px}.ap-stars{background-position:-120px -240px}.ap-thermometer{background-position:-120px -260px}.ap-mostly_sunny{background-position:-120px -280px}.ap-barely_sunny{background-position:-120px -300px}.ap-partly_sunny_rain{background-position:-120px -320px}.ap-rain_cloud{background-position:-120px -340px}.ap-snow_cloud{background-position:-120px -360px}.ap-lightning{background-position:-120px -380px}.ap-tornado{background-position:-120px -400px}.ap-fog{background-position:-120px -420px}.ap-wind_blowing_face{background-position:-120px -440px}.ap-hotdog{background-position:-120px -460px}.ap-taco{background-position:-120px -480px}.ap-burrito{background-position:-120px -500px}.ap-chestnut{background-position:-120px -520px}.ap-seedling{background-position:-120px -540px}.ap-evergreen_tree{background-position:-120px -560px}.ap-deciduous_tree{background-position:-120px -580px}.ap-palm_tree{background-position:-120px -600px}.ap-cactus{background-position:-120px -620px}.ap-hot_pepper{background-position:-120px -640px}.ap-tulip{background-position:-120px -660px}.ap-cherry_blossom{background-position:-120px -680px}.ap-rose{background-position:-120px -700px}.ap-hibiscus{background-position:-120px -720px}.ap-sunflower{background-position:-120px -740px}.ap-blossom{background-position:-120px -760px}.ap-corn{background-position:-120px -780px}.ap-ear_of_rice{background-position:-120px -800px}.ap-herb{background-position:-140px 0}.ap-four_leaf_clover{background-position:-140px -20px}.ap-maple_leaf{background-position:-140px -40px}.ap-fallen_leaf{background-position:-140px -60px}.ap-leaves{background-position:-140px -80px}.ap-mushroom{background-position:-140px -100px}.ap-tomato{background-position:-140px -120px}.ap-eggplant{background-position:-140px -140px}.ap-grapes{background-position:-140px -160px}.ap-melon{background-position:-140px -180px}.ap-watermelon{background-position:-140px -200px}.ap-tangerine{background-position:-140px -220px}.ap-lemon{background-position:-140px -240px}.ap-banana{background-position:-140px -260px}.ap-pineapple{background-position:-140px -280px}.ap-apple{background-position:-140px -300px}.ap-green_apple{background-position:-140px -320px}.ap-pear{background-position:-140px -340px}.ap-peach{background-position:-140px -360px}.ap-cherries{background-position:-140px -380px}.ap-strawberry{background-position:-140px -400px}.ap-hamburger{background-position:-140px -420px}.ap-pizza{background-position:-140px -440px}.ap-meat_on_bone{background-position:-140px -460px}.ap-poultry_leg{background-position:-140px -480px}.ap-rice_cracker{background-position:-140px -500px}.ap-rice_ball{background-position:-140px -520px}.ap-rice{background-position:-140px -540px}.ap-curry{background-position:-140px -560px}.ap-ramen{background-position:-140px -580px}.ap-spaghetti{background-position:-140px -600px}.ap-bread{background-position:-140px -620px}.ap-fries{background-position:-140px -640px}.ap-sweet_potato{background-position:-140px -660px}.ap-dango{background-position:-140px -680px}.ap-oden{background-position:-140px -700px}.ap-sushi{background-position:-140px -720px}.ap-fried_shrimp{background-position:-140px -740px}.ap-fish_cake{background-position:-140px -760px}.ap-icecream{background-position:-140px -780px}.ap-shaved_ice{background-position:-140px -800px}.ap-ice_cream{background-position:-160px 0}.ap-doughnut{background-position:-160px -20px}.ap-cookie{background-position:-160px -40px}.ap-chocolate_bar{background-position:-160px -60px}.ap-candy{background-position:-160px -80px}.ap-lollipop{background-position:-160px -100px}.ap-custard{background-position:-160px -120px}.ap-honey_pot{background-position:-160px -140px}.ap-cake{background-position:-160px -160px}.ap-bento{background-position:-160px -180px}.ap-stew{background-position:-160px -200px}.ap-egg{background-position:-160px -220px}.ap-fork_and_knife{background-position:-160px -240px}.ap-tea{background-position:-160px -260px}.ap-sake{background-position:-160px -280px}.ap-wine_glass{background-position:-160px -300px}.ap-cocktail{background-position:-160px -320px}.ap-tropical_drink{background-position:-160px -340px}.ap-beer{background-position:-160px -360px}.ap-beers{background-position:-160px -380px}.ap-baby_bottle{background-position:-160px -400px}.ap-knife_fork_plate{background-position:-160px -420px}.ap-champagne{background-position:-160px -440px}.ap-popcorn{background-position:-160px -460px}.ap-ribbon{background-position:-160px -480px}.ap-gift{background-position:-160px -500px}.ap-birthday{background-position:-160px -520px}.ap-jack_o_lantern{background-position:-160px -540px}.ap-christmas_tree{background-position:-160px -560px}.ap-santa{background-position:-160px -580px}.ap-fireworks{background-position:-160px -700px}.ap-sparkler{background-position:-160px -720px}.ap-balloon{background-position:-160px -740px}.ap-tada{background-position:-160px -760px}.ap-confetti_ball{background-position:-160px -780px}.ap-tanabata_tree{background-position:-160px -800px}.ap-crossed_flags{background-position:-180px 0}.ap-bamboo{background-position:-180px -20px}.ap-dolls{background-position:-180px -40px}.ap-flags{background-position:-180px -60px}.ap-wind_chime{background-position:-180px -80px}.ap-rice_scene{background-position:-180px -100px}.ap-school_satchel{background-position:-180px -120px}.ap-mortar_board{background-position:-180px -140px}.ap-medal{background-position:-180px -160px}.ap-reminder_ribbon{background-position:-180px -180px}.ap-studio_microphone{background-position:-180px -200px}.ap-level_slider{background-position:-180px -220px}.ap-control_knobs{background-position:-180px -240px}.ap-film_frames{background-position:-180px -260px}.ap-admission_tickets{background-position:-180px -280px}.ap-carousel_horse{background-position:-180px -300px}.ap-ferris_wheel{background-position:-180px -320px}.ap-roller_coaster{background-position:-180px -340px}.ap-fishing_pole_and_fish{background-position:-180px -360px}.ap-microphone{background-position:-180px -380px}.ap-movie_camera{background-position:-180px -400px}.ap-cinema{background-position:-180px -420px}.ap-headphones{background-position:-180px -440px}.ap-art{background-position:-180px -460px}.ap-tophat{background-position:-180px -480px}.ap-circus_tent{background-position:-180px -500px}.ap-ticket{background-position:-180px -520px}.ap-clapper{background-position:-180px -540px}.ap-performing_arts{background-position:-180px -560px}.ap-video_game{background-position:-180px -580px}.ap-dart{background-position:-180px -600px}.ap-slot_machine{background-position:-180px -620px}.ap-8ball{background-position:-180px -640px}.ap-game_die{background-position:-180px -660px}.ap-bowling{background-position:-180px -680px}.ap-flower_playing_cards{background-position:-180px -700px}.ap-musical_note{background-position:-180px -720px}.ap-notes{background-position:-180px -740px}.ap-saxophone{background-position:-180px -760px}.ap-guitar{background-position:-180px -780px}.ap-musical_keyboard{background-position:-180px -800px}.ap-trumpet{background-position:-200px 0}.ap-violin{background-position:-200px -20px}.ap-musical_score{background-position:-200px -40px}.ap-running_shirt_with_sash{background-position:-200px -60px}.ap-tennis{background-position:-200px -80px}.ap-ski{background-position:-200px -100px}.ap-basketball{background-position:-200px -120px}.ap-checkered_flag{background-position:-200px -140px}.ap-snowboarder{background-position:-200px -160px}.ap-runner{background-position:-200px -180px}.ap-surfer{background-position:-200px -300px}.ap-sports_medal{background-position:-200px -420px}.ap-trophy{background-position:-200px -440px}.ap-horse_racing{background-position:-200px -460px}.ap-football{background-position:-200px -480px}.ap-rugby_football{background-position:-200px -500px}.ap-swimmer{background-position:-200px -520px}.ap-weight_lifter{background-position:-200px -640px}.ap-golfer{background-position:-200px -760px}.ap-racing_motorcycle{background-position:-200px -780px}.ap-racing_car{background-position:-200px -800px}.ap-cricket_bat_and_ball{background-position:-220px 0}.ap-volleyball{background-position:-220px -20px}.ap-field_hockey_stick_and_ball{background-position:-220px -40px}.ap-ice_hockey_stick_and_puck{background-position:-220px -60px}.ap-table_tennis_paddle_and_ball{background-position:-220px -80px}.ap-snow_capped_mountain{background-position:-220px -100px}.ap-camping{background-position:-220px -120px}.ap-beach_with_umbrella{background-position:-220px -140px}.ap-building_construction{background-position:-220px -160px}.ap-house_buildings{background-position:-220px -180px}.ap-cityscape{background-position:-220px -200px}.ap-derelict_house_building{background-position:-220px -220px}.ap-classical_building{background-position:-220px -240px}.ap-desert{background-position:-220px -260px}.ap-desert_island{background-position:-220px -280px}.ap-national_park{background-position:-220px -300px}.ap-stadium{background-position:-220px -320px}.ap-house{background-position:-220px -340px}.ap-house_with_garden{background-position:-220px -360px}.ap-office{background-position:-220px -380px}.ap-post_office{background-position:-220px -400px}.ap-european_post_office{background-position:-220px -420px}.ap-hospital{background-position:-220px -440px}.ap-bank{background-position:-220px -460px}.ap-atm{background-position:-220px -480px}.ap-hotel{background-position:-220px -500px}.ap-love_hotel{background-position:-220px -520px}.ap-convenience_store{background-position:-220px -540px}.ap-school{background-position:-220px -560px}.ap-department_store{background-position:-220px -580px}.ap-factory{background-position:-220px -600px}.ap-izakaya_lantern{background-position:-220px -620px}.ap-japanese_castle{background-position:-220px -640px}.ap-european_castle{background-position:-220px -660px}.ap-waving_white_flag{background-position:-220px -680px}.ap-waving_black_flag{background-position:-220px -700px}.ap-rosette{background-position:-220px -720px}.ap-label{background-position:-220px -740px}.ap-badminton_racquet_and_shuttlecock{background-position:-220px -760px}.ap-bow_and_arrow{background-position:-220px -780px}.ap-amphora{background-position:-220px -800px}.ap-skin-tone-2{background-position:-240px 0}.ap-skin-tone-3{background-position:-240px -20px}.ap-skin-tone-4{background-position:-240px -40px}.ap-skin-tone-5{background-position:-240px -60px}.ap-skin-tone-6{background-position:-240px -80px}.ap-rat{background-position:-240px -100px}.ap-mouse2{background-position:-240px -120px}.ap-ox{background-position:-240px -140px}.ap-water_buffalo{background-position:-240px -160px}.ap-cow2{background-position:-240px -180px}.ap-tiger2{background-position:-240px -200px}.ap-leopard{background-position:-240px -220px}.ap-rabbit2{background-position:-240px -240px}.ap-cat2{background-position:-240px -260px}.ap-dragon{background-position:-240px -280px}.ap-crocodile{background-position:-240px -300px}.ap-whale2{background-position:-240px -320px}.ap-snail{background-position:-240px -340px}.ap-snake{background-position:-240px -360px}.ap-racehorse{background-position:-240px -380px}.ap-ram{background-position:-240px -400px}.ap-goat{background-position:-240px -420px}.ap-sheep{background-position:-240px -440px}.ap-monkey{background-position:-240px -460px}.ap-rooster{background-position:-240px -480px}.ap-chicken{background-position:-240px -500px}.ap-dog2{background-position:-240px -520px}.ap-pig2{background-position:-240px -540px}.ap-boar{background-position:-240px -560px}.ap-elephant{background-position:-240px -580px}.ap-octopus{background-position:-240px -600px}.ap-shell{background-position:-240px -620px}.ap-bug{background-position:-240px -640px}.ap-ant{background-position:-240px -660px}.ap-bee{background-position:-240px -680px}.ap-beetle{background-position:-240px -700px}.ap-fish{background-position:-240px -720px}.ap-tropical_fish{background-position:-240px -740px}.ap-blowfish{background-position:-240px -760px}.ap-turtle{background-position:-240px -780px}.ap-hatching_chick{background-position:-240px -800px}.ap-baby_chick{background-position:-260px 0}.ap-hatched_chick{background-position:-260px -20px}.ap-bird{background-position:-260px -40px}.ap-penguin{background-position:-260px -60px}.ap-koala{background-position:-260px -80px}.ap-poodle{background-position:-260px -100px}.ap-dromedary_camel{background-position:-260px -120px}.ap-camel{background-position:-260px -140px}.ap-dolphin{background-position:-260px -160px}.ap-mouse{background-position:-260px -180px}.ap-cow{background-position:-260px -200px}.ap-tiger{background-position:-260px -220px}.ap-rabbit{background-position:-260px -240px}.ap-cat{background-position:-260px -260px}.ap-dragon_face{background-position:-260px -280px}.ap-whale{background-position:-260px -300px}.ap-horse{background-position:-260px -320px}.ap-monkey_face{background-position:-260px -340px}.ap-dog{background-position:-260px -360px}.ap-pig{background-position:-260px -380px}.ap-frog{background-position:-260px -400px}.ap-hamster{background-position:-260px -420px}.ap-wolf{background-position:-260px -440px}.ap-bear{background-position:-260px -460px}.ap-panda_face{background-position:-260px -480px}.ap-pig_nose{background-position:-260px -500px}.ap-feet{background-position:-260px -520px}.ap-chipmunk{background-position:-260px -540px}.ap-eyes{background-position:-260px -560px}.ap-eye{background-position:-260px -580px}.ap-ear{background-position:-260px -600px}.ap-nose{background-position:-260px -720px}.ap-lips{background-position:-280px -20px}.ap-tongue{background-position:-280px -40px}.ap-point_up_2{background-position:-280px -60px}.ap-point_down{background-position:-280px -180px}.ap-point_left{background-position:-280px -300px}.ap-point_right{background-position:-280px -420px}.ap-facepunch{background-position:-280px -540px}.ap-wave{background-position:-280px -660px}.ap-ok_hand{background-position:-280px -780px}.ap-thumbsup{background-position:-300px -80px}.ap--1,.ap-thumbsdown{background-position:-300px -200px}.ap-clap{background-position:-300px -320px}.ap-open_hands{background-position:-300px -440px}.ap-crown{background-position:-300px -560px}.ap-womans_hat{background-position:-300px -580px}.ap-eyeglasses{background-position:-300px -600px}.ap-necktie{background-position:-300px -620px}.ap-shirt{background-position:-300px -640px}.ap-jeans{background-position:-300px -660px}.ap-dress{background-position:-300px -680px}.ap-kimono{background-position:-300px -700px}.ap-bikini{background-position:-300px -720px}.ap-womans_clothes{background-position:-300px -740px}.ap-purse{background-position:-300px -760px}.ap-handbag{background-position:-300px -780px}.ap-pouch{background-position:-300px -800px}.ap-mans_shoe{background-position:-320px 0}.ap-athletic_shoe{background-position:-320px -20px}.ap-high_heel{background-position:-320px -40px}.ap-sandal{background-position:-320px -60px}.ap-boot{background-position:-320px -80px}.ap-footprints{background-position:-320px -100px}.ap-bust_in_silhouette{background-position:-320px -120px}.ap-busts_in_silhouette{background-position:-320px -140px}.ap-boy{background-position:-320px -160px}.ap-girl{background-position:-320px -280px}.ap-man{background-position:-320px -400px}.ap-woman{background-position:-320px -520px}.ap-family{background-position:-320px -640px}.ap-couple{background-position:-320px -660px}.ap-two_men_holding_hands{background-position:-320px -680px}.ap-two_women_holding_hands{background-position:-320px -700px}.ap-cop{background-position:-320px -720px}.ap-dancers{background-position:-340px -20px}.ap-bride_with_veil{background-position:-340px -40px}.ap-person_with_blond_hair{background-position:-340px -160px}.ap-man_with_gua_pi_mao{background-position:-340px -280px}.ap-man_with_turban{background-position:-340px -400px}.ap-older_man{background-position:-340px -520px}.ap-older_woman{background-position:-340px -640px}.ap-baby{background-position:-340px -760px}.ap-construction_worker{background-position:-360px -60px}.ap-princess{background-position:-360px -180px}.ap-japanese_ogre{background-position:-360px -300px}.ap-japanese_goblin{background-position:-360px -320px}.ap-ghost{background-position:-360px -340px}.ap-angel{background-position:-360px -360px}.ap-alien{background-position:-360px -480px}.ap-space_invader{background-position:-360px -500px}.ap-imp{background-position:-360px -520px}.ap-skull{background-position:-360px -540px}.ap-information_desk_person{background-position:-360px -560px}.ap-guardsman{background-position:-360px -680px}.ap-dancer{background-position:-360px -800px}.ap-lipstick{background-position:-380px -100px}.ap-nail_care{background-position:-380px -120px}.ap-massage{background-position:-380px -240px}.ap-haircut{background-position:-380px -360px}.ap-barber{background-position:-380px -480px}.ap-syringe{background-position:-380px -500px}.ap-pill{background-position:-380px -520px}.ap-kiss{background-position:-380px -540px}.ap-love_letter{background-position:-380px -560px}.ap-ring{background-position:-380px -580px}.ap-gem{background-position:-380px -600px}.ap-couplekiss{background-position:-380px -620px}.ap-bouquet{background-position:-380px -640px}.ap-couple_with_heart{background-position:-380px -660px}.ap-wedding{background-position:-380px -680px}.ap-heartbeat{background-position:-380px -700px}.ap-broken_heart{background-position:-380px -720px}.ap-two_hearts{background-position:-380px -740px}.ap-sparkling_heart{background-position:-380px -760px}.ap-heartpulse{background-position:-380px -780px}.ap-cupid{background-position:-380px -800px}.ap-blue_heart{background-position:-400px 0}.ap-green_heart{background-position:-400px -20px}.ap-yellow_heart{background-position:-400px -40px}.ap-purple_heart{background-position:-400px -60px}.ap-gift_heart{background-position:-400px -80px}.ap-revolving_hearts{background-position:-400px -100px}.ap-heart_decoration{background-position:-400px -120px}.ap-diamond_shape_with_a_dot_inside{background-position:-400px -140px}.ap-bulb{background-position:-400px -160px}.ap-anger{background-position:-400px -180px}.ap-bomb{background-position:-400px -200px}.ap-zzz{background-position:-400px -220px}.ap-boom{background-position:-400px -240px}.ap-sweat_drops{background-position:-400px -260px}.ap-droplet{background-position:-400px -280px}.ap-dash{background-position:-400px -300px}.ap-hankey{background-position:-400px -320px}.ap-muscle{background-position:-400px -340px}.ap-dizzy{background-position:-400px -460px}.ap-speech_balloon{background-position:-400px -480px}.ap-thought_balloon{background-position:-400px -500px}.ap-white_flower{background-position:-400px -520px}.ap-100{background-position:-400px -540px}.ap-moneybag{background-position:-400px -560px}.ap-currency_exchange{background-position:-400px -580px}.ap-heavy_dollar_sign{background-position:-400px -600px}.ap-credit_card{background-position:-400px -620px}.ap-yen{background-position:-400px -640px}.ap-dollar{background-position:-400px -660px}.ap-euro{background-position:-400px -680px}.ap-pound{background-position:-400px -700px}.ap-money_with_wings{background-position:-400px -720px}.ap-chart{background-position:-400px -740px}.ap-seat{background-position:-400px -760px}.ap-computer{background-position:-400px -780px}.ap-briefcase{background-position:-400px -800px}.ap-minidisc{background-position:-420px 0}.ap-floppy_disk{background-position:-420px -20px}.ap-cd{background-position:-420px -40px}.ap-dvd{background-position:-420px -60px}.ap-file_folder{background-position:-420px -80px}.ap-open_file_folder{background-position:-420px -100px}.ap-page_with_curl{background-position:-420px -120px}.ap-page_facing_up{background-position:-420px -140px}.ap-date{background-position:-420px -160px}.ap-calendar{background-position:-420px -180px}.ap-card_index{background-position:-420px -200px}.ap-chart_with_upwards_trend{background-position:-420px -220px}.ap-chart_with_downwards_trend{background-position:-420px -240px}.ap-bar_chart{background-position:-420px -260px}.ap-clipboard{background-position:-420px -280px}.ap-pushpin{background-position:-420px -300px}.ap-round_pushpin{background-position:-420px -320px}.ap-paperclip{background-position:-420px -340px}.ap-straight_ruler{background-position:-420px -360px}.ap-triangular_ruler{background-position:-420px -380px}.ap-bookmark_tabs{background-position:-420px -400px}.ap-ledger{background-position:-420px -420px}.ap-notebook{background-position:-420px -440px}.ap-notebook_with_decorative_cover{background-position:-420px -460px}.ap-closed_book{background-position:-420px -480px}.ap-book{background-position:-420px -500px}.ap-green_book{background-position:-420px -520px}.ap-blue_book{background-position:-420px -540px}.ap-orange_book{background-position:-420px -560px}.ap-books{background-position:-420px -580px}.ap-name_badge{background-position:-420px -600px}.ap-scroll{background-position:-420px -620px}.ap-memo{background-position:-420px -640px}.ap-telephone_receiver{background-position:-420px -660px}.ap-pager{background-position:-420px -680px}.ap-fax{background-position:-420px -700px}.ap-satellite_antenna{background-position:-420px -720px}.ap-loudspeaker{background-position:-420px -740px}.ap-mega{background-position:-420px -760px}.ap-outbox_tray{background-position:-420px -780px}.ap-inbox_tray{background-position:-420px -800px}.ap-package{background-position:-440px 0}.ap-e-mail{background-position:-440px -20px}.ap-incoming_envelope{background-position:-440px -40px}.ap-envelope_with_arrow{background-position:-440px -60px}.ap-mailbox_closed{background-position:-440px -80px}.ap-mailbox{background-position:-440px -100px}.ap-mailbox_with_mail{background-position:-440px -120px}.ap-mailbox_with_no_mail{background-position:-440px -140px}.ap-postbox{background-position:-440px -160px}.ap-postal_horn{background-position:-440px -180px}.ap-newspaper{background-position:-440px -200px}.ap-iphone{background-position:-440px -220px}.ap-calling{background-position:-440px -240px}.ap-vibration_mode{background-position:-440px -260px}.ap-mobile_phone_off{background-position:-440px -280px}.ap-no_mobile_phones{background-position:-440px -300px}.ap-signal_strength{background-position:-440px -320px}.ap-camera{background-position:-440px -340px}.ap-camera_with_flash{background-position:-440px -360px}.ap-video_camera{background-position:-440px -380px}.ap-tv{background-position:-440px -400px}.ap-radio{background-position:-440px -420px}.ap-vhs{background-position:-440px -440px}.ap-film_projector{background-position:-440px -460px}.ap-prayer_beads{background-position:-440px -480px}.ap-twisted_rightwards_arrows{background-position:-440px -500px}.ap-repeat{background-position:-440px -520px}.ap-repeat_one{background-position:-440px -540px}.ap-arrows_clockwise{background-position:-440px -560px}.ap-arrows_counterclockwise{background-position:-440px -580px}.ap-low_brightness{background-position:-440px -600px}.ap-high_brightness{background-position:-440px -620px}.ap-mute{background-position:-440px -640px}.ap-speaker{background-position:-440px -660px}.ap-sound{background-position:-440px -680px}.ap-loud_sound{background-position:-440px -700px}.ap-battery{background-position:-440px -720px}.ap-electric_plug{background-position:-440px -740px}.ap-mag{background-position:-440px -760px}.ap-mag_right{background-position:-440px -780px}.ap-lock_with_ink_pen{background-position:-440px -800px}.ap-closed_lock_with_key{background-position:-460px 0}.ap-key{background-position:-460px -20px}.ap-lock{background-position:-460px -40px}.ap-unlock{background-position:-460px -60px}.ap-bell{background-position:-460px -80px}.ap-no_bell{background-position:-460px -100px}.ap-bookmark{background-position:-460px -120px}.ap-link{background-position:-460px -140px}.ap-radio_button{background-position:-460px -160px}.ap-back{background-position:-460px -180px}.ap-end{background-position:-460px -200px}.ap-on{background-position:-460px -220px}.ap-soon{background-position:-460px -240px}.ap-top{background-position:-460px -260px}.ap-underage{background-position:-460px -280px}.ap-keycap_ten{background-position:-460px -300px}.ap-capital_abcd{background-position:-460px -320px}.ap-abcd{background-position:-460px -340px}.ap-1234{background-position:-460px -360px}.ap-symbols{background-position:-460px -380px}.ap-abc{background-position:-460px -400px}.ap-fire{background-position:-460px -420px}.ap-flashlight{background-position:-460px -440px}.ap-wrench{background-position:-460px -460px}.ap-hammer{background-position:-460px -480px}.ap-nut_and_bolt{background-position:-460px -500px}.ap-hocho{background-position:-460px -520px}.ap-gun{background-position:-460px -540px}.ap-microscope{background-position:-460px -560px}.ap-telescope{background-position:-460px -580px}.ap-crystal_ball{background-position:-460px -600px}.ap-six_pointed_star{background-position:-460px -620px}.ap-beginner{background-position:-460px -640px}.ap-trident{background-position:-460px -660px}.ap-black_square_button{background-position:-460px -680px}.ap-white_square_button{background-position:-460px -700px}.ap-red_circle{background-position:-460px -720px}.ap-large_blue_circle{background-position:-460px -740px}.ap-large_orange_diamond{background-position:-460px -760px}.ap-large_blue_diamond{background-position:-460px -780px}.ap-small_orange_diamond{background-position:-460px -800px}.ap-small_blue_diamond{background-position:-480px 0}.ap-small_red_triangle{background-position:-480px -20px}.ap-small_red_triangle_down{background-position:-480px -40px}.ap-arrow_up_small{background-position:-480px -60px}.ap-arrow_down_small{background-position:-480px -80px}.ap-om_symbol{background-position:-480px -100px}.ap-dove_of_peace{background-position:-480px -120px}.ap-kaaba{background-position:-480px -140px}.ap-mosque{background-position:-480px -160px}.ap-synagogue{background-position:-480px -180px}.ap-menorah_with_nine_branches{background-position:-480px -200px}.ap-clock1{background-position:-480px -220px}.ap-clock2{background-position:-480px -240px}.ap-clock3{background-position:-480px -260px}.ap-clock4{background-position:-480px -280px}.ap-clock5{background-position:-480px -300px}.ap-clock6{background-position:-480px -320px}.ap-clock7{background-position:-480px -340px}.ap-clock8{background-position:-480px -360px}.ap-clock9{background-position:-480px -380px}.ap-clock10{background-position:-480px -400px}.ap-clock11{background-position:-480px -420px}.ap-clock12{background-position:-480px -440px}.ap-clock130{background-position:-480px -460px}.ap-clock230{background-position:-480px -480px}.ap-clock330{background-position:-480px -500px}.ap-clock430{background-position:-480px -520px}.ap-clock530{background-position:-480px -540px}.ap-clock630{background-position:-480px -560px}.ap-clock730{background-position:-480px -580px}.ap-clock830{background-position:-480px -600px}.ap-clock930{background-position:-480px -620px}.ap-clock1030{background-position:-480px -640px}.ap-clock1130{background-position:-480px -660px}.ap-clock1230{background-position:-480px -680px}.ap-candle{background-position:-480px -700px}.ap-mantelpiece_clock{background-position:-480px -720px}.ap-hole{background-position:-480px -740px}.ap-man_in_business_suit_levitating{background-position:-480px -760px}.ap-sleuth_or_spy{background-position:-480px -780px}.ap-dark_sunglasses{background-position:-500px -80px}.ap-spider{background-position:-500px -100px}.ap-spider_web{background-position:-500px -120px}.ap-joystick{background-position:-500px -140px}.ap-linked_paperclips{background-position:-500px -160px}.ap-lower_left_ballpoint_pen{background-position:-500px -180px}.ap-lower_left_fountain_pen{background-position:-500px -200px}.ap-lower_left_paintbrush{background-position:-500px -220px}.ap-lower_left_crayon{background-position:-500px -240px}.ap-raised_hand_with_fingers_splayed{background-position:-500px -260px}.ap-middle_finger{background-position:-500px -380px}.ap-spock-hand{background-position:-500px -500px}.ap-desktop_computer{background-position:-500px -620px}.ap-printer{background-position:-500px -640px}.ap-three_button_mouse{background-position:-500px -660px}.ap-trackball{background-position:-500px -680px}.ap-frame_with_picture{background-position:-500px -700px}.ap-card_index_dividers{background-position:-500px -720px}.ap-card_file_box{background-position:-500px -740px}.ap-file_cabinet{background-position:-500px -760px}.ap-wastebasket{background-position:-500px -780px}.ap-spiral_note_pad{background-position:-500px -800px}.ap-spiral_calendar_pad{background-position:-520px 0}.ap-compression{background-position:-520px -20px}.ap-old_key{background-position:-520px -40px}.ap-rolled_up_newspaper{background-position:-520px -60px}.ap-dagger_knife{background-position:-520px -80px}.ap-speaking_head_in_silhouette{background-position:-520px -100px}.ap-left_speech_bubble{background-position:-520px -120px}.ap-right_anger_bubble{background-position:-520px -140px}.ap-ballot_box_with_ballot{background-position:-520px -160px}.ap-world_map{background-position:-520px -180px}.ap-mount_fuji{background-position:-520px -200px}.ap-tokyo_tower{background-position:-520px -220px}.ap-statue_of_liberty{background-position:-520px -240px}.ap-japan{background-position:-520px -260px}.ap-moyai{background-position:-520px -280px}.ap-grinning{background-position:-520px -300px}.ap-grin{background-position:-520px -320px}.ap-joy{background-position:-520px -340px}.ap-smiley{background-position:-520px -360px}.ap-smile{background-position:-520px -380px}.ap-sweat_smile{background-position:-520px -400px}.ap-laughing{background-position:-520px -420px}.ap-innocent{background-position:-520px -440px}.ap-smiling_imp{background-position:-520px -460px}.ap-wink{background-position:-520px -480px}.ap-blush{background-position:-520px -500px}.ap-yum{background-position:-520px -520px}.ap-relieved{background-position:-520px -540px}.ap-heart_eyes{background-position:-520px -560px}.ap-sunglasses{background-position:-520px -580px}.ap-smirk{background-position:-520px -600px}.ap-neutral_face{background-position:-520px -620px}.ap-expressionless{background-position:-520px -640px}.ap-unamused{background-position:-520px -660px}.ap-sweat{background-position:-520px -680px}.ap-pensive{background-position:-520px -700px}.ap-confused{background-position:-520px -720px}.ap-confounded{background-position:-520px -740px}.ap-kissing{background-position:-520px -760px}.ap-kissing_heart{background-position:-520px -780px}.ap-kissing_smiling_eyes{background-position:-520px -800px}.ap-kissing_closed_eyes{background-position:-540px 0}.ap-stuck_out_tongue{background-position:-540px -20px}.ap-stuck_out_tongue_winking_eye{background-position:-540px -40px}.ap-stuck_out_tongue_closed_eyes{background-position:-540px -60px}.ap-disappointed{background-position:-540px -80px}.ap-worried{background-position:-540px -100px}.ap-angry{background-position:-540px -120px}.ap-rage{background-position:-540px -140px}.ap-cry{background-position:-540px -160px}.ap-persevere{background-position:-540px -180px}.ap-triumph{background-position:-540px -200px}.ap-disappointed_relieved{background-position:-540px -220px}.ap-frowning{background-position:-540px -240px}.ap-anguished{background-position:-540px -260px}.ap-fearful{background-position:-540px -280px}.ap-weary{background-position:-540px -300px}.ap-sleepy{background-position:-540px -320px}.ap-tired_face{background-position:-540px -340px}.ap-grimacing{background-position:-540px -360px}.ap-sob{background-position:-540px -380px}.ap-open_mouth{background-position:-540px -400px}.ap-hushed{background-position:-540px -420px}.ap-cold_sweat{background-position:-540px -440px}.ap-scream{background-position:-540px -460px}.ap-astonished{background-position:-540px -480px}.ap-flushed{background-position:-540px -500px}.ap-sleeping{background-position:-540px -520px}.ap-dizzy_face{background-position:-540px -540px}.ap-no_mouth{background-position:-540px -560px}.ap-mask{background-position:-540px -580px}.ap-smile_cat{background-position:-540px -600px}.ap-joy_cat{background-position:-540px -620px}.ap-smiley_cat{background-position:-540px -640px}.ap-heart_eyes_cat{background-position:-540px -660px}.ap-smirk_cat{background-position:-540px -680px}.ap-kissing_cat{background-position:-540px -700px}.ap-pouting_cat{background-position:-540px -720px}.ap-crying_cat_face{background-position:-540px -740px}.ap-scream_cat{background-position:-540px -760px}.ap-slightly_frowning_face{background-position:-540px -780px}.ap-slightly_smiling_face{background-position:-540px -800px}.ap-upside_down_face{background-position:-560px 0}.ap-face_with_rolling_eyes{background-position:-560px -20px}.ap-no_good{background-position:-560px -40px}.ap-ok_woman{background-position:-560px -160px}.ap-bow{background-position:-560px -280px}.ap-see_no_evil{background-position:-560px -400px}.ap-hear_no_evil{background-position:-560px -420px}.ap-speak_no_evil{background-position:-560px -440px}.ap-raising_hand{background-position:-560px -460px}.ap-raised_hands{background-position:-560px -580px}.ap-person_frowning{background-position:-560px -700px}.ap-person_with_pouting_face{background-position:-580px 0}.ap-pray{background-position:-580px -120px}.ap-rocket{background-position:-580px -240px}.ap-helicopter{background-position:-580px -260px}.ap-steam_locomotive{background-position:-580px -280px}.ap-railway_car{background-position:-580px -300px}.ap-bullettrain_side{background-position:-580px -320px}.ap-bullettrain_front{background-position:-580px -340px}.ap-train2{background-position:-580px -360px}.ap-metro{background-position:-580px -380px}.ap-light_rail{background-position:-580px -400px}.ap-station{background-position:-580px -420px}.ap-tram{background-position:-580px -440px}.ap-train{background-position:-580px -460px}.ap-bus{background-position:-580px -480px}.ap-oncoming_bus{background-position:-580px -500px}.ap-trolleybus{background-position:-580px -520px}.ap-busstop{background-position:-580px -540px}.ap-minibus{background-position:-580px -560px}.ap-ambulance{background-position:-580px -580px}.ap-fire_engine{background-position:-580px -600px}.ap-police_car{background-position:-580px -620px}.ap-oncoming_police_car{background-position:-580px -640px}.ap-taxi{background-position:-580px -660px}.ap-oncoming_taxi{background-position:-580px -680px}.ap-car{background-position:-580px -700px}.ap-oncoming_automobile{background-position:-580px -720px}.ap-blue_car{background-position:-580px -740px}.ap-truck{background-position:-580px -760px}.ap-articulated_lorry{background-position:-580px -780px}.ap-tractor{background-position:-580px -800px}.ap-monorail{background-position:-600px 0}.ap-mountain_railway{background-position:-600px -20px}.ap-suspension_railway{background-position:-600px -40px}.ap-mountain_cableway{background-position:-600px -60px}.ap-aerial_tramway{background-position:-600px -80px}.ap-ship{background-position:-600px -100px}.ap-rowboat{background-position:-600px -120px}.ap-speedboat{background-position:-600px -240px}.ap-traffic_light{background-position:-600px -260px}.ap-vertical_traffic_light{background-position:-600px -280px}.ap-construction{background-position:-600px -300px}.ap-rotating_light{background-position:-600px -320px}.ap-triangular_flag_on_post{background-position:-600px -340px}.ap-door{background-position:-600px -360px}.ap-no_entry_sign{background-position:-600px -380px}.ap-smoking{background-position:-600px -400px}.ap-no_smoking{background-position:-600px -420px}.ap-put_litter_in_its_place{background-position:-600px -440px}.ap-do_not_litter{background-position:-600px -460px}.ap-potable_water{background-position:-600px -480px}.ap-non-potable_water{background-position:-600px -500px}.ap-bike{background-position:-600px -520px}.ap-no_bicycles{background-position:-600px -540px}.ap-bicyclist{background-position:-600px -560px}.ap-mountain_bicyclist{background-position:-600px -680px}.ap-walking{background-position:-600px -800px}.ap-no_pedestrians{background-position:-620px -100px}.ap-children_crossing{background-position:-620px -120px}.ap-mens{background-position:-620px -140px}.ap-womens{background-position:-620px -160px}.ap-restroom{background-position:-620px -180px}.ap-baby_symbol{background-position:-620px -200px}.ap-toilet{background-position:-620px -220px}.ap-wc{background-position:-620px -240px}.ap-shower{background-position:-620px -260px}.ap-bath{background-position:-620px -280px}.ap-bathtub{background-position:-620px -400px}.ap-passport_control{background-position:-620px -420px}.ap-customs{background-position:-620px -440px}.ap-baggage_claim{background-position:-620px -460px}.ap-left_luggage{background-position:-620px -480px}.ap-couch_and_lamp{background-position:-620px -500px}.ap-sleeping_accommodation{background-position:-620px -520px}.ap-shopping_bags{background-position:-620px -540px}.ap-bellhop_bell{background-position:-620px -560px}.ap-bed{background-position:-620px -580px}.ap-place_of_worship{background-position:-620px -600px}.ap-hammer_and_wrench{background-position:-620px -620px}.ap-shield{background-position:-620px -640px}.ap-oil_drum{background-position:-620px -660px}.ap-motorway{background-position:-620px -680px}.ap-railway_track{background-position:-620px -700px}.ap-motor_boat{background-position:-620px -720px}.ap-small_airplane{background-position:-620px -740px}.ap-airplane_departure{background-position:-620px -760px}.ap-airplane_arriving{background-position:-620px -780px}.ap-satellite{background-position:-620px -800px}.ap-passenger_ship{background-position:-640px 0}.ap-zipper_mouth_face{background-position:-640px -20px}.ap-money_mouth_face{background-position:-640px -40px}.ap-face_with_thermometer{background-position:-640px -60px}.ap-nerd_face{background-position:-640px -80px}.ap-thinking_face{background-position:-640px -100px}.ap-face_with_head_bandage{background-position:-640px -120px}.ap-robot_face{background-position:-640px -140px}.ap-hugging_face{background-position:-640px -160px}.ap-the_horns{background-position:-640px -180px}.ap-crab{background-position:-640px -300px}.ap-lion_face{background-position:-640px -320px}.ap-scorpion{background-position:-640px -340px}.ap-turkey{background-position:-640px -360px}.ap-unicorn_face{background-position:-640px -380px}.ap-cheese_wedge{background-position:-640px -400px}.ap-hash{background-position:-640px -420px}.ap-keycap_star{background-position:-640px -440px}.ap-zero{background-position:-640px -460px}.ap-one{background-position:-640px -480px}.ap-two{background-position:-640px -500px}.ap-three{background-position:-640px -520px}.ap-four{background-position:-640px -540px}.ap-five{background-position:-640px -560px}.ap-six{background-position:-640px -580px}.ap-seven{background-position:-640px -600px}.ap-eight{background-position:-640px -620px}.ap-nine{background-position:-640px -640px}.ap-flag-ac{background-position:-640px -660px}.ap-flag-ad{background-position:-640px -680px}.ap-flag-ae{background-position:-640px -700px}.ap-flag-af{background-position:-640px -720px}.ap-flag-ag{background-position:-640px -740px}.ap-flag-ai{background-position:-640px -760px}.ap-flag-al{background-position:-640px -780px}.ap-flag-am{background-position:-640px -800px}.ap-flag-ao{background-position:-660px 0}.ap-flag-aq{background-position:-660px -20px}.ap-flag-ar{background-position:-660px -40px}.ap-flag-as{background-position:-660px -60px}.ap-flag-at{background-position:-660px -80px}.ap-flag-au{background-position:-660px -100px}.ap-flag-aw{background-position:-660px -120px}.ap-flag-ax{background-position:-660px -140px}.ap-flag-az{background-position:-660px -160px}.ap-flag-ba{background-position:-660px -180px}.ap-flag-bb{background-position:-660px -200px}.ap-flag-bd{background-position:-660px -220px}.ap-flag-be{background-position:-660px -240px}.ap-flag-bf{background-position:-660px -260px}.ap-flag-bg{background-position:-660px -280px}.ap-flag-bh{background-position:-660px -300px}.ap-flag-bi{background-position:-660px -320px}.ap-flag-bj{background-position:-660px -340px}.ap-flag-bl{background-position:-660px -360px}.ap-flag-bm{background-position:-660px -380px}.ap-flag-bn{background-position:-660px -400px}.ap-flag-bo{background-position:-660px -420px}.ap-flag-bq{background-position:-660px -440px}.ap-flag-br{background-position:-660px -460px}.ap-flag-bs{background-position:-660px -480px}.ap-flag-bt{background-position:-660px -500px}.ap-flag-bv{background-position:-660px -520px}.ap-flag-bw{background-position:-660px -540px}.ap-flag-by{background-position:-660px -560px}.ap-flag-bz{background-position:-660px -580px}.ap-flag-ca{background-position:-660px -600px}.ap-flag-cc{background-position:-660px -620px}.ap-flag-cd{background-position:-660px -640px}.ap-flag-cf{background-position:-660px -660px}.ap-flag-cg{background-position:-660px -680px}.ap-flag-ch{background-position:-660px -700px}.ap-flag-ci{background-position:-660px -720px}.ap-flag-ck{background-position:-660px -740px}.ap-flag-cl{background-position:-660px -760px}.ap-flag-cm{background-position:-660px -780px}.ap-flag-cn{background-position:-660px -800px}.ap-flag-co{background-position:-680px 0}.ap-flag-cp{background-position:-680px -20px}.ap-flag-cr{background-position:-680px -40px}.ap-flag-cu{background-position:-680px -60px}.ap-flag-cv{background-position:-680px -80px}.ap-flag-cw{background-position:-680px -100px}.ap-flag-cx{background-position:-680px -120px}.ap-flag-cy{background-position:-680px -140px}.ap-flag-cz{background-position:-680px -160px}.ap-flag-de{background-position:-680px -180px}.ap-flag-dg{background-position:-680px -200px}.ap-flag-dj{background-position:-680px -220px}.ap-flag-dk{background-position:-680px -240px}.ap-flag-dm{background-position:-680px -260px}.ap-flag-do{background-position:-680px -280px}.ap-flag-dz{background-position:-680px -300px}.ap-flag-ea{background-position:-680px -320px}.ap-flag-ec{background-position:-680px -340px}.ap-flag-ee{background-position:-680px -360px}.ap-flag-eg{background-position:-680px -380px}.ap-flag-eh{background-position:-680px -400px}.ap-flag-er{background-position:-680px -420px}.ap-flag-es{background-position:-680px -440px}.ap-flag-et{background-position:-680px -460px}.ap-flag-eu{background-position:-680px -480px}.ap-flag-fi{background-position:-680px -500px}.ap-flag-fj{background-position:-680px -520px}.ap-flag-fk{background-position:-680px -540px}.ap-flag-fm{background-position:-680px -560px}.ap-flag-fo{background-position:-680px -580px}.ap-flag-fr{background-position:-680px -600px}.ap-flag-ga{background-position:-680px -620px}.ap-flag-gb{background-position:-680px -640px}.ap-flag-gd{background-position:-680px -660px}.ap-flag-ge{background-position:-680px -680px}.ap-flag-gf{background-position:-680px -700px}.ap-flag-gg{background-position:-680px -720px}.ap-flag-gh{background-position:-680px -740px}.ap-flag-gi{background-position:-680px -760px}.ap-flag-gl{background-position:-680px -780px}.ap-flag-gm{background-position:-680px -800px}.ap-flag-gn{background-position:-700px 0}.ap-flag-gp{background-position:-700px -20px}.ap-flag-gq{background-position:-700px -40px}.ap-flag-gr{background-position:-700px -60px}.ap-flag-gs{background-position:-700px -80px}.ap-flag-gt{background-position:-700px -100px}.ap-flag-gu{background-position:-700px -120px}.ap-flag-gw{background-position:-700px -140px}.ap-flag-gy{background-position:-700px -160px}.ap-flag-hk{background-position:-700px -180px}.ap-flag-hm{background-position:-700px -200px}.ap-flag-hn{background-position:-700px -220px}.ap-flag-hr{background-position:-700px -240px}.ap-flag-ht{background-position:-700px -260px}.ap-flag-hu{background-position:-700px -280px}.ap-flag-ic{background-position:-700px -300px}.ap-flag-id{background-position:-700px -320px}.ap-flag-ie{background-position:-700px -340px}.ap-flag-il{background-position:-700px -360px}.ap-flag-im{background-position:-700px -380px}.ap-flag-in{background-position:-700px -400px}.ap-flag-io{background-position:-700px -420px}.ap-flag-iq{background-position:-700px -440px}.ap-flag-ir{background-position:-700px -460px}.ap-flag-is{background-position:-700px -480px}.ap-flag-it{background-position:-700px -500px}.ap-flag-je{background-position:-700px -520px}.ap-flag-jm{background-position:-700px -540px}.ap-flag-jo{background-position:-700px -560px}.ap-flag-jp{background-position:-700px -580px}.ap-flag-ke{background-position:-700px -600px}.ap-flag-kg{background-position:-700px -620px}.ap-flag-kh{background-position:-700px -640px}.ap-flag-ki{background-position:-700px -660px}.ap-flag-km{background-position:-700px -680px}.ap-flag-kn{background-position:-700px -700px}.ap-flag-kp{background-position:-700px -720px}.ap-flag-kr{background-position:-700px -740px}.ap-flag-kw{background-position:-700px -760px}.ap-flag-ky{background-position:-700px -780px}.ap-flag-kz{background-position:-700px -800px}.ap-flag-la{background-position:-720px 0}.ap-flag-lb{background-position:-720px -20px}.ap-flag-lc{background-position:-720px -40px}.ap-flag-li{background-position:-720px -60px}.ap-flag-lk{background-position:-720px -80px}.ap-flag-lr{background-position:-720px -100px}.ap-flag-ls{background-position:-720px -120px}.ap-flag-lt{background-position:-720px -140px}.ap-flag-lu{background-position:-720px -160px}.ap-flag-lv{background-position:-720px -180px}.ap-flag-ly{background-position:-720px -200px}.ap-flag-ma{background-position:-720px -220px}.ap-flag-mc{background-position:-720px -240px}.ap-flag-md{background-position:-720px -260px}.ap-flag-me{background-position:-720px -280px}.ap-flag-mf{background-position:-720px -300px}.ap-flag-mg{background-position:-720px -320px}.ap-flag-mh{background-position:-720px -340px}.ap-flag-mk{background-position:-720px -360px}.ap-flag-ml{background-position:-720px -380px}.ap-flag-mm{background-position:-720px -400px}.ap-flag-mn{background-position:-720px -420px}.ap-flag-mo{background-position:-720px -440px}.ap-flag-mp{background-position:-720px -460px}.ap-flag-mq{background-position:-720px -480px}.ap-flag-mr{background-position:-720px -500px}.ap-flag-ms{background-position:-720px -520px}.ap-flag-mt{background-position:-720px -540px}.ap-flag-mu{background-position:-720px -560px}.ap-flag-mv{background-position:-720px -580px}.ap-flag-mw{background-position:-720px -600px}.ap-flag-mx{background-position:-720px -620px}.ap-flag-my{background-position:-720px -640px}.ap-flag-mz{background-position:-720px -660px}.ap-flag-na{background-position:-720px -680px}.ap-flag-nc{background-position:-720px -700px}.ap-flag-ne{background-position:-720px -720px}.ap-flag-nf{background-position:-720px -740px}.ap-flag-ng{background-position:-720px -760px}.ap-flag-ni{background-position:-720px -780px}.ap-flag-nl{background-position:-720px -800px}.ap-flag-no{background-position:-740px 0}.ap-flag-np{background-position:-740px -20px}.ap-flag-nr{background-position:-740px -40px}.ap-flag-nu{background-position:-740px -60px}.ap-flag-nz{background-position:-740px -80px}.ap-flag-om{background-position:-740px -100px}.ap-flag-pa{background-position:-740px -120px}.ap-flag-pe{background-position:-740px -140px}.ap-flag-pf{background-position:-740px -160px}.ap-flag-pg{background-position:-740px -180px}.ap-flag-ph{background-position:-740px -200px}.ap-flag-pk{background-position:-740px -220px}.ap-flag-pl{background-position:-740px -240px}.ap-flag-pm{background-position:-740px -260px}.ap-flag-pn{background-position:-740px -280px}.ap-flag-pr{background-position:-740px -300px}.ap-flag-ps{background-position:-740px -320px}.ap-flag-pt{background-position:-740px -340px}.ap-flag-pw{background-position:-740px -360px}.ap-flag-py{background-position:-740px -380px}.ap-flag-qa{background-position:-740px -400px}.ap-flag-re{background-position:-740px -420px}.ap-flag-ro{background-position:-740px -440px}.ap-flag-rs{background-position:-740px -460px}.ap-flag-ru{background-position:-740px -480px}.ap-flag-rw{background-position:-740px -500px}.ap-flag-sa{background-position:-740px -520px}.ap-flag-sb{background-position:-740px -540px}.ap-flag-sc{background-position:-740px -560px}.ap-flag-sd{background-position:-740px -580px}.ap-flag-se{background-position:-740px -600px}.ap-flag-sg{background-position:-740px -620px}.ap-flag-sh{background-position:-740px -640px}.ap-flag-si{background-position:-740px -660px}.ap-flag-sj{background-position:-740px -680px}.ap-flag-sk{background-position:-740px -700px}.ap-flag-sl{background-position:-740px -720px}.ap-flag-sm{background-position:-740px -740px}.ap-flag-sn{background-position:-740px -760px}.ap-flag-so{background-position:-740px -780px}.ap-flag-sr{background-position:-740px -800px}.ap-flag-ss{background-position:-760px 0}.ap-flag-st{background-position:-760px -20px}.ap-flag-sv{background-position:-760px -40px}.ap-flag-sx{background-position:-760px -60px}.ap-flag-sy{background-position:-760px -80px}.ap-flag-sz{background-position:-760px -100px}.ap-flag-ta{background-position:-760px -120px}.ap-flag-tc{background-position:-760px -140px}.ap-flag-td{background-position:-760px -160px}.ap-flag-tf{background-position:-760px -180px}.ap-flag-tg{background-position:-760px -200px}.ap-flag-th{background-position:-760px -220px}.ap-flag-tj{background-position:-760px -240px}.ap-flag-tk{background-position:-760px -260px}.ap-flag-tl{background-position:-760px -280px}.ap-flag-tm{background-position:-760px -300px}.ap-flag-tn{background-position:-760px -320px}.ap-flag-to{background-position:-760px -340px}.ap-flag-tr{background-position:-760px -360px}.ap-flag-tt{background-position:-760px -380px}.ap-flag-tv{background-position:-760px -400px}.ap-flag-tw{background-position:-760px -420px}.ap-flag-tz{background-position:-760px -440px}.ap-flag-ua{background-position:-760px -460px}.ap-flag-ug{background-position:-760px -480px}.ap-flag-um{background-position:-760px -500px}.ap-flag-us{background-position:-760px -520px}.ap-flag-uy{background-position:-760px -540px}.ap-flag-uz{background-position:-760px -560px}.ap-flag-va{background-position:-760px -580px}.ap-flag-vc{background-position:-760px -600px}.ap-flag-ve{background-position:-760px -620px}.ap-flag-vg{background-position:-760px -640px}.ap-flag-vi{background-position:-760px -660px}.ap-flag-vn{background-position:-760px -680px}.ap-flag-vu{background-position:-760px -700px}.ap-flag-wf{background-position:-760px -720px}.ap-flag-ws{background-position:-760px -740px}.ap-flag-xk{background-position:-760px -760px}.ap-flag-ye{background-position:-760px -780px}.ap-flag-yt{background-position:-760px -800px}.ap-flag-za{background-position:-780px 0}.ap-flag-zm{background-position:-780px -20px}.ap-flag-zw{background-position:-780px -40px}.ap-man-man-boy{background-position:-780px -60px}.ap-man-man-boy-boy{background-position:-780px -80px}.ap-man-man-girl{background-position:-780px -100px}.ap-man-man-girl-boy{background-position:-780px -120px}.ap-man-man-girl-girl{background-position:-780px -140px}.ap-man-woman-boy-boy{background-position:-780px -160px}.ap-man-woman-girl{background-position:-780px -180px}.ap-man-woman-girl-boy{background-position:-780px -200px}.ap-man-woman-girl-girl{background-position:-780px -220px}.ap-man-heart-man{background-position:-780px -240px}.ap-man-kiss-man{background-position:-780px -260px}.ap-woman-woman-boy{background-position:-780px -280px}.ap-woman-woman-boy-boy{background-position:-780px -300px}.ap-woman-woman-girl{background-position:-780px -320px}.ap-woman-woman-girl-boy{background-position:-780px -340px}.ap-woman-woman-girl-girl{background-position:-780px -360px}.ap-woman-heart-woman{background-position:-780px -380px}.ap-woman-kiss-woman{background-position:-780px -400px}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/slick-carousel/slick/slick.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/slick-carousel/slick/slick-theme.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('slick.eot');
  src: url('slick.eot?#iefix') format("embedded-opentype"), url('slick.woff') format("woff"), url('slick.ttf') format("truetype"), url('slick.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/pivottable/dist/pivot.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.pvtUi{color:#333}table.pvtTable{font-size:8pt;text-align:left;border-collapse:collapse}table.pvtTable tbody tr th,table.pvtTable thead tr th{background-color:#e6EEEE;border:1px solid #CDCDCD;font-size:8pt;padding:5px}table.pvtTable .pvtColLabel{text-align:center}table.pvtTable .pvtTotalLabel{text-align:right}table.pvtTable tbody tr td{color:#3D3D3D;padding:5px;background-color:#FFF;border:1px solid #CDCDCD;vertical-align:top;text-align:right}.pvtGrandTotal,.pvtTotal{font-weight:700}.pvtVals{text-align:center;white-space:nowrap}.pvtColOrder,.pvtRowOrder{cursor:pointer;width:15px;margin-left:5px;display:inline-block}.pvtAggregator{margin-bottom:5px}.pvtAxisContainer,.pvtVals{border:1px solid gray;background:#EEE;padding:5px;min-width:20px;min-height:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.pvtAxisContainer li{padding:8px 6px;list-style-type:none;cursor:move}.pvtAxisContainer li.pvtPlaceholder{-webkit-border-radius:5px;padding:3px 15px;border-radius:5px;border:1px dashed #aaa}.pvtAxisContainer li span.pvtAttr{-webkit-text-size-adjust:100%;background:#F3F3F3;border:1px solid #DEDEDE;padding:2px 5px;white-space:nowrap;border-radius:5px}.pvtTriangle{cursor:pointer;color:grey}.pvtHorizList li{display:inline}.pvtVertList{vertical-align:top}.pvtFilteredAttribute{font-style:italic}.pvtFilterBox{z-index:100;width:300px;border:1px solid gray;background-color:#fff;position:absolute;text-align:center}.pvtFilterBox h4{margin:15px}.pvtFilterBox p{margin:10px auto}.pvtFilterBox label{font-weight:400}.pvtFilterBox input[type=checkbox]{margin-right:10px;margin-left:10px}.pvtFilterBox input[type=text]{width:230px}.pvtFilterBox .count{color:gray;font-weight:400;margin-left:3px}.pvtCheckContainer{text-align:left;font-size:14px;white-space:nowrap;overflow-y:scroll;width:100%;max-height:250px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}.pvtCheckContainer p{margin:5px}.pvtRendererArea{padding:5px}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/subtotal/dist/subtotal.min.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
body{font-family:Verdana}table.pvtTable .pvtRowLabel{vertical-align:top;white-space:nowrap}table.pvtTable .pvtAxisLabel,table.pvtTable .pvtColLabel{white-space:nowrap}.pvtColSubtotal,.pvtRowSubtotal{background-color:#EFEFEF!important;font-weight:700}.expanded{cursor:pointer}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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:transparent;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:0.6}}.cdk-overlay-dark-backdrop{background:rgba(0,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,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,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:#ffffff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,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:#000000}.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,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:block;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,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:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,0.12)}.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,0.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.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 transparent;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,0.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,0.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,0.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,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,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,0.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,0.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-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,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:-.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:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;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,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,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,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,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,0.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.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,0.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:0.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:#ffffff}.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,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/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/angular-material-css-vars/src/lib/_main.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/evi-theme.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.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: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.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 {
  opacity: 0;
  visibility: visible;
}

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

.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;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 112px;
  font-weight: 300;
  line-height: 112px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

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

html {
  --mat-legacy-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", 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-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --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-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

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

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-datepicker-content .mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 14px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-dialog-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.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: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.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 {
  opacity: 0;
  visibility: visible;
}

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

.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;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

:root {
  --dark-primary-text: 0, 0, 0, 0.87;
  --dark-secondary-text: 0, 0, 0, 0.54;
  --dark-accent-text: 0, 0, 0, 0.87;
  --dark-warn-text: 0, 0, 0, 0.87;
  --dark-disabled-text: 0, 0, 0, 0.38;
  --dark-dividers: 0, 0, 0, 0.12;
  --dark-focused: 0, 0, 0, 0.12;
  --light-primary-text: 255, 255, 255, 1;
  --light-secondary-text: 255, 255, 255, 0.7;
  --light-accent-text: 255, 255, 255, 1;
  --light-warn-text: 255, 255, 255, 1;
  --light-disabled-text: 255, 255, 255, 0.5;
  --light-dividers: 255, 255, 255, 0.12;
  --light-focused: 255, 255, 255, 0.12;
  --palette-background-status-bar: 224, 224, 224;
  --palette-background-app-bar: 245, 245, 245;
  --palette-background-background: 250, 250, 250;
  --palette-background-hover: 0, 0, 0;
  --palette-background-hover-alpha: 0.04;
  --palette-background-card: 255, 255, 255;
  --palette-background-dialog: 255, 255, 255;
  --palette-background-disabled-button: 0, 0, 0;
  --palette-background-disabled-button-alpha: 0.12;
  --palette-background-raised-button: 255, 255, 255;
  --palette-background-focused-button: 0, 0, 0;
  --palette-background-focused-button-alpha: 0.12;
  --palette-background-selected-button: 224, 224, 224;
  --palette-background-selected-disabled-button: 189, 189, 189;
  --palette-background-disabled-button-toggle: 238, 238, 238;
  --palette-background-unselected-chip: 224, 224, 224;
  --palette-background-disabled-list-option: 238, 238, 238;
  --palette-background-tooltip: 97, 97, 97;
  --palette-background-status-bar-dark: 0, 0, 0;
  --palette-background-app-bar-dark: 33, 33, 33;
  --palette-background-background-dark: 48, 48, 48;
  --palette-background-hover-dark: 255, 255, 255;
  --palette-background-hover-dark-alpha: 0.04;
  --palette-background-card-dark: 66, 66, 66;
  --palette-background-dialog-dark: 66, 66, 66;
  --palette-background-disabled-button-dark: 255, 255, 255;
  --palette-background-disabled-button-dark-alpha: 0.12;
  --palette-background-raised-button-dark: 66, 66, 66;
  --palette-background-focused-button-dark: 255, 255, 255;
  --palette-background-focused-button-dark-alpha: 0.12;
  --palette-background-selected-button-dark: 33, 33, 33;
  --palette-background-selected-disabled-button-dark: 66, 66, 66;
  --palette-background-disabled-button-toggle-dark: 0, 0, 0;
  --palette-background-unselected-chip-dark: 97, 97, 97;
  --palette-background-disabled-list-option-dark: 0, 0, 0;
  --palette-background-tooltip-dark: 97, 97, 97;
  --palette-foreground-base: 0, 0, 0;
  --palette-foreground-divider: 0, 0, 0;
  --palette-foreground-divider-alpha: 0.12;
  --palette-foreground-dividers: 0, 0, 0;
  --palette-foreground-dividers-alpha: 0.12;
  --palette-foreground-disabled: 0, 0, 0;
  --palette-foreground-disabled-alpha: 0.38;
  --palette-foreground-disabled-button: 0, 0, 0;
  --palette-foreground-disabled-button-alpha: 0.26;
  --palette-foreground-disabled-text: 0, 0, 0;
  --palette-foreground-disabled-text-alpha: 0.38;
  --palette-foreground-hint-text: 0, 0, 0;
  --palette-foreground-hint-text-alpha: 0.38;
  --palette-foreground-secondary-text: 0, 0, 0;
  --palette-foreground-secondary-text-alpha: 0.54;
  --palette-foreground-icon: 0, 0, 0;
  --palette-foreground-icon-alpha: 0.54;
  --palette-foreground-icons: 0, 0, 0;
  --palette-foreground-icons-alpha: 0.54;
  --palette-foreground-text: 0, 0, 0;
  --palette-foreground-text-alpha: 0.87;
  --palette-foreground-slider-min: 0, 0, 0;
  --palette-foreground-slider-min-alpha: 0.87;
  --palette-foreground-slider-off: 0, 0, 0;
  --palette-foreground-slider-off-alpha: 0.26;
  --palette-foreground-slider-off-active: 0, 0, 0;
  --palette-foreground-slider-off-active-alpha: 0.38;
  --palette-foreground-base-dark: 255, 255, 255;
  --palette-foreground-divider-dark: 255, 255, 255;
  --palette-foreground-divider-dark-alpha: 0.12;
  --palette-foreground-dividers-dark: 255, 255, 255;
  --palette-foreground-dividers-dark-alpha: 0.12;
  --palette-foreground-disabled-dark: 255, 255, 255;
  --palette-foreground-disabled-dark-alpha: 0.5;
  --palette-foreground-disabled-button-dark: 255, 255, 255;
  --palette-foreground-disabled-button-dark-alpha: 0.3;
  --palette-foreground-disabled-text-dark: 255, 255, 255;
  --palette-foreground-disabled-text-dark-alpha: 0.5;
  --palette-foreground-hint-text-dark: 255, 255, 255;
  --palette-foreground-hint-text-dark-alpha: 0.5;
  --palette-foreground-secondary-text-dark: 255, 255, 255;
  --palette-foreground-secondary-text-dark-alpha: 0.7;
  --palette-foreground-icon-dark: 255, 255, 255;
  --palette-foreground-icon-dark-alpha: 1;
  --palette-foreground-icons-dark: 255, 255, 255;
  --palette-foreground-icons-dark-alpha: 1;
  --palette-foreground-text-dark: 255, 255, 255;
  --palette-foreground-text-dark-alpha: 1;
  --palette-foreground-slider-min-dark: 255, 255, 255;
  --palette-foreground-slider-min-dark-alpha: 1;
  --palette-foreground-slider-off-dark: 255, 255, 255;
  --palette-foreground-slider-off-dark-alpha: 0.3;
  --palette-foreground-slider-off-active-dark: 255, 255, 255;
  --palette-foreground-slider-off-active-dark-alpha: 0.38;
}

:root {
  --palette-primary-50: 225, 245, 254;
  --palette-primary-100: 179, 229, 252;
  --palette-primary-200: 129, 212, 250;
  --palette-primary-300: 79, 195, 247;
  --palette-primary-400: 41, 182, 246;
  --palette-primary-500: 3, 169, 244;
  --palette-primary-600: 3, 155, 229;
  --palette-primary-700: 2, 136, 209;
  --palette-primary-800: 2, 119, 189;
  --palette-primary-900: 1, 87, 155;
  --palette-primary-A100: 128, 216, 255;
  --palette-primary-A200: 64, 196, 255;
  --palette-primary-A400: 0, 176, 255;
  --palette-primary-A700: 0, 145, 234;
  --palette-primary-contrast-50: var(--dark-primary-text);
  --palette-primary-contrast-100: var(--dark-primary-text);
  --palette-primary-contrast-200: var(--dark-primary-text);
  --palette-primary-contrast-300: var(--dark-primary-text);
  --palette-primary-contrast-400: var(--dark-primary-text);
  --palette-primary-contrast-500: var(--light-primary-text);
  --palette-primary-contrast-600: var(--light-primary-text);
  --palette-primary-contrast-700: var(--light-primary-text);
  --palette-primary-contrast-800: var(--light-primary-text);
  --palette-primary-contrast-900: var(--light-primary-text);
  --palette-primary-contrast-A100: var(--light-primary-text);
  --palette-primary-contrast-A200: var(--light-primary-text);
  --palette-primary-contrast-A400: var(--light-primary-text);
  --palette-primary-contrast-A700: var(--light-primary-text);
  --palette-accent-50: 252, 228, 236;
  --palette-accent-100: 248, 187, 208;
  --palette-accent-200: 244, 143, 177;
  --palette-accent-300: 240, 98, 146;
  --palette-accent-400: 236, 64, 122;
  --palette-accent-500: 233, 30, 99;
  --palette-accent-600: 216, 27, 96;
  --palette-accent-700: 194, 24, 91;
  --palette-accent-800: 173, 20, 87;
  --palette-accent-900: 136, 14, 79;
  --palette-accent-A100: 255, 128, 171;
  --palette-accent-A200: 255, 64, 129;
  --palette-accent-A400: 245, 0, 87;
  --palette-accent-A700: 197, 17, 98;
  --palette-accent-contrast-50: var(--dark-accent-text);
  --palette-accent-contrast-100: var(--dark-accent-text);
  --palette-accent-contrast-200: var(--dark-accent-text);
  --palette-accent-contrast-300: var(--dark-accent-text);
  --palette-accent-contrast-400: var(--dark-accent-text);
  --palette-accent-contrast-500: var(--light-accent-text);
  --palette-accent-contrast-600: var(--light-accent-text);
  --palette-accent-contrast-700: var(--light-accent-text);
  --palette-accent-contrast-800: var(--light-accent-text);
  --palette-accent-contrast-900: var(--light-accent-text);
  --palette-accent-contrast-A100: var(--light-accent-text);
  --palette-accent-contrast-A200: var(--light-accent-text);
  --palette-accent-contrast-A400: var(--light-accent-text);
  --palette-accent-contrast-A700: var(--light-accent-text);
  --palette-warn-50: 255, 235, 238;
  --palette-warn-100: 255, 205, 210;
  --palette-warn-200: 239, 154, 154;
  --palette-warn-300: 229, 115, 115;
  --palette-warn-400: 239, 83, 80;
  --palette-warn-500: 244, 67, 54;
  --palette-warn-600: 229, 57, 53;
  --palette-warn-700: 211, 47, 47;
  --palette-warn-800: 198, 40, 40;
  --palette-warn-900: 183, 28, 28;
  --palette-warn-A100: 255, 138, 128;
  --palette-warn-A200: 255, 82, 82;
  --palette-warn-A400: 255, 23, 68;
  --palette-warn-A700: 213, 0, 0;
  --palette-warn-contrast-50: var(--dark-warn-text);
  --palette-warn-contrast-100: var(--dark-warn-text);
  --palette-warn-contrast-200: var(--dark-warn-text);
  --palette-warn-contrast-300: var(--dark-warn-text);
  --palette-warn-contrast-400: var(--dark-warn-text);
  --palette-warn-contrast-500: var(--light-warn-text);
  --palette-warn-contrast-600: var(--light-warn-text);
  --palette-warn-contrast-700: var(--light-warn-text);
  --palette-warn-contrast-800: var(--light-warn-text);
  --palette-warn-contrast-900: var(--light-warn-text);
  --palette-warn-contrast-A100: var(--light-warn-text);
  --palette-warn-contrast-A200: var(--light-warn-text);
  --palette-warn-contrast-A400: var(--light-warn-text);
  --palette-warn-contrast-A700: var(--light-warn-text);
  --palette-primary-50-rgb: rgb(var(--palette-primary-50));
  --palette-primary-100-rgb: rgb(var(--palette-primary-100));
  --palette-primary-200-rgb: rgb(var(--palette-primary-200));
  --palette-primary-300-rgb: rgb(var(--palette-primary-300));
  --palette-primary-400-rgb: rgb(var(--palette-primary-400));
  --palette-primary-500-rgb: rgb(var(--palette-primary-500));
  --palette-primary-600-rgb: rgb(var(--palette-primary-600));
  --palette-primary-700-rgb: rgb(var(--palette-primary-700));
  --palette-primary-800-rgb: rgb(var(--palette-primary-800));
  --palette-primary-900-rgb: rgb(var(--palette-primary-900));
  --palette-primary-A100-rgb: rgb(var(--palette-primary-A100));
  --palette-primary-A200-rgb: rgb(var(--palette-primary-A200));
  --palette-primary-A400-rgb: rgb(var(--palette-primary-A400));
  --palette-primary-A700-rgb: rgb(var(--palette-primary-A700));
  --palette-primary-contrast-50-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-100-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-200-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-300-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-400-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-500-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-600-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-700-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-800-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-900-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A100-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A200-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A400-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A700-rgb: rgba(var(--light-primary-text));
  --palette-accent-50-rgb: rgb(var(--palette-accent-50));
  --palette-accent-100-rgb: rgb(var(--palette-accent-100));
  --palette-accent-200-rgb: rgb(var(--palette-accent-200));
  --palette-accent-300-rgb: rgb(var(--palette-accent-300));
  --palette-accent-400-rgb: rgb(var(--palette-accent-400));
  --palette-accent-500-rgb: rgb(var(--palette-accent-500));
  --palette-accent-600-rgb: rgb(var(--palette-accent-600));
  --palette-accent-700-rgb: rgb(var(--palette-accent-700));
  --palette-accent-800-rgb: rgb(var(--palette-accent-800));
  --palette-accent-900-rgb: rgb(var(--palette-accent-900));
  --palette-accent-A100-rgb: rgb(var(--palette-accent-A100));
  --palette-accent-A200-rgb: rgb(var(--palette-accent-A200));
  --palette-accent-A400-rgb: rgb(var(--palette-accent-A400));
  --palette-accent-A700-rgb: rgb(var(--palette-accent-A700));
  --palette-accent-contrast-50-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-100-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-200-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-300-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-400-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-500-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-600-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-700-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-800-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-900-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A100-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A200-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A400-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A700-rgb: rgba(var(--light-accent-text));
  --palette-warn-50-rgb: rgb(var(--palette-warn-50));
  --palette-warn-100-rgb: rgb(var(--palette-warn-100));
  --palette-warn-200-rgb: rgb(var(--palette-warn-200));
  --palette-warn-300-rgb: rgb(var(--palette-warn-300));
  --palette-warn-400-rgb: rgb(var(--palette-warn-400));
  --palette-warn-500-rgb: rgb(var(--palette-warn-500));
  --palette-warn-600-rgb: rgb(var(--palette-warn-600));
  --palette-warn-700-rgb: rgb(var(--palette-warn-700));
  --palette-warn-800-rgb: rgb(var(--palette-warn-800));
  --palette-warn-900-rgb: rgb(var(--palette-warn-900));
  --palette-warn-A100-rgb: rgb(var(--palette-warn-A100));
  --palette-warn-A200-rgb: rgb(var(--palette-warn-A200));
  --palette-warn-A400-rgb: rgb(var(--palette-warn-A400));
  --palette-warn-A700-rgb: rgb(var(--palette-warn-A700));
  --palette-warn-contrast-50-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-100-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-200-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-300-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-400-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-500-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-600-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-700-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-800-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-900-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A100-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A200-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A400-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A700-rgb: rgba(var(--light-warn-text));
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.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: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.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 {
  opacity: 0;
  visibility: visible;
}

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

.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;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: var(--palette-primary-500-rgb);
  --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: var(--palette-accent-500-rgb);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: var(--palette-warn-500-rgb);
}

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

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-primary-500-rgb);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-primary-500-rgb);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-accent-500-rgb);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-accent-500-rgb);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-accent-500-rgb);
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-accent-500-rgb);
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-warn-500-rgb);
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-warn-500-rgb);
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-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);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-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-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 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-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 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-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-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);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 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-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 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-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 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-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 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-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 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-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 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-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-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-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 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-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 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-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 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-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 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-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 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-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 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-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 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-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

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;
}

.mat-mdc-card {
  --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);
  --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);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-card {
  --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;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--palette-primary-500-rgb);
  --mdc-linear-progress-track-color: var(--palette-primary-500-rgb);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: var(--palette-primary-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-primary-500-rgb));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--palette-primary-500-rgb)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: var(--palette-primary-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-primary-500-rgb));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--palette-accent-500-rgb);
  --mdc-linear-progress-track-color: var(--palette-accent-500-rgb);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: var(--palette-accent-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-accent-500-rgb));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--palette-accent-500-rgb)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: var(--palette-accent-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-accent-500-rgb));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-linear-progress-track-color: var(--palette-warn-500-rgb);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: var(--palette-warn-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-warn-500-rgb));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--palette-warn-500-rgb)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: var(--palette-warn-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-warn-500-rgb));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

.mat-mdc-tooltip {
  --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-caret-color: var(--palette-primary-500-rgb);
  --mdc-filled-text-field-focus-active-indicator-color: var(--palette-primary-500-rgb);
  --mdc-filled-text-field-focus-label-text-color: var(--palette-primary-500-rgb);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-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-focus-label-text-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-label-text-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-caret-color: var(--palette-warn-500-rgb);
  --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: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-caret-color: var(--palette-primary-500-rgb);
  --mdc-outlined-text-field-focus-outline-color: var(--palette-primary-500-rgb);
  --mdc-outlined-text-field-focus-label-text-color: var(--palette-primary-500-rgb);
  --mdc-outlined-text-field-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: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-label-text-color: var(--palette-warn-500-rgb);
  --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: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-hover-outline-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, var(--palette-warn-500-rgb));
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-primary-500-rgb), 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-accent-500-rgb), 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-warn-500-rgb), 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--palette-accent-500-rgb);
  --mdc-filled-text-field-focus-active-indicator-color: var(--palette-accent-500-rgb);
  --mdc-filled-text-field-focus-label-text-color: var(--palette-accent-500-rgb);
  --mdc-outlined-text-field-caret-color: var(--palette-accent-500-rgb);
  --mdc-outlined-text-field-focus-outline-color: var(--palette-accent-500-rgb);
  --mdc-outlined-text-field-focus-label-text-color: var(--palette-accent-500-rgb);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-focus-label-text-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-caret-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-focus-outline-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-focus-label-text-color: var(--palette-warn-500-rgb);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

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;
  --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;
  --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-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: var(--palette-primary-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}
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: var(--palette-accent-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}
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: var(--palette-warn-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}

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-background-color: white;
}

.mat-mdc-dialog-container {
  --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);
}

.mat-mdc-dialog-container {
  --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-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-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-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-elevated-container-color: var(--palette-primary-500-rgb);
  --mdc-chip-elevated-disabled-container-color: var(--palette-primary-500-rgb);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-icon-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-icon-disabled-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
}
.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: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-elevated-container-color: var(--palette-accent-500-rgb);
  --mdc-chip-elevated-disabled-container-color: var(--palette-accent-500-rgb);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-icon-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-icon-disabled-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
}
.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: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-elevated-container-color: var(--palette-warn-500-rgb);
  --mdc-chip-elevated-disabled-container-color: var(--palette-warn-500-rgb);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-icon-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-icon-disabled-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-icon-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
}

.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;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-handle-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-hover-state-layer-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-pressed-state-layer-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-focus-handle-color: var(--palette-primary-900-rgb);
  --mdc-switch-selected-hover-handle-color: var(--palette-primary-900-rgb);
  --mdc-switch-selected-pressed-handle-color: var(--palette-primary-900-rgb);
  --mdc-switch-selected-focus-track-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-hover-track-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-pressed-track-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-track-color: var(--palette-primary-300-rgb);
  --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: var(--mdc-theme-surface, #fff);
  --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-handle-shadow-color: black;
  --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);
  --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;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-handle-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-hover-state-layer-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-pressed-state-layer-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-focus-handle-color: var(--palette-accent-900-rgb);
  --mdc-switch-selected-hover-handle-color: var(--palette-accent-900-rgb);
  --mdc-switch-selected-pressed-handle-color: var(--palette-accent-900-rgb);
  --mdc-switch-selected-focus-track-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-hover-track-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-pressed-track-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-track-color: var(--palette-accent-300-rgb);
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-handle-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-hover-state-layer-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-pressed-state-layer-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-focus-handle-color: var(--palette-warn-900-rgb);
  --mdc-switch-selected-hover-handle-color: var(--palette-warn-900-rgb);
  --mdc-switch-selected-pressed-handle-color: var(--palette-warn-900-rgb);
  --mdc-switch-selected-focus-track-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-hover-track-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-pressed-track-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-track-color: var(--palette-warn-300-rgb);
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-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: var(--palette-primary-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: var(--palette-primary-500-rgb);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-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: var(--palette-accent-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: var(--palette-accent-500-rgb);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-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: var(--palette-warn-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: var(--palette-warn-500-rgb);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: var(--palette-primary-500-rgb);
  --mdc-slider-focus-handle-color: var(--palette-primary-500-rgb);
  --mdc-slider-hover-handle-color: var(--palette-primary-500-rgb);
  --mdc-slider-active-track-color: var(--palette-primary-500-rgb);
  --mdc-slider-inactive-track-color: var(--palette-primary-500-rgb);
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--palette-primary-500-rgb);
  --mat-mdc-slider-ripple-color: var(--palette-primary-500-rgb);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--palette-primary-500-rgb), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--palette-primary-500-rgb), 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: var(--palette-accent-500-rgb);
  --mdc-slider-focus-handle-color: var(--palette-accent-500-rgb);
  --mdc-slider-hover-handle-color: var(--palette-accent-500-rgb);
  --mdc-slider-active-track-color: var(--palette-accent-500-rgb);
  --mdc-slider-inactive-track-color: var(--palette-accent-500-rgb);
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--palette-accent-500-rgb);
  --mat-mdc-slider-ripple-color: var(--palette-accent-500-rgb);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--palette-accent-500-rgb), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--palette-accent-500-rgb), 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: var(--palette-warn-500-rgb);
  --mdc-slider-focus-handle-color: var(--palette-warn-500-rgb);
  --mdc-slider-hover-handle-color: var(--palette-warn-500-rgb);
  --mdc-slider-active-track-color: var(--palette-warn-500-rgb);
  --mdc-slider-inactive-track-color: var(--palette-warn-500-rgb);
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--palette-warn-500-rgb);
  --mat-mdc-slider-ripple-color: var(--palette-warn-500-rgb);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--palette-warn-500-rgb), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--palette-warn-500-rgb), 0.2);
}

.mat-mdc-slider {
  --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-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;
}

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;
}

.mat-mdc-list-base {
  --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: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-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: var(--palette-primary-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-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: var(--palette-accent-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-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: var(--palette-warn-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
}

.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: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --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: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --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: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --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: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --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: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --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: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --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--activated .mdc-list-item__primary-text {
  color: var(--palette-primary-500-rgb);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--palette-primary-500-rgb);
}

.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;
}

.mat-mdc-list-base {
  --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;
}

.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;
}

.mat-mdc-list-base {
  --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-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: 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-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

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;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-header-inactive-ripple-color: var(--palette-primary-500-rgb);
  --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: var(--palette-primary-500-rgb);
  --mat-tab-header-active-hover-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-focus-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-hover-indicator-color: var(--palette-primary-500-rgb);
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-header-inactive-ripple-color: var(--palette-accent-500-rgb);
  --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: var(--palette-accent-500-rgb);
  --mat-tab-header-active-hover-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-focus-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-hover-indicator-color: var(--palette-accent-500-rgb);
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-header-inactive-ripple-color: var(--palette-warn-500-rgb);
  --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: var(--palette-warn-500-rgb);
  --mat-tab-header-active-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-focus-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-hover-indicator-color: var(--palette-warn-500-rgb);
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--palette-primary-500-rgb);
  --mat-tab-header-with-background-foreground-color: var(--palette-primary-contrast-500-rgb);
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--palette-accent-500-rgb);
  --mat-tab-header-with-background-foreground-color: var(--palette-accent-contrast-500-rgb);
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: var(--palette-warn-500-rgb);
  --mat-tab-header-with-background-foreground-color: var(--palette-warn-contrast-500-rgb);
}

.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-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: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --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: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --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-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: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --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: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --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: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --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: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --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 .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

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

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--palette-primary-500-rgb);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--palette-accent-500-rgb);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: var(--palette-warn-500-rgb);
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--palette-primary-500-rgb);
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--palette-accent-500-rgb);
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: var(--palette-warn-500-rgb);
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --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);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--palette-primary-500-rgb);
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--palette-accent-500-rgb);
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: var(--palette-warn-500-rgb);
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button[disabled][disabled] {
  --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);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--palette-primary-500-rgb);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--palette-accent-500-rgb);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: var(--palette-warn-500-rgb);
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: var(--palette-primary-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-primary-500-rgb), 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: var(--palette-accent-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-accent-500-rgb), 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: var(--palette-warn-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-warn-500-rgb), 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--palette-primary-500-rgb);
  --mat-mdc-button-persistent-ripple-color: var(--palette-primary-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-primary-500-rgb), 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--palette-accent-500-rgb);
  --mat-mdc-button-persistent-ripple-color: var(--palette-accent-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-accent-500-rgb), 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: var(--palette-warn-500-rgb);
  --mat-mdc-button-persistent-ripple-color: var(--palette-warn-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-warn-500-rgb), 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.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;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: var(--palette-primary-500-rgb);
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: var(--palette-accent-500-rgb);
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: var(--palette-warn-500-rgb);
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --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;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: var(--palette-accent-500-rgb);
}

.mat-mdc-snack-bar-container {
  --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-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;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--palette-primary-500-rgb);
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--palette-accent-500-rgb);
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: var(--palette-warn-500-rgb);
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: var(--palette-primary-500-rgb);
  --mat-badge-text-color: var(--palette-primary-contrast-500-rgb);
  --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: var(--palette-accent-500-rgb);
  --mat-badge-text-color: var(--palette-accent-contrast-500-rgb);
}

.mat-badge-warn {
  --mat-badge-background-color: var(--palette-warn-500-rgb);
  --mat-badge-text-color: var(--palette-warn-contrast-500-rgb);
}

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

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-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;
  --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: #e0e0e0;
}

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

html {
  --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, sans-serif;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-primary-500-rgb), 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: #46a35e;
  --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-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: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-accent-500-rgb), 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: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-warn-500-rgb), 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: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500-rgb);
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500-rgb);
}

.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;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

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-color: rgba(0, 0, 0, 0.12);
}

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: var(--palette-primary-500-rgb);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--palette-accent-500-rgb);
}
.mat-icon.mat-warn {
  --mat-icon-color: var(--palette-warn-500-rgb);
}

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: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --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: var(--palette-warn-500-rgb);
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
}

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;
}

.mat-sort-header-arrow {
  color: #757575;
}

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: var(--palette-primary-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-primary-contrast-500-rgb);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--palette-accent-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-accent-contrast-500-rgb);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--palette-warn-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-warn-contrast-500-rgb);
}

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;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

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

.mat-tree {
  font-family: Roboto, sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: 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-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: 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-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: 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-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 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-size: 14px;
  font-weight: 500;
  line-height: 22px;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: 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-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

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

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

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

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

.isDarkTheme {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.isDarkTheme .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme {
  --mat-option-selected-state-label-text-color: var(--palette-primary-500-rgb);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}

.isDarkTheme .mat-accent {
  --mat-option-selected-state-label-text-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-warn {
  --mat-option-selected-state-label-text-color: var(--palette-warn-500-rgb);
}
.isDarkTheme {
  --mat-optgroup-label-text-color: white;
}

.isDarkTheme .mat-pseudo-checkbox-full {
  color: rgba(255, 255, 255, 0.7);
}
.isDarkTheme .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #686868;
}
.isDarkTheme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.isDarkTheme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.isDarkTheme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.isDarkTheme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #303030;
}
.isDarkTheme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.isDarkTheme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.isDarkTheme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.isDarkTheme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #303030;
}
.isDarkTheme .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.isDarkTheme .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.isDarkTheme .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.isDarkTheme .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #303030;
}
.isDarkTheme .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.isDarkTheme .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.isDarkTheme .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.isDarkTheme .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #303030;
}
.isDarkTheme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.isDarkTheme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #686868;
}
.isDarkTheme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.isDarkTheme .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #686868;
}
.isDarkTheme .mat-app-background, .isDarkTheme.mat-app-background {
  background-color: #303030;
  color: white;
}
.isDarkTheme .mat-elevation-z0, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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);
}
.isDarkTheme .mat-elevation-z1, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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);
}
.isDarkTheme .mat-elevation-z2, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-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);
}
.isDarkTheme .mat-elevation-z3, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z4, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-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);
}
.isDarkTheme .mat-elevation-z5, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z6, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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);
}
.isDarkTheme .mat-elevation-z7, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z8, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-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);
}
.isDarkTheme .mat-elevation-z9, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z10, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z11, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z12, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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);
}
.isDarkTheme .mat-elevation-z13, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z14, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z15, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z16, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-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);
}
.isDarkTheme .mat-elevation-z17, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z18, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z19, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z20, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z21, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z22, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z23, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 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);
}
.isDarkTheme .mat-elevation-z24, .isDarkTheme .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.isDarkTheme .mat-mdc-card {
  --mdc-elevated-card-container-color: #424242;
  --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);
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 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);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
}
.isDarkTheme .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--palette-primary-500-rgb);
  --mdc-linear-progress-track-color: var(--palette-primary-500-rgb);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.isDarkTheme .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: var(--palette-primary-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-primary-500-rgb));
}
@media (forced-colors: active) {
  .isDarkTheme .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .isDarkTheme .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--palette-primary-500-rgb)'/%3E%3C/svg%3E");
  }
}
.isDarkTheme .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: var(--palette-primary-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-primary-500-rgb));
}
.isDarkTheme .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--palette-accent-500-rgb);
  --mdc-linear-progress-track-color: var(--palette-accent-500-rgb);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.isDarkTheme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: var(--palette-accent-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-accent-500-rgb));
}
@media (forced-colors: active) {
  .isDarkTheme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .isDarkTheme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--palette-accent-500-rgb)'/%3E%3C/svg%3E");
  }
}
.isDarkTheme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: var(--palette-accent-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-accent-500-rgb));
}
.isDarkTheme .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-linear-progress-track-color: var(--palette-warn-500-rgb);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.isDarkTheme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: var(--palette-warn-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-warn-500-rgb));
}
@media (forced-colors: active) {
  .isDarkTheme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .isDarkTheme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--palette-warn-500-rgb)'/%3E%3C/svg%3E");
  }
}
.isDarkTheme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: var(--palette-warn-500-rgb);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--palette-warn-500-rgb));
}
.isDarkTheme .mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.isDarkTheme {
  --mdc-filled-text-field-caret-color: var(--palette-primary-500-rgb);
  --mdc-filled-text-field-focus-active-indicator-color: var(--palette-primary-500-rgb);
  --mdc-filled-text-field-focus-label-text-color: var(--palette-primary-500-rgb);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-label-text-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-caret-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-caret-color: var(--palette-primary-500-rgb);
  --mdc-outlined-text-field-focus-outline-color: var(--palette-primary-500-rgb);
  --mdc-outlined-text-field-focus-label-text-color: var(--palette-primary-500-rgb);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-label-text-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-hover-outline-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-error-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
}

.isDarkTheme .mat-mdc-form-field-error {
  color: var(--mdc-theme-error, var(--palette-warn-500-rgb));
}
.isDarkTheme .mat-mdc-form-field-subscript-wrapper,
.isDarkTheme .mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}
.isDarkTheme .mat-mdc-form-field-focus-overlay {
  background-color: rgba(255, 255, 255, 0.87);
}
.isDarkTheme .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.08;
}
.isDarkTheme .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.24;
}
.isDarkTheme select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option {
  color: rgba(0, 0, 0, 0.87);
}
.isDarkTheme select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.isDarkTheme .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(255, 255, 255, 0.54);
}
.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-primary-500-rgb), 0.87);
}
.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-accent-500-rgb), 0.87);
}
.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-warn-500-rgb), 0.87);
}
.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(255, 255, 255, 0.38);
}
.isDarkTheme .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--palette-accent-500-rgb);
  --mdc-filled-text-field-focus-active-indicator-color: var(--palette-accent-500-rgb);
  --mdc-filled-text-field-focus-label-text-color: var(--palette-accent-500-rgb);
  --mdc-outlined-text-field-caret-color: var(--palette-accent-500-rgb);
  --mdc-outlined-text-field-focus-outline-color: var(--palette-accent-500-rgb);
  --mdc-outlined-text-field-focus-label-text-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mdc-filled-text-field-focus-label-text-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-caret-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-focus-outline-color: var(--palette-warn-500-rgb);
  --mdc-outlined-text-field-focus-label-text-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}
.isDarkTheme [dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}
.isDarkTheme {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: var(--palette-primary-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: var(--palette-accent-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: var(--palette-warn-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}

.isDarkTheme {
  --mat-autocomplete-background-color: #424242;
}

.isDarkTheme .mat-mdc-dialog-container {
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.isDarkTheme .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-elevated-container-color: var(--palette-primary-500-rgb);
  --mdc-chip-elevated-disabled-container-color: var(--palette-primary-500-rgb);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-icon-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-icon-disabled-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-elevated-container-color: var(--palette-accent-500-rgb);
  --mdc-chip-elevated-disabled-container-color: var(--palette-accent-500-rgb);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-icon-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-icon-disabled-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-elevated-container-color: var(--palette-warn-500-rgb);
  --mdc-chip-elevated-disabled-container-color: var(--palette-warn-500-rgb);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-icon-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-icon-disabled-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-icon-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-handle-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-hover-state-layer-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-pressed-state-layer-color: var(--palette-primary-300-rgb);
  --mdc-switch-selected-focus-handle-color: var(--palette-primary-200-rgb);
  --mdc-switch-selected-hover-handle-color: var(--palette-primary-200-rgb);
  --mdc-switch-selected-pressed-handle-color: var(--palette-primary-200-rgb);
  --mdc-switch-selected-focus-track-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-hover-track-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-pressed-track-color: var(--palette-primary-600-rgb);
  --mdc-switch-selected-track-color: var(--palette-primary-600-rgb);
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --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-handle-shadow-color: black;
  --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);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
}
.isDarkTheme .mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}
.isDarkTheme .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-handle-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-hover-state-layer-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-pressed-state-layer-color: var(--palette-accent-300-rgb);
  --mdc-switch-selected-focus-handle-color: var(--palette-accent-200-rgb);
  --mdc-switch-selected-hover-handle-color: var(--palette-accent-200-rgb);
  --mdc-switch-selected-pressed-handle-color: var(--palette-accent-200-rgb);
  --mdc-switch-selected-focus-track-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-hover-track-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-pressed-track-color: var(--palette-accent-600-rgb);
  --mdc-switch-selected-track-color: var(--palette-accent-600-rgb);
}
.isDarkTheme .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-handle-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-hover-state-layer-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-pressed-state-layer-color: var(--palette-warn-300-rgb);
  --mdc-switch-selected-focus-handle-color: var(--palette-warn-200-rgb);
  --mdc-switch-selected-hover-handle-color: var(--palette-warn-200-rgb);
  --mdc-switch-selected-pressed-handle-color: var(--palette-warn-200-rgb);
  --mdc-switch-selected-focus-track-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-hover-track-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-pressed-track-color: var(--palette-warn-600-rgb);
  --mdc-switch-selected-track-color: var(--palette-warn-600-rgb);
}
.isDarkTheme .mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}
.isDarkTheme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-ripple-color: #fff;
  --mat-radio-checked-ripple-color: var(--palette-primary-500-rgb);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-ripple-color: #fff;
  --mat-radio-checked-ripple-color: var(--palette-accent-500-rgb);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-ripple-color: #fff;
  --mat-radio-checked-ripple-color: var(--palette-warn-500-rgb);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-slider {
  --mdc-slider-label-container-color: white;
  --mdc-slider-label-label-text-color: black;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-mdc-slider-value-indicator-opacity: 0.9;
}
.isDarkTheme .mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: var(--palette-primary-500-rgb);
  --mdc-slider-focus-handle-color: var(--palette-primary-500-rgb);
  --mdc-slider-hover-handle-color: var(--palette-primary-500-rgb);
  --mdc-slider-active-track-color: var(--palette-primary-500-rgb);
  --mdc-slider-inactive-track-color: var(--palette-primary-500-rgb);
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--palette-primary-500-rgb);
  --mat-mdc-slider-ripple-color: var(--palette-primary-500-rgb);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--palette-primary-500-rgb), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--palette-primary-500-rgb), 0.2);
}
.isDarkTheme .mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: var(--palette-accent-500-rgb);
  --mdc-slider-focus-handle-color: var(--palette-accent-500-rgb);
  --mdc-slider-hover-handle-color: var(--palette-accent-500-rgb);
  --mdc-slider-active-track-color: var(--palette-accent-500-rgb);
  --mdc-slider-inactive-track-color: var(--palette-accent-500-rgb);
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--palette-accent-500-rgb);
  --mat-mdc-slider-ripple-color: var(--palette-accent-500-rgb);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--palette-accent-500-rgb), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--palette-accent-500-rgb), 0.2);
}
.isDarkTheme .mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: var(--palette-warn-500-rgb);
  --mdc-slider-focus-handle-color: var(--palette-warn-500-rgb);
  --mdc-slider-hover-handle-color: var(--palette-warn-500-rgb);
  --mdc-slider-active-track-color: var(--palette-warn-500-rgb);
  --mdc-slider-inactive-track-color: var(--palette-warn-500-rgb);
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--palette-warn-500-rgb);
  --mat-mdc-slider-ripple-color: var(--palette-warn-500-rgb);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--palette-warn-500-rgb), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--palette-warn-500-rgb), 0.2);
}
.isDarkTheme {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
}

.isDarkTheme .mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
}
.isDarkTheme .mdc-list-item__start,
.isDarkTheme .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-accent .mdc-list-item__start,
.isDarkTheme .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-warn .mdc-list-item__start,
.isDarkTheme .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #fff;
  --mdc-radio-disabled-unselected-icon-color: #fff;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.isDarkTheme {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}

.isDarkTheme .mat-mdc-tab-group, .isDarkTheme .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: #fff;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-header-inactive-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-hover-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-focus-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-header-active-hover-indicator-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-accent, .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: #fff;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-header-inactive-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-hover-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-focus-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-header-active-hover-indicator-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-warn, .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: #fff;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-header-inactive-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-focus-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-header-active-hover-indicator-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-background-primary, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--palette-primary-500-rgb);
  --mat-tab-header-with-background-foreground-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-background-accent, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--palette-accent-500-rgb);
  --mat-tab-header-with-background-foreground-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-background-warn, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: var(--palette-warn-500-rgb);
  --mat-tab-header-with-background-foreground-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}

.isDarkTheme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}
.isDarkTheme .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-text-button-label-text-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--palette-primary-500-rgb);
  --mdc-filled-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--palette-accent-500-rgb);
  --mdc-filled-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: var(--palette-warn-500-rgb);
  --mdc-filled-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-filled-button-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-label-text-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--palette-primary-500-rgb);
  --mdc-protected-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--palette-accent-500-rgb);
  --mdc-protected-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: var(--palette-warn-500-rgb);
  --mdc-protected-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-protected-button-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-protected-button-container-elevation: 0;
}
.isDarkTheme .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.isDarkTheme .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #fff;
}
.isDarkTheme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
}
.isDarkTheme .mat-mdc-button, .isDarkTheme .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.isDarkTheme .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-button.mat-primary, .isDarkTheme .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: var(--palette-primary-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-primary-500-rgb), 0.1);
}
.isDarkTheme .mat-mdc-button.mat-accent, .isDarkTheme .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: var(--palette-accent-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-accent-500-rgb), 0.1);
}
.isDarkTheme .mat-mdc-button.mat-warn, .isDarkTheme .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: var(--palette-warn-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-warn-500-rgb), 0.1);
}
.isDarkTheme .mat-mdc-raised-button, .isDarkTheme .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.isDarkTheme .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-raised-button.mat-primary, .isDarkTheme .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-raised-button.mat-accent, .isDarkTheme .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-raised-button.mat-warn, .isDarkTheme .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.isDarkTheme .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.isDarkTheme .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.isDarkTheme .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.isDarkTheme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--palette-primary-500-rgb);
  --mat-mdc-button-persistent-ripple-color: var(--palette-primary-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-primary-500-rgb), 0.1);
}
.isDarkTheme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--palette-accent-500-rgb);
  --mat-mdc-button-persistent-ripple-color: var(--palette-accent-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-accent-500-rgb), 0.1);
}
.isDarkTheme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: var(--palette-warn-500-rgb);
  --mat-mdc-button-persistent-ripple-color: var(--palette-warn-500-rgb);
  --mat-mdc-button-ripple-color: rgba(var(--palette-warn-500-rgb), 0.1);
}
.isDarkTheme .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-fab,
.isDarkTheme .mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.isDarkTheme .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.isDarkTheme .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .isDarkTheme .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.isDarkTheme .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.isDarkTheme .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.isDarkTheme .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.isDarkTheme .mat-mdc-fab.mat-primary,
.isDarkTheme .mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-fab.mat-accent,
.isDarkTheme .mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-fab.mat-warn,
.isDarkTheme .mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.isDarkTheme .mat-mdc-fab[disabled][disabled],
.isDarkTheme .mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(255, 255, 255, 0.12);
  --mdc-fab-icon-color: rgba(255, 255, 255, 0.5);
  --mat-mdc-fab-color: rgba(255, 255, 255, 0.5);
}
.isDarkTheme .mat-mdc-fab.mat-unthemed,
.isDarkTheme .mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: #424242;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.isDarkTheme .mat-mdc-fab.mat-primary,
.isDarkTheme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: var(--palette-primary-500-rgb);
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.isDarkTheme .mat-mdc-fab.mat-accent,
.isDarkTheme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: var(--palette-accent-500-rgb);
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.isDarkTheme .mat-mdc-fab.mat-warn,
.isDarkTheme .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: var(--palette-warn-500-rgb);
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.isDarkTheme .mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
}
.isDarkTheme .mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: var(--palette-warn-500-rgb);
}
.isDarkTheme {
  --mat-badge-background-color: var(--palette-primary-500-rgb);
  --mat-badge-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}

.isDarkTheme .mat-badge-accent {
  --mat-badge-background-color: var(--palette-accent-500-rgb);
  --mat-badge-text-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-badge-warn {
  --mat-badge-background-color: var(--palette-warn-500-rgb);
  --mat-badge-text-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}

.isDarkTheme {
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
}

.isDarkTheme {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-primary-500-rgb), 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: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}

.isDarkTheme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-accent-500-rgb), 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: #46a35e;
}
.isDarkTheme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-warn-500-rgb), 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: #46a35e;
}
.isDarkTheme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500-rgb);
}
.isDarkTheme {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}

.isDarkTheme {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}

.isDarkTheme {
  --mat-icon-color: inherit;
}

.isDarkTheme .mat-icon.mat-primary {
  --mat-icon-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-icon.mat-accent {
  --mat-icon-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-icon.mat-warn {
  --mat-icon-color: var(--palette-warn-500-rgb);
}
.isDarkTheme {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}

.isDarkTheme {
  --mat-stepper-header-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.isDarkTheme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
}

.isDarkTheme .mat-sort-header-arrow {
  color: #c6c6c6;
}
.isDarkTheme {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}

.isDarkTheme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--palette-primary-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--palette-accent-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--palette-warn-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-tree {
  background: #424242;
}
.isDarkTheme .mat-tree-node,
.isDarkTheme .mat-nested-tree-node {
  color: white;
}

.mat-datepicker-content .mat-calendar-body-in-range::before {
  background: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-datepicker-content .mat-calendar-body-in-range::before {
  background: var(--palette-primary-500-rgb);
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-primary-500-rgb);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: var(--palette-accent-500-rgb);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-accent-500-rgb);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: var(--palette-warn-500-rgb);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-warn-500-rgb);
}

.mat-checkbox.mat-primary .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-primary .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: var(--palette-primary-contrast-500-rgb) !important;
}
.mat-checkbox.mat-primary .mat-checkbox-mixedmark,
.mat-checkbox.mat-primary .mat-checkbox-mixedmark {
  background-color: var(--palette-primary-contrast-500-rgb) !important;
}

.mat-checkbox.mat-accent .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-accent .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: var(--palette-accent-contrast-500-rgb) !important;
}
.mat-checkbox.mat-accent .mat-checkbox-mixedmark,
.mat-checkbox.mat-accent .mat-checkbox-mixedmark {
  background-color: var(--palette-accent-contrast-500-rgb) !important;
}

.mat-checkbox.mat-warn .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-warn .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: var(--palette-warn-contrast-500-rgb) !important;
}
.mat-checkbox.mat-warn .mat-checkbox-mixedmark,
.mat-checkbox.mat-warn .mat-checkbox-mixedmark {
  background-color: var(--palette-warn-contrast-500-rgb) !important;
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--palette-accent-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-accent-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-accent-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--palette-primary-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-primary-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-primary-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: var(--palette-warn-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-warn-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-warn-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: var(--palette-warn-500-rgb);
}

/*@include init-material-css-vars() {

}*/
.isDarkTheme .inputColor {
  background-color: #252525 !important;
}
.isDarkTheme .bordermenutab {
  background-color: #343434;
  border: 1px solid #252525;
}
.isDarkTheme .type {
  margin-left: 5px;
  width: 83px;
}
.isDarkTheme .inner-input {
  width: 139px;
}
.isDarkTheme .expansion-panel-header {
  background-color: #efefef;
  font-weight: bold;
}
.isDarkTheme .expansion-panel-header:hover {
  background-color: #efefef;
  font-weight: bold;
}
.isDarkTheme .expansion-panel-header:focus {
  background-color: #efefef;
  font-weight: bold;
}
.isDarkTheme .ui-editor-toolbar {
  background-color: #252525 !important;
}
.isDarkTheme .ui-editor-container .ui-editor-content .ql-editor {
  background-color: #343434 !important;
}
.isDarkTheme .ui-editor-container .ql-picker-label {
  color: #cacaca !important;
}
.isDarkTheme .ql-snow .ql-picker-options {
  background-color: #343434 !important;
}
.isDarkTheme .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke {
  stroke: var(--primary-color) !important;
}
.isDarkTheme .ql-snow.ql-toolbar button:hover .ql-fill {
  fill: var(--primary-color) !important;
}
.isDarkTheme .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover {
  color: var(--primary-color) !important;
}
.isDarkTheme .ui-editor-container .ql-stroke {
  stroke: #cacaca !important;
}
.isDarkTheme .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: var(--primary-color) !important;
}
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: var(--primary-color) !important;
}
.isDarkTheme .ql-snow.ql-toolbar button:hover,
.isDarkTheme .ql-snow .ql-toolbar button:hover,
.isDarkTheme .ql-snow.ql-toolbar button:focus,
.isDarkTheme .ql-snow .ql-toolbar button:focus,
.isDarkTheme .ql-snow.ql-toolbar button.ql-active,
.isDarkTheme .ql-snow .ql-toolbar button.ql-active,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label:hover,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label:hover,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item:hover,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item:hover,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: var(--primary-color) !important;
}
.isDarkTheme .ql-snow.ql-toolbar button:hover .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar button:hover .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar button:focus .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar button:focus .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.isDarkTheme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.isDarkTheme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.isDarkTheme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: var(--primary-color) !important;
}
.isDarkTheme .ql-snow.ql-toolbar button:hover .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar button:hover .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar button:focus .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar button:focus .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.isDarkTheme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.isDarkTheme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.isDarkTheme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.isDarkTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.isDarkTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: var(--primary-color) !important;
}
.isDarkTheme .ui-editor-container .ui-editor-content .ql-editor {
  color: #cacaca !important;
}
.isDarkTheme h3 {
  margin: 0 0 10px;
}
.isDarkTheme pre {
  background-color: #f5f5f5;
  padding: 15px;
}
.isDarkTheme .cal-month-view .cal-cell-row {
  background-color: #eaeaea !important;
}
.isDarkTheme .cal-month-view .cal-open-day-events {
  background-color: #eaeaea !important;
  color: #3d3d3d !important;
}
.isDarkTheme .cal-month-view .cal-day-cell.cal-today {
  background-color: var(--primary-color);
}
.isDarkTheme .cal-month-view .cal-cell-row .cal-cell:hover, .isDarkTheme .cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #cacaca !important;
}
.isDarkTheme .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: var(--primary-color);
}
.isDarkTheme .datetimepicker {
  width: 100%;
}
.isDarkTheme .owl-dt-container {
  background-color: #252525 !important;
}
.isDarkTheme .owl-dt-calendar-control {
  color: #a6a6a6 !important;
}
.isDarkTheme .owl-dt-calendar-table .owl-dt-calendar-header {
  color: #ababab !important;
  opacity: 0.2;
}
.isDarkTheme .owl-dt-calendar-table .owl-dt-calendar-cell {
  color: #a6a6a6 !important;
}
.isDarkTheme .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  background-color: var(--primary-color);
}
.isDarkTheme .owl-dt-control-arrow-button .owl-dt-control-button-content {
  color: #a6a6a6 !important;
}
.isDarkTheme .owl-dt-timer-content .owl-dt-timer-input {
  background-color: #252525 !important;
  color: #a6a6a6 !important;
  border-color: #a6a6a6 !important;
}
.isDarkTheme .owl-dt-timer-divider {
  color: #a6a6a6 !important;
}
.isDarkTheme .owl-dt-container-buttons {
  color: var(--primary-color);
}
.isDarkTheme h3 {
  margin: 0 0 10px;
}
.isDarkTheme pre {
  background-color: #f5f5f5;
  padding: 15px;
}
.isDarkTheme .cal-month-view .cal-cell-row {
  background-color: #eaeaea !important;
}
.isDarkTheme .cal-month-view .cal-open-day-events {
  background-color: #eaeaea !important;
  color: #3d3d3d !important;
}
.isDarkTheme .cal-month-view .cal-day-cell.cal-today {
  background-color: var(--primary-color);
}
.isDarkTheme .cal-month-view .cal-cell-row .cal-cell:hover, .isDarkTheme .cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #cacaca !important;
}
.isDarkTheme .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: var(--primary-color);
}

.isLightTheme .inputColor {
  background-color: #ababab !important;
}
.isLightTheme .bordermenutab {
  background-color: #d2d2d2;
  border: 1px solid #ababab;
}
.isLightTheme .type {
  margin-left: 5px;
  width: 83px;
}
.isLightTheme .inner-input {
  width: 139px;
}
.isLightTheme .expansion-panel-header {
  background-color: #efefef;
  font-weight: bold;
}
.isLightTheme .expansion-panel-header:hover {
  background-color: #efefef;
  font-weight: bold;
}
.isLightTheme .expansion-panel-header:focus {
  background-color: #efefef;
  font-weight: bold;
}
.isLightTheme .ui-editor-toolbar {
  background-color: #ababab !important;
}
.isLightTheme .ui-editor-container .ui-editor-content .ql-editor {
  background-color: #d2d2d2 !important;
}
.isLightTheme .ui-editor-container .ql-picker-label {
  color: #343434 !important;
}
.isLightTheme .ql-snow .ql-picker-options {
  background-color: #d2d2d2 !important;
}
.isLightTheme .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke {
  stroke: var(--primary-color) !important;
}
.isLightTheme .ql-snow.ql-toolbar button:hover .ql-fill {
  fill: var(--primary-color) !important;
}
.isLightTheme .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover {
  color: var(--primary-color) !important;
}
.isLightTheme .ui-editor-container .ql-stroke {
  stroke: #343434 !important;
}
.isLightTheme .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: var(--primary-color) !important;
}
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke {
  stroke: var(--primary-color) !important;
}
.isLightTheme .ql-snow.ql-toolbar button:hover,
.isLightTheme .ql-snow .ql-toolbar button:hover,
.isLightTheme .ql-snow.ql-toolbar button:focus,
.isLightTheme .ql-snow .ql-toolbar button:focus,
.isLightTheme .ql-snow.ql-toolbar button.ql-active,
.isLightTheme .ql-snow .ql-toolbar button.ql-active,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label:hover,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label:hover,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item:hover,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item:hover,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: var(--primary-color) !important;
}
.isLightTheme .ql-snow.ql-toolbar button:hover .ql-fill,
.isLightTheme .ql-snow .ql-toolbar button:hover .ql-fill,
.isLightTheme .ql-snow.ql-toolbar button:focus .ql-fill,
.isLightTheme .ql-snow .ql-toolbar button:focus .ql-fill,
.isLightTheme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.isLightTheme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.isLightTheme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.isLightTheme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.isLightTheme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: var(--primary-color) !important;
}
.isLightTheme .ql-snow.ql-toolbar button:hover .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar button:hover .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar button:focus .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar button:focus .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.isLightTheme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.isLightTheme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.isLightTheme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.isLightTheme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.isLightTheme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: var(--primary-color) !important;
}
.isLightTheme .ui-editor-container .ui-editor-content .ql-editor {
  color: #343434 !important;
}
.isLightTheme h3 {
  margin: 0 0 10px;
}
.isLightTheme pre {
  background-color: #f5f5f5;
  padding: 15px;
}
.isLightTheme .cal-month-view .cal-cell-row {
  background-color: #252525 !important;
}
.isLightTheme .cal-month-view .cal-open-day-events {
  background-color: #252525 !important;
  color: #a6a6a6 !important;
}
.isLightTheme .cal-month-view .cal-day-cell.cal-today {
  background-color: var(--primary-color);
}
.isLightTheme .cal-month-view .cal-cell-row .cal-cell:hover, .isLightTheme .cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #343434 !important;
}
.isLightTheme .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: var(--primary-color);
}
.isLightTheme .datetimepicker {
  width: 100%;
}
.isLightTheme .owl-dt-container {
  background-color: #eaeaea !important;
}
.isLightTheme .owl-dt-calendar-control {
  color: #3d3d3d !important;
}
.isLightTheme .owl-dt-calendar-table .owl-dt-calendar-header {
  color: #252525 !important;
  opacity: 0.2;
}
.isLightTheme .owl-dt-calendar-table .owl-dt-calendar-cell {
  color: #3d3d3d !important;
}
.isLightTheme .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  background-color: var(--primary-color);
}
.isLightTheme .owl-dt-control-arrow-button .owl-dt-control-button-content {
  color: #3d3d3d !important;
}
.isLightTheme .owl-dt-timer-content .owl-dt-timer-input {
  background-color: #eaeaea !important;
  color: #3d3d3d !important;
  border-color: #3d3d3d !important;
}
.isLightTheme .owl-dt-timer-divider {
  color: #3d3d3d !important;
}
.isLightTheme .owl-dt-container-buttons {
  color: var(--primary-color);
}
.isLightTheme h3 {
  margin: 0 0 10px;
}
.isLightTheme pre {
  background-color: #f5f5f5;
  padding: 15px;
}
.isLightTheme .cal-month-view .cal-cell-row {
  background-color: #252525 !important;
}
.isLightTheme .cal-month-view .cal-open-day-events {
  background-color: #252525 !important;
  color: #a6a6a6 !important;
}
.isLightTheme .cal-month-view .cal-day-cell.cal-today {
  background-color: var(--primary-color);
}
.isLightTheme .cal-month-view .cal-cell-row .cal-cell:hover, .isLightTheme .cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #343434 !important;
}
.isLightTheme .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: var(--primary-color);
}

.scriptDebugBreakpoint {
  background-color: red;
  border-radius: 50% 50%;
}

.scriptDebugArrow {
  width: 18px;
  height: 18px;
  position: relative;
  display: inline-block;
}
.scriptDebugArrow:before, .scriptDebugArrow:after {
  content: "";
  border-color: transparent;
  border-style: solid;
  position: absolute;
}
.scriptDebugArrow .curve {
  position: absolute;
  overflow: hidden;
}
.scriptDebugArrow .curve:before {
  content: "";
  position: absolute;
}
.scriptDebugArrow:before {
  border: none;
  background-color: var(--primary-color);
  height: 30%;
  width: 50%;
  top: 35%;
  left: 0;
}
.scriptDebugArrow:after {
  left: 50%;
  top: 0;
  border-width: 9px;
  border-left-color: var(--primary-color);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/video.js/dist/video-js.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

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

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

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

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

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

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

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

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

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

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

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

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

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

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

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

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

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

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

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
    --appbuilder-primary-color: #5F4DC0;
    --appbuilder-accent-color: #9e9e9e;
    --appbuilder-actions-color: white;
    --appbuilder-hover-color: white;
    --appbuilder-background: rgba(var(--palette-background-background),1);
    --appbuilder-hover-background: rgba(0, 0, 0, 0.2);
    --appbuilder-actions-background: #5F4DC0;
    --appbuilder-toolbox-background: #e0e7ff;
    --appbuilder-toolbox-color: #6349C0;
    --appbuilder-border-color: #b5b2d4;
    --appbuilder-hover-border-color: #b5b2d4;
    --appbuilder-focus-border-color: #b5b2d4;
    --appbuilder-shadow-color: white;
    --appbuilder-border-thickness: 2px;
    --appbuilder-border-radius: 3px;
    --appbuilder-border-radius-top-left: 6px;
    --appbuilder-border-radius-top-right: 6px;
    --appbuilder-border-radius-bottom-left: 6px;
    --appbuilder-border-radius-bottom-right: 6px;
    --appbuilder-combo-group: #d1d5db;
    --workflow-color: white;
    --workflow-background: #ededed;
    --workflow-selection-color: #5F4DC0;
    --workflow-condition-background: blue;
    --workflow-condition-color: black;
    --workflow-remove-background: #5F4DC0;
    --workflow-remove-color: white;
    --workflow-obsolete-background: red;
    --workflow-obsolete-color: white;
    --workflow-action-background: #5F4DC0;
    --workflow-action-color: black;
    --workflow-module-background: white;
    --workflow-module-color: black;
    --workflow-start: green;
    --workflow-start-color: white;
    --workflow-end: red;
    --workflow-end-color: white;
    --workflow-connector-stroke-color: #5F4DC0;
    --workflow-connector-stroke-hover: #F59E0B;
    --workflow-connector-label-background: grey;
    --workflow-connector-label-text: white;
    --workflow-group-none-background: white;
    --workflow-group-none-color: black;
    --workflow-group-wfStatus-background: #5B21B6;
    --workflow-group-wfStatus-color: white;
    --workflow-group-wfOffline-background: #9D174D;
    --workflow-group-wfOffline-color: white;
    --workflow-group-variables-background: #065F46;
    --workflow-group-variables-color: white;
    --workflow-group-events-background: #1E40AF;
    --workflow-group-events-color: white;
    --workflow-group-navigation-background: #3730A3;
    --workflow-group-navigation-color: white;
    --workflow-group-listoperations-background: #7C3AED;
    --workflow-group-listoperations-color: white;
    --workflow-group-dataoperations-background: #10B981;
    --workflow-group-dataoperations-color: white;
    --workflow-group-containeroperations-background: #2ACC45;
    --workflow-group-containeroperations-color: white;
    --workflow-group-datachecks-background: #F59E0B;
    --workflow-group-datachecks-color: white;
    --workflow-group-generateData-background: #3B82F6;
    --workflow-group-generateData-color: white;
    --workflow-group-wfActions-background: #DC0000;
    --workflow-group-wfActions-color: white;
    --workflow-group-layout-background: #C83C77;
    --workflow-group-layout-color: white;
    --workflow-group-templates-background: #8A9ABB;
    --workflow-group-templates-color: white;
    --workflow-group-profileGroup-background: #155E75;
    --workflow-group-profileGroup-color: white;
    --workflow-group-reldataoperations-background: black;
    --workflow-group-reldataoperations-color: white;
    --workflow-group-objectoperations-background: #5B21B6;
    --workflow-group-objectoperations-color: white;
    --workflow-group-fileoperations-background: #9D174D;
    --workflow-group-fileoperations-color: white;
    --workflow-group-kpioperations-background: #065F46;
    --workflow-group-kpioperations-color: white;
    --workflow-group-documentoperations-background: #1E40AF;
    --workflow-group-documentoperations-color: white;
    --workflow-group-aioperations-background: pink;
    --workflow-group-aioperations-color: white;
    --workflow-group-report-background: fuchsia;
    --workflow-group-report-color: white;
    --workflow-font-family: Roboto-Regular;
    --workflow-breakpoint-background: #5F4DC0;
    --workflow-breakpoint-color: white;
    --workflow-breakpoint-selected-background: #5F4DC0;
    --workflow-breakpoint-selected-color: red;
    --mdc-checkbox-selected-checkmark-color: white;
    --integration-hover-background: #87ab0b;
    --integration-background: #38EF7D;
    --integration-text-color: #0F3443;
    --integration-border-color: #D1D5DB;
    --integration-light-text-color: #707070;
}

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    background-color: var(--background-color);
    cursor: default;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-wrapping {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-row-reverse-wrapping {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-column-wrapping {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.flex-column-reverse-wrapping {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}

.evi-repeat .flex-row .scrollable-content {
    display: flex;
    flex-direction: row;
}

.evi-repeat .flex-row-wrapping .scrollable-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.evi-repeat .flex-row-reverse .scrollable-content {
    display: flex;
    flex-direction: row-reverse;
}

.evi-repeat .flex-row-reverse-wrapping .scrollable-content {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.evi-repeat .flex-column .scrollable-content {
    display: flex;
    flex-direction: column;
}

.evi-repeat .flex-column-wrapping .scrollable-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.evi-repeat .flex-column-reverse .scrollable-content {
    display: flex;
    flex-direction: column-reverse;
}

.evi-repeat .flex-column-reverse-wrapping .scrollable-content {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}



.full {
    height: 100%;
    width: 100%;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.half-width {
    width: 50%;
}

.fill-available {
    flex: 1 1 auto;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

.fill {
    flex: 1 1 auto;
}

.fill-horizontal {
    flex: 1 1 auto;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
}

.fill-vertical {
    flex: 1 1 auto;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

.flex-100 {
    flex: 1 1 100%;
}

.flex-50 {
    flex: 1 1 50%;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-width {
    width: auto;
}

.fullAbsPos {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.content {
    border: 1px solid #D5D5D5;
    padding: 15px;
    border-radius: 3px;
}

.scroll {
    overflow: auto;
}

.noscroll {
    overflow: hidden;
}

.noShrink {
    flex-shrink: 0;
}

gridster-item {
    overflow: initial !important;
}

    gridster-item layout-item {
        display: block;
        overflow: hidden;
    }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.padding {
    padding: 10px;
}

.border {
    border: 1px solid black;
}

h3 {
    margin: 0;
    align-self: center;
}

.selected {
    border: 2px solid #c6e067;
}

.noPointerEvents {
    pointer-events: none;
}

.pointerEvents {
    pointer-events: all;
}

.exitPointLabel {
    background: darkgray;
    color: white;
    padding: 4px;
}

.margin-l {
    margin-left: 2%;
}

.margin-r {
    margin-right: 2%;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mt5 {
    margin-top: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr24 {
    margin-right: 24px;
}

.ml24 {
    margin-left: 24px;
}

.w30p {
    width: 30%;
}

.pad-top {
    padding-top: 10px;
}

.pad-right {
    padding-right: 16px !important;
}

.pad-bottom {
    padding-bottom: 10px;
}

.min-width {
    min-width: 250px;
}

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

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

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

.just-start {
    justify-content: flex-start;
}

.just-center {
    justify-content: center;
}

.just-end {
    justify-content: flex-end;
}

.just-between {
    justify-content: space-between;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.ui-state-highlight {
    background-color: var(--primary-color) !important;
    color: #FFFFFF;
}

.ui-listbox {
    height: 100% !important;
    width: 100% !important;
}

.ui-listbox-list-wrapper {
    height: 100% !important;
    width: 100% !important;
}

.overlayLayout .mat-form-field-underline {
    width: 100%;
}

.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
    background-color: gray !important;
    color: white !important;
}

.dt-buttons {
    position: relative;
    float: left;
    display: none;
}

.mat-menu-content:not(:empty) {
    padding: 8px;
}

.ui-treenode-content:focus {
    outline: 0 !important;
    border: 0 !important;
    box-shadow: 0 !important;
}

.ui-treenode-label {
    width: calc(100% - 22.5px) !important;
}

.ui-tree {
    border: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.displayGrid {
    display: grid;
}

.li-col {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.mat-paginator-container {
    flex-wrap: unset !important;
}

.text-bold {
    font-weight: bold;
}

.noOverflowTable th, .noOverflowTable td {
    overflow: hidden;
}

evi-navigationtree-item .mat-list-item {
    min-height: 48px;
    height: auto !important;
    display: flex !important;
    flex-direction: column;
}

evi-navigationtree-item .mat-list-item-content {
    flex: 1 1 auto;
    padding: 0 !important;
}

evi-navigationtree-item .mat-expansion-panel-body {
    padding: 0 0 0 16px !important;
}


.mat-button-toggle {
    border: none;
    background-color: transparent;
    font-weight: inherit !important;
    font-family: inherit !important;
    font-style: inherit !important;
    text-align: inherit !important;
    color: inherit;
}

.mat-button-toggle-button {
    background-color: transparent;
    font-weight: inherit !important;
    font-family: inherit !important;
    font-style: inherit !important;
    text-align: inherit !important;
}

.mat-button-toggle-checked {
    background-color: var(--primary-color) !important;
}

.mat-form-field {
    font: inherit;
}

.toggle .mat-button-toggle-label-content {
    text-decoration: inherit;
}

.mat-mdc-checkbox {
    font: inherit;
}

    .mat-paginator {
        font: inherit;
    }

.mat-select {
    font: inherit;
}

.mat-select-trigger {
    font: inherit;
}

.mat-tab-group {
    font: inherit;
}

.mat-tab-label {
    font: inherit;
}

.overlayLayout .mat-tab-labels {
    justify-content: space-around;
}

.mat-expansion-panel-header {
    font: inherit;
}

.mat-list-item {
    font: inherit;
}

.mat-expansion-panel-content {
    font: inherit;
}

body .ui-widget {
    font: inherit;
}

.mat-slide-toggle-content {
    font: inherit;
}

.mat-tree {
    font: inherit;
}

.mat-radio-button {
    font: inherit;
}

.mat-radio-label-content {
    color: inherit !important;
}

.tui-image-editor-download-btn {
    display: none !important;
}

.tui-image-editor-header {
    display: none !important;
}

.tui-image-editor-main {
    top: 0 !important;
}

.tui-image-editor {
    top: 0px !important;
}

.defaultbg {
    background-color: rgb(94, 94, 94) !important;
    color: white;
}

.fileexplorer-dialog-container .mat-mdc-dialog-container {
    padding: 0;
    margin: 0;
    background-color: rgb(94, 94, 94);
    color: white;
    max-height: 100%;
    height: 100vh;
    width: 80vw;
}

.ui-tree {
    background-color: inherit !important;
    color: inherit !important;
    height: 100%;
}

gridster-item {
    background-color: inherit !important;
}

.divPadding {
    padding: 5px !important;
}

.paddingtb {
    padding: 5px 0 !important;
}

.select .mat-select-value {
    max-width: 100%;
    font-size: 12px;
}

.select .mat-select-trigger {
    vertical-align: -webkit-baseline-middle;
}

.paddingMatTab {
    padding: 5px !important;
}

.spanPaddingBottom {
    padding-bottom: 5px;
}

.textSpan {
    display: inline;
    line-height: normal !important;
}

.bordermenutab {
    padding: 10px;
}

.minWidth {
    min-width: 100%;
}

.relPos {
    position: relative;
}

.absPos {
    position: absolute;
    margin: auto;
    right: 20px;
}

.clear .mat-icon {
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 14px !important;
}

.q-row {
    background-color: inherit !important;
    display: flex;
    align-items: center;
}

.q-right-align {
    order: 1;
}

/*container.settings.html*/
.contset .sideNavTree .ui-tree {
    height: 100%;
}
/*permission.page.html*/
.permpg .sideNavTree .ui-tree {
    height: 100%;
}
/*sidenav.settings.html*/
.sidenav .sideNavTree .ui-tree {
    height: 100%;
}
/*workflow.control.html*/
.workfl .treeDiv .ui-tree {
    height: 100%;
}
/*appframework.component.html*/
.appfrcomp .mat-tab-body-wrapper {
    height: 100% !important;
}

.appfrcomp .mat-tab-label {
    padding: 0 5px !important;
    min-width: 0 !important;
}
/*combobox.control.html*/
.comboBox .mat-select-trigger {
    width: 100%;
    height: 100%;
}
/*datetimepicker.control.html*/
.datetimepicker .ui-calendar {
    width: 100%;
    height: 100%;
    position: absolute;
}

    .datetimepicker .ui-calendar.ui-calendar-w-btn .ui-inputtext {
        height: 100%;
        width: 75%;
    }

/*colorpicker.control.html*/
.colpick .mcc-color-picker-selector-preview {
    display: none;
}
/*gradientpicker.control.html*/
.gp .gradientStopControl p-slider .ui-slider {
    height: 0px;
}

.gp .gradientStopControl p-slider .ui-slider-handle {
    background: inherit;
    clip-path: polygon(50% 0%, 100% 40%, 100% 100%, 0% 100%, 0% 40%);
}

.gp .gradientStopControl p-slider.selectedStop .ui-slider-handle {
    background: rgb(250, 237, 2);
}

.gp .mcc-color-picker-selector-preview {
    display: none;
}
/*tree.control.html*/
.tree .ui-tree .ui-treenode-label {
    width: 93%;
    border-radius: unset;
}

.multilinetooltip {
    white-space: pre-line;
}

.mat-select-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    margin: 0 4px;
}

/*.default-theme .thumb .mat-accent .mat-slider-thumb-label-text {
    color: black !important;
}

.default-theme .mat-input-element {
    caret-color: black;
}*/

.DeleteButton {
    align-self: center;
    cursor: pointer
}

    .DeleteButton:hover {
        color: red;
    }

.accordionDialog {
    max-height: 65vh;
}

.dialogFullScreen .accordionDialog {
    max-height: 85vh;
}

.accordionDialog .accordion,
.accordionDialog .accordion .mat-expansion-panel .mat-expansion-panel-content {
    overflow: hidden;
}

    .accordionDialog .accordion,
    .accordionDialog .accordion .mat-expansion-panel,
    .accordionDialog .accordion .mat-expansion-panel .mat-expansion-panel-body {
        display: flex;
        flex-direction: column;
    }

        .accordionDialog .accordion .mat-expansion-panel:not(.mat-expanded),
        .accordionDialog .accordion .mat-expansion-panel .mat-expansion-panel-header {
            flex-shrink: 0;
        }

        .accordionDialog .accordion .mat-expansion-panel .mat-expansion-panel-body {
            overflow: auto;
        }


.mat-tab-label-active {
    background-color: lightgray !important;
}

.dropDownTree {
    overflow: auto;
}

    .dropDownTree .baseTreeOuterDIV {
        overflow: initial;
    }

.settingsList {
    width: 18em;
    margin-right: 10px;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    overflow: hidden;
}

.settingslistbox {
    padding: 0;
    overflow: auto;
}

.settingslistbox-item-content {
    padding-left: 5px;
    color: var(--foreground-text-color) !important;
}

.settingslistbox-item {
    cursor: pointer;
    width: 100%;
    height: 50px;
    text-align: left !important;
    border-radius: 0 !important;
}

    .settingslistbox-item:hover {
        background-color: var(--primary-color);
    }

        .settingslistbox-item:hover .settingslistbox-item-content {
            color: var(--foreground-text-hover-color) !important;
        }

.settingslistbox-item-selected {
    background-color: var(--primary-color) !important;
}

    .settingslistbox-item-selected .settingslistbox-item-content {
        color: var(--foreground-text-hover-color) !important;
    }

    .settingslistbox-item-selected:hover {
        background-color: var(--primary-color) !important;
    }

.settingslistbox-item-capsule .settingslistbox-item-content {
    font-style: italic !important;
}

.settingslistbox-item-overridden .settingslistbox-item-content {
    font-weight: bold !important;
}

.borderObject {
    border: 1px solid lightgray;
    border-radius: 3px;
    margin-bottom: 2px;
    padding: 2px;
}

.appswitchmenu .mat-menu-content {
    padding: 0;
    margin: 0;
}

    .appswitchmenu .mat-menu-content:not(:empty) {
        padding: 0;
        margin: 0;
    }

.MessageCenterDialog {
    margin: 0;
    padding: 0;
}

    .MessageCenterDialog .mat-mdc-dialog-container {
        margin: 0;
        padding: 0;
    }

.workflowDialogContent:not(.dialogFullScreen) .dialogScrollContent {
    max-height: 65vh;
}

.evi-carousel {
    height: 100%;
    width: 100%;
}

    .evi-carousel .slick-list {
        height: 100%
    }

    .evi-carousel .slick-track {
        height: 100%
    }

    .evi-carousel .slick-dots {
        bottom: 0;
    }

/*.slick-prev:before, .slick-next:before {
    color: black;
}
*/
.slider-for .slick-next {
    right: 20px;
}

.slider-for .slick-prev {
    left: 20px;
}

[dir=rtl] .slider-for .slick-next {
    left: 20px;
    right: auto;
}

[dir=rtl] .slider-for .slick-prev {
    left: auto;
    right: 20px;
}

.slider-for .slick-prev:before, .slider-for .slick-next:before {
    color: black;
}

.slider-nav .slick-next {
    right: 20px;
}

.slider-nav .slick-prev {
    left: 20px;
}

    .slider-nav .slick-prev:before, .slider-nav .slick-next:before {
        color: black;
    }


.custom-dots {
    padding-left: 0;
    position: absolute;
    left: 10px;
    bottom: 0;
}

    .custom-dots li {
        margin: 0 0 0 .5em;
        display: inline-block;
        list-style: none;
    }

        .custom-dots li:first-child {
            margin-left: 0;
        }

    .custom-dots .dot {
        display: block;
        width: 10px;
        height: 10px;
        text-decoration: none;
        background-color: LightGray;
        border: 0px solid DimGray;
        border-radius: 50%;
        cursor: pointer;
    }

    .custom-dots .slick-active .dot {
        background-color: Lime;
    }

        .custom-dots .dot:hover,
        .custom-dots .slick-active .dot:hover {
            background-color: Blue;
        }

.mat-mdc-dialog-container {
    resize: both;
    max-height: 100vh !important;
    max-width: 100vw !important;
}

.baseDialog .mat-mdc-dialog-container {
    display: flex;
    overflow: hidden;
}

    .baseDialog .mat-mdc-dialog-container > * {
        width: 100%;
    }

    .textarea .mat-form-field-wrapper {
        height: 100%;
    }

.textarea .mat-form-field-flex {
    height: 100%;
}

.textarea .mat-form-field-infix {
    height: 100%;
}

.textarea textarea.mat-input-element {
    resize: none;
}

.themeMenu .mat-menu-content {
    padding: 0 !important;
}

.isDarkTheme .mat-drawer-container {
    color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha, 1));
}

.isDarkTheme .mat-expansion-panel {
    color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha, 1));
}

.AcitveFontStyle, .cdk-overlay-container, .p-tooltip {
    font-size: var(--base-font-size);
    font-weight: var(--base-font-weight);
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    -webkit-text-decoration: var(--base-text-decoration);
            text-decoration: var(--base-text-decoration);
}

.ql-snow .ql-picker.ql-font {
    min-width: 108px;
    width: auto;
}

.mat-select-value {
    color: currentColor;
}

.menuSelectionList {
    max-height: 250px;
}

.listbox-item-content {
    padding-left: 5px;
}

.listbox-item, .mdc-button.listbox-item {
    cursor: pointer;
    width: 100%;
    height: 50px;
    text-align: left;
    border-radius: 0;
    color: var(--foreground-text-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .listbox-item:hover {
        background-color: var(--primary-color);
        color: var(--foreground-text-hover-color);
    }

    .listbox-item.listbox-item-selected {
        background-color: var(--primary-color);
        color: var(--foreground-text-hover-color);
    }

.listbox-item-selected:hover {
    background-color: var(--primary-color);
}

.app-builder .p-inputswitch {
    width: 38px;
    height: 20px;
}

    .app-builder .p-inputswitch .p-inputswitch-slider {
        background: #9e9e9e;
        border: 1px solid var(--border-color);
        transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
        border-radius: 30px;
    }

.app-builder .p-inputswitch-checked .p-inputswitch-slider {
    background: var(--appbuilder-primary-color);
}

.app-builder .p-inputswitch-slider:before {
    background-color: var(--appbuilder-hover-color);
}

.app-builder .p-inputswitch-checked .p-inputswitch-slider:before {
    background-color: var(--appbuilder-hover-color);
}

.app-builder .p-inputswitch .p-inputswitch-slider:before {
    /* background: var(--primary-color); */
    width: 14px;
    height: 14px;
    left: 3px;
    margin-top: -7px;
    border-radius: 50%;
    transition-duration: 0.2s;
}

.app-builder .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(16px);
}

.p-inputswitch-slider:before {
    background-color: var(--primary-color);
}

.p-inputswitch-checked .p-inputswitch-slider:before {
    background-color: var(--primary-color);
}

.app-builder .listbox-item:hover {
    background-color: var(--appbuilder-primary-color);
    color: var(--appbuilder-hover-color);
}

.app-builder .listbox-item-selected:hover {
    background-color: var(--appbuilder-primary-color);
    color: var(--appbuilder-hover-color);
}

.app-builder .listbox-item.listbox-item-selected {
    background-color: var(--appbuilder-primary-color);
    color: var(--appbuilder-hover-color);
}

app-builder, .mat-button-toggle-checked {
    background-color: var(--appbuilder-primary-color) !important;
    color: var(--appbuilder-hover-color) !important;
}

.app-builder .toolbox .mat-expansion-panel-header-title {
    color: var(--appbuilder-toolbox-color);
}

.app-builder .toolbox .mat-expansion-panel-header {
    color: var(--appbuilder-toolbox-color);
    background: var(--appbuilder-toolbox-background);
}

    .app-builder .toolbox .mat-expansion-panel-header:hover {
        color: var(--appbuilder-toolbox-color);
        background: var(--appbuilder-toolbox-background);
    }

    .app-builder .toolbox .mat-expansion-panel-header:focus {
        color: var(--appbuilder-toolbox-color);
        background: var(--appbuilder-toolbox-background);
    }

.app-builder .toolbox.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover {
    color: var(--appbuilder-toolbox-color);
    background: var(--appbuilder-toolbox-background);
}

.app-builder .toolbox .mat-expansion-panel-header-description.mat-expansion-indicator::after {
    color: var(--appbuilder-toolbox-color);
}

.app-builder .toolbox .mat-expansion-panel-body {
    padding: 0 10px 10px;
}


.app-builder .p-dropdown-label.p-inputtext {
    border: none;
    padding: 10px;
    border-radius: var(--appbuilder-border-radius);
    background: none;
    height: auto;
}

.app-builder .p-dropdown {
    border: var(--appbuilder-border-thickness) solid var(--appbuilder-border-color);
}

    .app-builder .p-dropdown:hover {
        border-color: var(--appbuilder-hover-border-color);
    }

    .app-builder .p-dropdown:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem var(--appbuilder-shadow-color);
        border-color: var(--appbuilder-focus-border-color);
    }

.app-builder .p-inputtext {
    background: var(--appbuilder-background);
    padding: 6.5px;
    border: var(--appbuilder-border-thickness) solid var(--appbuilder-border-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    border-top-left-radius: var(--appbuilder-border-radius-top-left);
    border-top-right-radius: var(--appbuilder-border-radius-top-right);
    border-bottom-left-radius: var(--appbuilder-border-radius-bottom-left);
    border-bottom-right-radius: var(--appbuilder-border-radius-bottom-right);
}

    .app-builder .p-inputtext:enabled:hover {
        border-color: var(--appbuilder-hover-border-color);
    }

    .app-builder .p-inputtext:enabled:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0 var(--appbuilder-shadow-color);
        border-color: var(--appbuilder-focus-border-color);
    }

.app-builder .mdc-button {
    line-height: inherit;
}

.app-builder .p-selectbutton .p-button {
    background: var(--surface-a);
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    padding: 5px;
}

    .app-builder .p-selectbutton .p-button .p-button-icon-left,
    .app-builder .p-selectbutton .p-button .p-button-icon-right {
        color: #6c757d;
    }

    .app-builder .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
        background: #e9ecef;
        border-color: #ced4da;
        color: #495057;
    }

        .app-builder .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
        .app-builder .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
            color: #6c757d;
        }

    .app-builder .p-selectbutton .p-button.p-highlight {
        background: var(--appbuilder-primary-color);
        border-color: var(--appbuilder-hover-border-color);
        color: var(--appbuilder-hover-color);
    }

        .app-builder .p-selectbutton .p-button.p-highlight .p-button-icon-left,
        .app-builder .p-selectbutton .p-button.p-highlight .p-button-icon-right {
            color: var(--surface-a);
        }

        .app-builder .p-selectbutton .p-button.p-highlight:hover {
            background: var(--appbuilder-primary-color);
            border-color: var(--appbuilder-hover-border-color);
            color: var(--appbuilder-hover-color);
        }

            .app-builder .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
            .app-builder .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
                color: var(--appbuilder-hover-color);
            }

.app-builder .p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
    border-color: var(--appbuilder-focus-border-color);
}

.app-builder .p-accordion p-accordiontab .p-accordion-content {
    padding: 8px;
}

.app-builder input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    width: 15px;
    border-left: 1px solid #BBB;
    opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: hidden
}

[dir=rtl] .app-builder input[type="number"]::-webkit-outer-spin-button,
[dir=rtl] input[type="number"]::-webkit-inner-spin-button {
    left: 0px;
    right: initial;
}

[dir=rtl] .settingsUserMenu {
    left: 0px;
    right: initial !important;
}

.preview-editor-glyph {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.preview-editor-content {
    background: lightblue;
}

.preview-editor-margin {
    background: lightblue;
    color: black;
}

.layoutItemChooserDropDown > *, .layoutItemChooserDropDownPanel {
    height: 100%;
}

.layoutTree .LayoutTree {
    overflow: hidden;
}

.pageDIV .pageLayout .canvasLayoutContent {
    overflow: hidden;
}

.p-fluid .p-multiselect {
    width: 100%;
}

.p-fluid .p-dropdown {
    width: 100%;
}

.p-fluid .p-autocomplete {
    width: 100%;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    flex-wrap: wrap;
}

.p-fluid .p-listbox {
    height: 100%;
}

.p-fluid .p-inputtext[size] {
    width: auto;
    flex: 1 1 auto;
}

.p-fluid .p-multiselect {
    height: 100%;
    align-items: center;
}

.p-fluid .p-dropdown {
    height: 100%;
    align-items: center;
}

.p-fluid .p-chips {
    height: 100%;
    align-items: center;
}

.p-fluid .p-inputtext {
    width: 100%;
    height: 100%;
}
/*.p-fluid .p-dropdown .p-dropdown-label {
    display:flex;
    align-items:center;
}*/

.app-builder .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
}

input {
    font: inherit;
    color: inherit;
}

    input::placeholder {
        font: inherit;
        color: inherit;
    }

textarea {
    font: inherit;
    color: inherit;
}

    textarea::placeholder {
        font: inherit;
        color: inherit;
    }

.p-float-label {
    color: inherit;
}

.p-fluid .p-tabview {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: max-content auto;
}

.p-tabview-panels {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.p-tabview-panel {
    width: 100%;
    height: 100%;
}



.noStyle .p-inputtext {
    border: none;
}

layout-item {
    /*display: grid;*/
    height: 100%;
    width: 100%;
}

.mat-form-field-wrapper {
    height: 100%;
}

.mat-form-field-flex {
    height: 100%;
}

.mat-form-field-infix {
    height: 100%;
}

.mat-form-field-prefix, .mat-form-field-suffix {
    align-self: center;
}

.ql-container.ql-snow {
    overflow: auto;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    height: 100%;
    width: 100%;
}

.material-icons {
    font-size: 0;
}

.p-datatable {
    background: inherit;
}

p-table {
    background: inherit;
}

.sunburst-tooltip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tooltip-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sunburst-viz .text-contour {
    fill: none;
    display: none;
    /* stroke: white; */
    stroke-width: 5;
    stroke-linejoin: 'round';
}

.eviPDFViewer .pdfLoaded .ng2-pdf-viewer-container {
    position: relative !important;
}

.eviPDFViewer .alignPagesLeft .pdfViewer .page {
    margin-left: 0px !important;
}

.eviPDFViewer .alignPagesRight .pdfViewer .page {
    margin-right: 0px !important;
}

.combobox-overlay + * .mat-mdc-menu-panel {
    width: 100%;
    min-height: 0;
    max-width: initial;
}

.combobox-overlay + * .mat-mcd-menu-content {
    width: 100%;
    padding: unset !important;
}

.combobox-overlay + * .p-virtualscroller {
    height: 100%;
}

.combobox-overlay + * .p-scroller-viewport {
    height: inherit;
}

.combobox-overlay + * .p-virtualscroller-content {
    height: 100%;
}

.combobox-overlay + * .p-virtualscroller-list {
    height: inherit!important;
    overflow-x: hidden;
}

.combobox-overlay + * .cdk-virtual-scroll-viewport {
    height: 100%;
}

.mat-menu-panel {
    min-width: 112px;
    max-width: 100% !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 48px);
    border-radius: 4px;
    outline: 0;
    min-height: 64px;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
    box-shadow: none;
}

.p-virtualscroller .p-virtualscroller-header {
    background: inherit;
    color: inherit;
    border: none;
}

.dropDownUserOverview {
    max-width: initial !important;
}

    .dropDownUserOverview .userOverview {
        height: 400px;
        width: 800px;
    }

.git-content .p-tabview {
    height: 100%;
}

.git-comp-tree .p-treenode-label {
    flex: 1 1 auto;
}

.toolbox-item {
    width: 90px;
    height: 90px;
    margin: 5px;
    background: var(--appbuilder-toolbox-background);
    border-radius: 6px;
    padding: 5px;
    overflow: hidden;
    color: var(--appbuilder-primary-color);
}

.jtk-endpoint-anchor {
    z-index: 1;
}

.jtk-overlay {
    background: var(--workflow-connector-label-background);
    padding: 2px;
    border: 0px solid black;
    border-radius: 6px;
    color: var(--workflow-connector-label-text);
}

/***************************************************************/
/*                       Workflow                              */
/***************************************************************/
.wfItemOuterDIV .wfStatus {
    background: var(--workflow-group-wfStatus-background) !important;
}

.wfItemOuterDIV .none {
    background: var(--workflow-group-none-background) !important;
}

.wfItemOuterDIV .wfOffline {
    background: var(--workflow-group-wfOffline-background) !important;
}

.wfItemOuterDIV .variables {
    background: var(--workflow-group-variables-background) !important;
}

.wfItemOuterDIV .events {
    background: var(--workflow-group-events-background) !important;
}

.wfItemOuterDIV .navigation {
    background: var(--workflow-group-navigation-background) !important;
}

.wfItemOuterDIV .listoperations {
    background: var(--workflow-group-listoperations-background) !important;
}

.wfItemOuterDIV .dataoperations {
    background: var(--workflow-group-dataoperations-background) !important;
}

.wfItemOuterDIV .containeroperations {
    background: var(--workflow-group-containeroperations-background) !important;
}

.wfItemOuterDIV .datachecks {
    background: var(--workflow-group-datachecks-background) !important;
}

.wfItemOuterDIV .generateData {
    background: var(--workflow-group-generateData-background) !important;
}

.wfItemOuterDIV .wfActions {
    background: var(--workflow-group-wfActions-background) !important;
}

.wfItemOuterDIV .wfTemplates {
    background: var(--workflow-group-templates-background) !important;
}

.wfItemOuterDIV .layout {
    background: var(--workflow-group-layout-background) !important;
}

.wfItemOuterDIV .profileGroup {
    background: var(--workflow-group-profileGroup-background) !important;
}

.wfItemOuterDIV .reldataoperations {
    background: var(--workflow-group-reldataoperations-background) !important;
}

.wfItemOuterDIV .objectoperations {
    background: var(--workflow-group-objectoperations-background) !important;
}

.wfItemOuterDIV .fileoperations {
    background: var(--workflow-group-fileoperations-background) !important;
}

.wfItemOuterDIV .kpioperations {
    background: var(--workflow-group-kpioperations-background) !important;
}

.wfItemOuterDIV .documentoperations {
    background: var(--workflow-group-documentoperations-background) !important;
}

.wfItemOuterDIV .aioperations {
    background: var(--workflow-group-aioperations-background) !important;
}

.wfItemOuterDIV .report {
    background: var(--workflow-group-report-background) !important;
}

.modules-wrapper .wfStatus {
    background: var(--workflow-group-wfStatus-background) !important;
    color: var(--workflow-group-wfStatus-color) !important;
}

.modules-wrapper .none {
    background: var(--workflow-group-none-background) !important;
    color: var(--workflow-group-none-color) !important;
}

.modules-wrapper .wfOffline {
    background: var(--workflow-group-wfOffline-background) !important;
    color: var(--workflow-group-wfOffline-color) !important;
}

.modules-wrapper .variables {
    background: var(--workflow-group-variables-background) !important;
    color: var(--workflow-group-variables-color) !important;
}

.modules-wrapper .events {
    background: var(--workflow-group-events-background) !important;
    color: var(--workflow-group-events-color) !important;
}

.modules-wrapper .navigation {
    background: var(--workflow-group-navigation-background) !important;
    color: var(--workflow-group-navigation-color) !important;
}

.modules-wrapper .listoperations {
    background: var(--workflow-group-listoperations-background) !important;
    color: var(--workflow-group-listoperations-color) !important;
}

.modules-wrapper .dataoperations {
    background: var(--workflow-group-dataoperations-background) !important;
    color: var(--workflow-group-dataoperations-color) !important;
}

.modules-wrapper .containeroperations {
    background: var(--workflow-group-containeroperations-background) !important;
    color: var(--workflow-group-containeroperations-color) !important;
}

.modules-wrapper .datachecks {
    background: var(--workflow-group-datachecks-background) !important;
    color: var(--workflow-group-datachecks-color) !important;
}

.modules-wrapper .generateData {
    background: var(--workflow-group-generateData-background) !important;
    color: var(--workflow-group-generateData-color) !important;
}

.modules-wrapper .wfActions {
    background: var(--workflow-group-wfActions-background) !important;
    color: var(--workflow-group-wfActions-color) !important;
}

.modules-wrapper .wfTemplates {
    background: var(--workflow-group-templates-background) !important;
    color: var(--workflow-group-templates-color) !important;
}

.modules-wrapper .layout {
    background: var(--workflow-group-layout-background) !important;
    color: var(--workflow-group-layout-color) !important;
}

.modules-wrapper .profileGroup {
    background: var(--workflow-group-profileGroup-background) !important;
    color: var(--workflow-group-profileGroup-color) !important;
}

.modules-wrapper .reldataoperations {
    background: var(--workflow-group-reldataoperations-background) !important;
    color: var(--workflow-group-reldataoperations-color) !important;
}

.modules-wrapper .objectoperations {
    background: var(--workflow-group-objectoperations-background) !important;
    color: var(--workflow-group-objectoperations-color) !important;
}

.modules-wrapper .fileoperations {
    background: var(--workflow-group-fileoperations-background) !important;
    color: var(--workflow-group-fileoperations-color) !important;
}

.modules-wrapper .kpioperations {
    background: var(--workflow-group-kpioperations-background) !important;
    color: var(--workflow-group-kpioperations-color) !important;
}

.modules-wrapper .documentoperations {
    background: var(--workflow-group-documentoperations-background) !important;
    color: var(--workflow-group-documentoperations-color) !important;
}

.modules-wrapper .aioperations {
    background: var(--workflow-group-aioperations-background) !important;
    color: var(--workflow-group-aioperations-color) !important;
}

.modules-wrapper .report {
    background: var(--workflow-group-report-background) !important;
    color: var(--workflow-group-report-color) !important;
}

.wfItemOuterDIV .wfStatusColor {
    color: var(--workflow-group-wfStatus-color) !important;
}

.wfItemOuterDIV .noneColor {
    color: var(--workflow-group-none-color) !important;
}

.wfItemOuterDIV .wfOfflineColor {
    color: var(--workflow-group-wfOffline-color) !important;
}

.wfItemOuterDIV .variablesColor {
    color: var(--workflow-group-variables-color) !important;
}

.wfItemOuterDIV .eventsColor {
    color: var(--workflow-group-events-color) !important;
}

.wfItemOuterDIV .navigationColor {
    color: var(--workflow-group-navigation-color) !important;
}

.wfItemOuterDIV .listoperationsColor {
    color: var(--workflow-group-listoperations-color) !important;
}

.wfItemOuterDIV .dataoperationsColor {
    color: var(--workflow-group-dataoperations-color) !important;
}

.wfItemOuterDIV .containeroperationsColor {
    color: var(--workflow-group-containeroperations-color) !important;
}

.wfItemOuterDIV .datachecksColor {
    color: var(--workflow-group-datachecks-color) !important;
}

.wfItemOuterDIV .generateDataColor {
    color: var(--workflow-group-generateData-color) !important;
}

.wfItemOuterDIV .wfActionsColor {
    color: var(--workflow-group-wfActions-color) !important;
}

.wfItemOuterDIV .wfTemplatesColor {
    color: var(--workflow-group-templates-color) !important;
}

.wfItemOuterDIV .layoutColor {
    color: var(--workflow-group-layout-color) !important;
}

.wfItemOuterDIV .profileGroupColor {
    color: var(--workflow-group-profileGroup-color) !important;
}

.wfItemOuterDIV .reldataoperations {
    color: var(--workflow-group-reldataoperations-color) !important;
}

.wfItemOuterDIV .objectoperations {
    color: var(--workflow-group-objectoperations-color) !important;
}

.wfItemOuterDIV .fileoperations {
    color: var(--workflow-group-fileoperations-color) !important;
}

.wfItemOuterDIV .kpioperations {
    color: var(--workflow-group-kpioperations-color) !important;
}

.wfItemOuterDIV .documentoperations {
    color: var(--workflow-group-documentoperations-color) !important;
}

.wfItemOuterDIV .aioperations {
    color: var(--workflow-group-aioperations-color) !important;
}

.wfItemOuterDIV .report {
    color: var(--workflow-group-report-color) !important;
}
/***********************************************************/
.wfStatus_ACH {
    color: var(--workflow-group-wfStatus-background) !important;
}

.none_ACH {
    color: var(--workflow-group-none-background) !important;
}

.wfOffline_ACH {
    color: var(--workflow-group-wfOffline-background) !important;
}

.variables_ACH {
    color: var(--workflow-group-variables-background) !important;
}

.events_ACH {
    color: var(--workflow-group-events-background) !important;
}

.navigation_ACH {
    color: var(--workflow-group-navigation-background) !important;
}

.listoperations_ACH {
    color: var(--workflow-group-listoperations-background) !important;
}

.dataoperations_ACH {
    color: var(--workflow-group-dataoperations-background) !important;
}

.containeroperations_ACH {
    color: var(--workflow-group-containeroperations-background) !important;
}

.datachecks_ACH {
    color: var(--workflow-group-datachecks-background) !important;
}

.generateData_ACH {
    color: var(--workflow-group-generateData-background) !important;
}

.wfActions_ACH {
    color: var(--workflow-group-wfActions-background) !important;
}

.wfTemplates_ACH {
    color: var(--workflow-group-templates-background) !important;
}

.layout_ACH {
    color: var(--workflow-group-layout-background) !important;
}

.profileGroup_ACH {
    color: var(--workflow-group-profileGroup-background) !important;
}

.reldataoperations_ACH {
    color: var(--workflow-group-reldataoperations-color) !important;
}

.objectoperations_ACH {
    color: var(--workflow-group-objectoperations-color) !important;
}

.fileoperations_ACH {
    color: var(--workflow-group-fileoperations-color) !important;
}

.kpioperations_ACH {
    color: var(--workflow-group-kpioperations-color) !important;
}

.documentoperations_ACH {
    color: var(--workflow-group-documentoperations-color) !important;
}

.aioperations_ACH {
    color: var(--workflow-group-aioperations-color) !important;
}

.report_ACH {
    color: var(--workflow-group-report-color) !important;
}

.wfSelected .wfBackground {
    outline: 3px solid var(--workflow-selection-color);
}

.translationtextmulti .p-tabview {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.SettingsPanelContent .dialogScrollContent {
    max-height: 65vh;
}

.workflowscripteditor {
    height: 65vh;
}

.fullscreen .workflowscripteditor {
    height: 80vh;
}

.workflowedit-dialog-container {
    height: 100vh;
    width: 100vw;
    max-width: 100vw !important;
    max-height: 100vh !important;
}

.workflow-module-content {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid black;
    border-radius: 10px;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modules-wrapper .p-accordion-header-link {
    display: flex;
    flex-flow: row-reverse;
}

.modules-wrapper .p-accordion-header-text {
    flex: 1 1 auto;
}

.isRtl {
    direction: rtl;
}

    .isRtl .pi {
        left: 0.5rem;
        right: unset !important;
    }

    .isRtl .p-input-icon-right > .p-inputtext {
        padding-right: 0.5rem;
    }

.jtk-drag-select * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.ErrorTypeDropdown .p-dropdown {
    width: 100%;
}

.moduledrag * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.moduledrag .jtk-connector {
    z-index: 5;
}


.settingsData .p-accordion-content {
    max-height: calc(100vh - 411px);
    overflow: auto;
}

    .settingsData .p-accordion-content evi-scripteditor {
        height: calc(100vh - 411px);
    }

.fullscreen .settingsData .p-accordion-content {
    max-height: calc(100vh - 210px);
}

    .fullscreen .settingsData .p-accordion-content evi-scripteditor {
        height: calc(100vh - 266px);
    }

.settingsDataWithExpressions .p-accordion-content {
    max-height: calc(100vh - 460px);
}

    .settingsDataWithExpressions .p-accordion-content evi-scripteditor {
        height: calc(100vh - 460px);
        overflow: auto;
    }

.fullscreen .settingsDataWithExpressions .p-accordion-content {
    max-height: calc(100vh - 268px);
}

    .fullscreen .settingsDataWithExpressions .p-accordion-content evi-scripteditor {
        height: calc(100vh - 325px);
    }

.p-slider-vertical {
    height: 100% !important;
}

.p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child {
    border-top-left-radius: var(--appbuilder-border-radius-top-left) !important;
    border-bottom-left-radius: var(--appbuilder-border-radius-bottom-left) !important;
}

.p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child {
    border-top-right-radius: var(--appbuilder-border-radius-top-right) !important;
    border-bottom-right-radius: var(--appbuilder-border-radius-bottom-right) !important;
}

.app-builder .p-inputgroup .p-inputtext {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
/*.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{
    width:100%;
}*/

.clearButton {
    height: 16px;
    line-height: 16px !important;
    width: 16px;
    z-index: 5;
    position: absolute;
    text-align: end;
    top: -6px;
    right: -6px;
    cursor: pointer;
    color: white;
    background: red;
    border: 0px solid white;
    border-radius: 8px;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: var(--appbuilder-combo-group);
    font-weight: 600;
    font-family: var(--workflow-font-family);
}

.dataTableRtl .pi-angle-double-right:before {
    content: "\e92d";
}

.dataTableRtl .pi-angle-right:before {
    content: "\e931";
}

.dataTableRtl .pi-angle-double-left:before {
    content: "\e92e";
}

.dataTableRtl .pi-angle-left:before {
    content: "\e932";
}

.dataTableRtl .p-datatable-tbody.p-scroller-content {
    left: initial;
}

.dataTableRtl .p-frozen-column {
    right: 0px!important;
}

.appbuilder-color-input {
    padding: 0 !important;
    height: 33px;
}

boxshadow-theme-control .menuSelectionList {
    max-height: 108px;
}

.app-builder accordion-menu-control .p-accordion-header-link {
    padding-right: 8px !important;
}

.mdc-button, .mat-raised-button, .mdc-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: inherit !important;
    font-style: inherit;
    color: inherit;
    letter-spacing: normal;
}

.mdc-button, .mdc-icon-button, .mat-stroked-button {
    background: transparent;
}

a {
    color: inherit;
    text-decoration: inherit;
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    background-color: inherit;
}

.mat-step-header .mat-step-label {
    color: inherit !important;
}

p-table, p-table > *, p-table .cdk-virtual-scroll-content-wrapper, .p-datatable-wrapper, .p-datatable-virtual-scrollable-body,
p-table .p-scroller-viewport, p-table .p-scroller-viewport .p-scroller, p-table .p-datatable-table, p-table .p-datatable-tbody {
    text-decoration: inherit;
}

    p-table.hideVertical .p-datatable-table {
        width: 99%;
    }

    .eviTextBox.p-input-icon-right.tbRTL > .p-inputtext {
        padding-left: 2rem;
        padding-right: 0.5rem;
    }

.eviTextBox.p-input-icon-right.tbRTL > .pi-eye, .eviTextBox.p-input-icon-right.tbRTL > .pi-eye-slash {
    left: 0.5rem;
    right: initial;
}

.eviTextBox > .p-inputwrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
    border-bottom-right-radius: var(--border-radius-bottom-right);
}

    .eviTextBox > .p-inputwrapper > .p-inputnumber {
        flex: 1 1 100%;
    }

        .eviTextBox > .p-inputwrapper > .p-inputnumber .p-inputnumber-input {
            width: 100%;
            text-align: inherit;
        }

.settingsTable {
    min-height: 150px;
}

    .settingsTable table, .settingsTable th, .settingsTable td {
        border: 1px solid lightgray;
        border-collapse: collapse;
    }

    .settingsTable th, .settingsTable td {
        padding: 8px 5px;
        background-color: white;
    }

    .settingsTable thead th {
        top: -1px;
        position: sticky;
        z-index: 1;
    }

        .settingsTable thead th.firstCol {
            z-index: 2;
        }

    .settingsTable .firstCol {
        position: sticky;
        left: -1px;
        z-index: 1;
    }

    .settingsTable thead th, .settingsTable tr.oddRow td {
        background-color: rgb(234,234,234);
    }

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

    .workflowWizardStepper .mat-horizontal-content-container {
        overflow: auto;
    }

.restaccordion .mat-expansion-panel-content, .restaccordion .mat-expansion-panel-body {
    height: 100%;
}

.connectorLabel {
    color: black;
    z-index: 2;
}

.endpointLabel {
    color: white;
    z-index: 3;
    width: 40px;
    height: 20px;
    text-align: center;
    position: absolute;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.endpointIcon {
    line-height: 30px;
    font-size: 30px;
}

.connectorUnion {
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: black;
    position: absolute;
    top: -10px;
}

    .connectorUnion:after {
        content: '';
        position: absolute;
        left: -10px;
        top: 10px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: black;
    }

.matFormFieldNoWidth .mat-form-field-infix {
    width: auto;
}

.TableReportObject .SpreadSheetCell, .TableReportObject .SpreadSheetHeaderCell, .TableReportObject .TableRow {
    border-width: 0px !important;
}

.integrationBackgroundButton > .p-button,
.integrationWhiteButton > .p-button {
    color: var(--integration-text-color);
    border-radius: 6px;
    font-size: 15px;
}

    .integrationBackgroundButton > .p-button,
    .integrationBackgroundButton > .p-button:hover,
    .integrationBackgroundButton > .p-button:enabled:hover {
        background: var(--integration-background);
        border-color: var(--integration-background);
    }

    .integrationWhiteButton > .p-button,
    .integrationWhiteButton > .p-button:hover,
    .integrationWhiteButton > .p-button:enabled:hover {
        background: #FFFFFF;
        border-color: var(--integration-border-color);
    }

.integrationBackgroundProgressBar > .p-progressbar {
    height: 16px;
    border-radius: 6px;
    background: #0F3443 0% 0% no-repeat padding-box;
    border: 1px solid #D1D5DB;
}

.integrationBackgroundProgressBar > .p-progressbar .p-progressbar-value {
    background: var(--integration-background);
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}

.smallIconButton .p-button-icon {
    font-size: 12px;
}

.integrationContent .progressBarWizard .progressbarLabel {
    display: flex;
    justify-items: self-start;
    color: var(--integration-text-color);
    font-size: 21px;
    font-family: Metropolis, Semi Bold;
    margin-top: 4px;
}



.mat-mdc-icon-button.mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px;
}

.button.mdc-icon-button .mat-icon svg {
    height: 100%;
    width: 100%;
}

.checkBoxControl.mat-mdc-checkbox .mdc-form-field,
.radioButton.mat-mdc-radio-button .mdc-form-field {
    font: inherit;
    color: inherit;
}

.checkBoxControl.mat-mdc-checkbox {
    --mdc-checkbox-state-layer-size: 25px;
}

    .checkBoxControl.mat-mdc-checkbox .mdc-checkbox__ripple {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
    }

    .radioButton.mat-mdc-radio-button .mdc-radio {
        padding: 0px 4px 0px 0px;
    }

.radioButton.mat-mdc-radio-button .mat-radio-ripple {
    top: calc(50% - 20px);
    left: calc(50% - 22px);
    width: 40px;
    height: 40px;
}

.mat-tab-stretch .mat-mdc-tab-body-wrapper {
    flex: 1 1 auto;
}

.thinScroller,
.thinScroller .p-datatable-scrollable .p-datatable-wrapper {
    scrollbar-width: thin;
}

.smartIntegrationWizard .p-checkbox .p-checkbox-box.p-highlight {
    border-color: var(--integration-text-color);
    background: var(--integration-text-color);
}

.smartIntegrationWizard .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: var(--integration-text-color);
}

.smartIntegrationWizard .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: var(--integration-text-color);
}

.smartIntegrationWizard .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    box-shadow: 0 0 0 0.2rem var(--integration-text-color);
    border-color: var(--integration-text-color);
}

.smartIntegrationWizard .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #FFFFFF;
}

.app-wizard .p-inputswitch-slider:before,
.app-wizard .p-inputswitch-checked .p-inputswitch-slider:before {
    background-color: var(--blue-600);
}

.app-wizard .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    border-color: var(--blue-600);
}

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