/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --ground-screen-color: #161922;
  --ground-box-color: #232436;
  --mark-dark-menu: #3C3E5C;
  --table-box-color: #212233;
  --input-border-color: #1D2130;
  --popover-bg-color: #2A2C53;
  --first-family: "Inter", sans-serif;
  --second-family: "Neue Haas Grotesk Display Pro", sans-serif;
  /*+++++++++++++  colors from light theme ++++++++++++++++++++*/
  --ground-screen-color-light: #E7EAF4;
  --ground-box-color-light: #FAFCFF;
  /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  --front-accent-pure-color: #fff;
  --front-accent-dark-color: #000;
  --front-accent-gray-color: #5C5E8D;
  --front-accent-gray: rgb(92, 94, 141);
  --front-accent-gray-07: rgb(92, 94, 141, 0.75);
  --front-accent-gray-050-color: rgb(92, 94, 141, 0.5);
  --front-accent-gray-25-color: rgb(92, 94, 141, 0.25);
  --front-accent-gray-075-color: rgb(169, 192, 251);
  --front-accent-gray-075: rgb(169, 192, 251, 0.75);
  --front-accent-gray-050: rgb(169, 192, 251, 0.50);
  --front-accent-attend: #F03B66;
  --orange-color: #ff9c32;
  --front-accent-attend-50: rgba(240, 59, 102, 0.5);
  --front-accent-done: #1DD08A;
  --dark-green: #007043;
  --front-accent-done-010: rgba(29,208,138, 0.1);
  --colors-yellow: #FFCA41;
  --colors-blue: #1EC9FF;
  --colors-blue-25: rgba(30, 201, 255, 0.25);
  --colors-blue-10: rgba(30, 201, 255, 0.10);
  --colors-sea: rgba(55,123,255,1);
  --colors-sea-015: rgba(55,123,255, 0.15);
  --over-gray-75: rgba(70, 83, 128, 0.75);
  --over-gray-50: rgba(70, 83, 128, 0.5);
  --over-gray-45: rgba(70, 83, 128, 0.45);
  --over-gray-25: rgba(70, 83, 128, 0.25);
  --over-gray-15: rgba(70, 83, 128, 0.15);
  --over-gray-10: rgba(70, 83, 128, 0.10);
  --over-gray-5: rgba(70, 83, 128, 0.05);
  --over-dark-75: rgba(0, 0, 0, 0.75);
  --over-dark-50: rgba(0, 0, 0, 0.5);
  --over-dark-45: rgba(0, 0, 0, 0.45);
  --over-dark-25: rgba(0, 0, 0, 0.25);
  --over-dark-15: rgba(0, 0, 0, 0.15);
  --over-dark-10: rgba(0, 0, 0, 0.10);
  --over-dark-5: rgba(0, 0, 0, 0.05);
  --over-pure-75: rgba(255, 255, 255, 0.75);
  --over-pure-50: rgba(255, 255, 255, 0.50);
  --over-pure-25: rgba(255, 255, 255, 0.25);
  --over-pure-15: rgba(255, 255, 255, 0.15);
  --over-pure-10: rgba(255, 255, 255, 0.10);
  --over-pure-5: rgba(255, 255, 255, 0.05);
  /*--front-button-gradient: linear-gradient(115.17deg, rgb(0, 245, 255) 0.482%,rgb(106, 93, 255) 49.961%,rgb(235, 0, 255) 99.538%);*/
  --front-button-gradient: radial-gradient(123.08% 123.08% at 100% 0%, #01bbf8 0%, #01dbff 10.3%, #01dbff 30.31%, #0183fd 50%, #0028cd 75%, #000d53 100%);
  /*--ground-screen-gradient: linear-gradient(135deg, #00dee7 10%, #6a5dff 50%, #eb00ff 90%);*/
  --ground-screen-gradient: radial-gradient(123.08% 123.08% at 100% 0%, #01bbf8 0%, #01dbff 10.3%, #01dbff 30.31%, #0183fd 50%, #0028cd 75%, #000d53 100%);
  --brand-purple-color: rgb(106, 93, 255);
  --brand-purple-color-75: rgb(106, 93, 255, 0.75);
  --brand-purple-color-50: rgb(106, 93, 255, 0.5);
  --brand-purple-color-25: rgb(106, 93, 255, 0.25);
  --brand-purple-color-15: rgb(106, 93, 255, 0.15);
  --brand-purple-color-10: rgb(106, 93, 255, 0.10);
  --border-radius-large: 90px;
  --ion-backdrop-color: var(--over-dark-50);
  --dark-hover-bg: #212839;
  --header-padding: 25px 0;
  --header-margin: 30px 20px 0 20px;
  --footer-margin: 0 20px 45px 20px;
  --padding-large: 45px;
  --padding-medium: 18px;
  --padding-main: 20px;
  --medium-width: 270px;
  --tab-bar-height: 80px;
}

.light-theme {
  --ground-screen-color: #E7EAF4;
  --ground-screen-color2: #d7dbe8;
  --table-box-color: #FAFCFF;
  --ground-box-color: #FAFCFF;
  --ground-menu-color: #F2F5FF;
  --dark-hover-bg: var(--brand-purple-color-10);
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/primeicons/primeicons.css ***!
  \********************************************************************************************************************************************************************************************************************************/
@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/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/prismjs/themes/prism-okaidia.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	tab-size: 4;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #8292a2;
}

.token.punctuation {
	color: #f8f8f2;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/prismjs/plugins/line-numbers/prism-line-numbers.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
pre[class*="language-"].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
	position: relative;
	white-space: inherit;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	user-select: none;

}

	.line-numbers-rows > span {
		display: block;
		counter-increment: linenumber;
	}

		.line-numbers-rows > span:before {
			content: counter(linenumber);
			color: #999;
			display: block;
			padding-right: 0.8em;
			text-align: right;
		}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/prismjs/plugins/line-highlight/prism-line-highlight.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
pre[data-line] {
	position: relative;
	padding: 1em 0 1em 3em;
}

.line-highlight {
	position: absolute;
	left: 0;
	right: 0;
	padding: inherit 0;
	margin-top: 1em; /* Same as .prism’s padding-top */

	background: hsla(24, 20%, 50%,.08);
	background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));

	pointer-events: none;

	line-height: inherit;
	white-space: pre;
}

@media print {
	.line-highlight {
		/*
		 * This will prevent browsers from replacing the background color with white.
		 * It's necessary because the element is layered on top of the displayed code.
		 */
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}
}

	.line-highlight:before,
	.line-highlight[data-end]:after {
		content: attr(data-start);
		position: absolute;
		top: .4em;
		left: .6em;
		min-width: 1em;
		padding: 0 .5em;
		background-color: hsla(24, 20%, 50%,.4);
		color: hsl(24, 20%, 95%);
		font: bold 65%/1.5 sans-serif;
		text-align: center;
		vertical-align: .3em;
		border-radius: 999px;
		text-shadow: none;
		box-shadow: 0 1px white;
	}

	.line-highlight[data-end]:after {
		content: attr(data-end);
		top: auto;
		bottom: .4em;
	}

.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
	content: none;
}

pre[id].linkable-line-numbers span.line-numbers-rows {
	pointer-events: all;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
	cursor: pointer;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
	background-color: rgba(128, 128, 128, .2);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: url('Inter-Regular.otf') format("otf");
  font-weight: 500;
}
/*@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url("../assets/fonts/NeueHaasDisplayBold.ttf") format("ttf");
  font-weight: 700;
}*/
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url('NeueHaasDisplayBlack.eot');
  src: url('NeueHaasDisplayBlack.eot?#iefix') format("embedded-opentype"), url('NeueHaasDisplayBlack.woff2') format("woff2"), url('NeueHaasDisplayBlack.woff') format("woff"), url('NeueHaasDisplayBlack.svg#NeueHaasDisplayBlack') format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url('NeueHaasDisplayBold.eot');
  src: url('NeueHaasDisplayBold.eot?#iefix') format("embedded-opentype"), url('NeueHaasDisplayBold.woff2') format("woff2"), url('NeueHaasDisplayBold.woff') format("woff"), url('NeueHaasDisplayBold.svg#NeueHaasDisplayBold') format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url('NeueHaasDisplayLight.eot');
  src: url('NeueHaasDisplayLight.eot?#iefix') format("embedded-opentype"), url('NeueHaasDisplayLight.woff2') format("woff2"), url('NeueHaasDisplayLight.woff') format("woff"), url('NeueHaasDisplayLight.svg#NeueHaasDisplayLight') format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url('NeueHaasDisplayMedium.eot');
  src: url('NeueHaasDisplayMedium.eot?#iefix') format("embedded-opentype"), url('NeueHaasDisplayMedium.woff2') format("woff2"), url('NeueHaasDisplayMedium.woff') format("woff"), url('NeueHaasDisplayMedium.svg#NeueHaasDisplayMedium') format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url('NeueHaasDisplayRoman.eot');
  src: url('NeueHaasDisplayRoman.eot?#iefix') format("embedded-opentype"), url('NeueHaasDisplayRoman.woff2') format("woff2"), url('NeueHaasDisplayRoman.woff') format("woff"), url('NeueHaasDisplayRoman.svg#NeueHaasDisplayRoman') format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  src: url('NeueHaasDisplayThin.eot');
  src: url('NeueHaasDisplayThin.eot?#iefix') format("embedded-opentype"), url('NeueHaasDisplayThin.woff2') format("woff2"), url('NeueHaasDisplayThin.woff') format("woff"), url('NeueHaasDisplayThin.svg#NeueHaasDisplayThin') format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

blockquote {
  border-left: 3px solid var(--front-accent-pure-color);
  padding-left: 12px;
  color: var(--front-accent-pure-color);
}

markdown {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

markdown li {
  margin: 10px 0;
}

markdown p {
  line-height: 1.5 !important;
}

.ql-size-small {
  font-size: smaller;
}

.ql-size-large {
  font-size: 1.5rem;
}

.ql-size-huge {
  font-size: 2.5rem;
}

code {
  font-size: 0.875em;
  color: var(--front-accent-gray-075);
  word-wrap: break-word;
}

ol, ul {
  padding-left: 2rem;
}

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

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

html {
  height: 100%;
  margin: 0;
  background-color: var(--ground-screen-color) !important;
}

body {
  height: 100%;
  background-color: var(--ground-screen-color) !important;
  margin: 0;
  color: var(--front-accent-pure-color) !important;
  font-family: "Inter", sans-serif;
}

ion-label {
  --font-family: "Inter", sans-serif;
}

ion-content::part(background) {
  background: var(--ground-screen-color);
}

.item-list {
  color: var(--front-accent-gray-color);
  border-radius: 10px;
  letter-spacing: 0.5px;
  color: var(--front-accent-gray-075-color);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.custom-input, .alt-input {
  --background: var(--over-gray-15);
  --border-radius: 90px;
  --color: var(--front-accent-pure-color);
}

.add-company-form ion-button {
  --border-radius: 10px;
  height: 41px;
}

.alt-input:not(.custom-input) {
  --padding-top: 0;
  --padding-bottom: 0;
  --min-height: 41px;
  --border-radius: 10px;
}
.alt-input ion-input {
  height: 41px;
  min-height: 41px !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  --placeholder-opacity: 0.25;
}
.alt-input ion-input input {
  min-height: 41px;
}
.alt-input ion-button {
  --border-radius: 10px;
}

ion-input {
  --highlight-color-focused: none !important;
  --highlight-color-invalid: none !important;
  --highlight-color-valid: none !important;
  --padding-start: var(--padding-large);
  --padding-bottom: var(--padding-medium);
  --padding-end: var(--padding-large);
  --padding-top: var(--padding-medium);
}
ion-input.auth__input {
  color: var(--front-accent-pure-color);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  opacity: 0.5;
  opacity: 0.5;
}
ion-input.auth__input ::placeholder {
  text-align: center;
}
ion-input.auth__input ::-webkit-input-placeholder {
  text-align: center;
}
ion-input.auth__input :-moz-placeholder { /* Firefox 18- */
  text-align: center;
}
ion-input.auth__input ::-moz-placeholder { /* Firefox 19+ */
  text-align: center;
}
ion-input.auth__input :-ms-input-placeholder {
  text-align: center;
}

.title {
  font-size: 25px;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 700;
  line-height: 110%;
  color: var(--front-accent-pure-color);
  letter-spacing: 0.02em;
  word-spacing: 2px;
}

.note {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
  color: var(--front-accent-gray-color);
  letter-spacing: 0;
}
.note__link {
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--front-accent-pure-color);
  line-height: 175%;
}

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

.m0-auto {
  margin: 0 auto;
}

.button {
  height: 53px;
  --background: var(--ground-box-color);
  --border-radius: var(--border-radius-large);
  --padding-start: var(--padding-large);
  --padding-bottom: var(--padding-medium);
  --padding-end: var(--padding-large);
  --padding-top: var(--padding-medium);
  --box-shadow: none;
  --background-hover-opacity: 1;
  --background-hover: var(--front-button-gradient);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--front-accent-pure-color);
  line-height: 17px;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}
.button__hover-none {
  --background-hover: none;
}
.button__3rd {
  --background: var(--over-gray-50);
}
.button__gradient {
  --background: var(--front-button-gradient);
}

.divider-container {
  display: flex;
  align-items: center;
  margin: 10px 0;
  padding: 10px 0;
  width: 100%;
  gap: 20px;
}
.divider-container .line {
  flex: 1;
  background: var(--front-accent-pure-color);
  height: 1px;
  opacity: 0.15;
}
.divider-container .text {
  opacity: 1;
  color: var(--front-accent-pure-color);
  font-size: 14px;
  white-space: nowrap;
  padding: 0 10px;
}

ion-modal {
  --width: fit-content;
  --min-width: 400px;
  --border-radius: 20px;
  --box-shadow: 0 -1px 6px 0 rgba(14, 14, 17, 0.07), 0 -4px 13px 0 rgba(14, 14, 17, 0.1), 0 -7px 25px 0 rgba(14, 14, 17, 0.12), 0 -12px 44px 0 rgba(14, 14, 17, 0.14), 0 -23px 83px 0 rgba(14, 14, 17, 0.17), 0 -54px 199px 0 rgba(14, 14, 17, 0.24);
  --backdrop-opacity: 1;
  --background: var(--ground-box-color);
  /*---------------------------------------*/
  /*display: flex;
  flex-direction: column;*/
  --max-height: 680px;
  --height: 90vh;
  --ion-display: flex;
  --ion-flex-direction: column;
  /*---------------------------------------*/
}
@media (max-width: 599.98px) {
  ion-modal {
    --max-height: 100vh;
    --max-height: 100dvh;
  }
}
@media screen and (max-width: 768px) {
  ion-modal {
    --max-width: 100vw;
    --min-width: 0;
    --width: 100vw;
    --height: 100vh;
    --border-radius: 0;
  }
}
ion-modal.sidebar-dashboard-modal {
  --max-height: 100%;
}
ion-modal.sidebar-dashboard-modal.show-modal + .change-number-modal {
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  background: var(--over-dark-50);
  --background: transparent;
}
ion-modal.sidebar-modal {
  --max-height: 100%;
  --min-width: 462px;
  --width: 462px;
  /*--min-width: 393px;*/
}
ion-modal ion-header {
  box-shadow: none !important;
}
ion-modal ion-toolbar {
  --background: var(--ground-box-color);
  --padding-top: 20px;
  --padding-end: 20px;
  --padding-bottom: 20px;
  --padding-start: 20px;
}
ion-modal ion-toolbar .toolbar-logo {
  margin-left: -8px;
}
ion-modal ion-toolbar ion-title {
  text-align: center;
}
ion-modal ion-toolbar ion-title .toolbar-title {
  font-size: 18px;
  line-height: 1;
  color: var(--front-accent-pure-color);
  padding-top: 2px;
}
ion-modal ion-toolbar ion-title .toolbar-subtitle {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
  color: var(--front-accent-gray-color);
  letter-spacing: 0;
  color: var(--brand-purple-color);
}
ion-modal ion-content {
  /*flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;*/
}
ion-modal ion-content .content-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
ion-modal ion-content .content-inner .content-description {
  flex: 1;
  padding: 40px;
}
ion-modal ion-content .content-inner .content-description h5 {
  margin-top: 0;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
}
ion-modal ion-content .content-inner .content-description p {
  margin-bottom: 20px;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--front-accent-gray-color);
}
ion-modal ion-content .page-title {
  padding: 40px;
  font-size: 25px;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 700;
  line-height: 110%;
  color: var(--front-accent-pure-color);
  letter-spacing: 0.02em;
  word-spacing: 2px;
  border-bottom: 1px solid var(--front-accent-gray-color);
}
ion-modal ion-content ion-footer {
  padding: 40px;
  border-top: 1px solid var(--front-accent-gray-color);
}
ion-modal:has(app-view-credentials-modal) {
  --min-width: 360px;
}
ion-modal:has(app-view-credentials-modal) app-view-credentials-modal {
  width: 360px;
}

/*
CONSTANT CLASS
*/
.icon-mark-notation {
  background: rgb(106, 93, 255) !important;
  width: 21px !important;
  height: 21px !important;
  padding: 5px 7px 5px 7px !important;
  border-radius: 900px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.round-btn {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  --padding-start: 0;
  --padding-end: 0;
  --background-hover: none;
  --background: var(--over-dark-25);
  position: absolute;
  right: 10px;
  top: 10px;
}

ion-content::part(scroll)::-webkit-scrollbar {
  display: none;
}

ion-item {
  --inner-border-width: 0;
}
ion-item.rounded {
  border-radius: 36px 10px 10px 36px;
}

.searchbar-input.sc-ion-searchbar-md {
  height: 36px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
}

.searchbar-search-icon.sc-ion-searchbar-md {
  top: 9px;
}

.no-bg {
  background: none !important;
  --background: none !important;
}

ion-tab-bar,
ion-segment {
  --background: var(--over-dark-25);
  padding: 3px 4px;
  width: calc(100% - 40px);
  height: 33px;
  border-radius: 90px;
  display: flex;
  justify-content: space-between;
  --color: var(--front-accent-gray-color);
}
ion-tab-bar ion-tab-button,
ion-tab-bar ion-segment-button,
ion-segment ion-tab-button,
ion-segment ion-segment-button {
  background: none;
  flex: 1 1 33.3%;
  text-align: center;
  max-width: none;
  border-radius: 90px;
  --border-radius: 90px;
  text-transform: capitalize;
  color: var(--over-pure-50);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
  --color-focused: var(--front-accent-pure-color);
}
ion-tab-bar ion-tab-button.tab-selected, ion-tab-bar ion-tab-button.segment-button-checked,
ion-tab-bar ion-segment-button.tab-selected,
ion-tab-bar ion-segment-button.segment-button-checked,
ion-segment ion-tab-button.tab-selected,
ion-segment ion-tab-button.segment-button-checked,
ion-segment ion-segment-button.tab-selected,
ion-segment ion-segment-button.segment-button-checked {
  background: var(--front-button-gradient);
  color: var(--front-accent-pure-color);
}
ion-tab-bar ion-tab-button::part(native):hover,
ion-segment ion-tab-button::part(native):hover {
  color: inherit;
}

ion-segment {
  width: 100%;
}
ion-segment ion-segment-button {
  min-height: 100%;
  --indicator-height: 0;
  --background-hover: none;
  --color-hover: var(--front-accent-pure-color);
  --color-checked: var(--front-accent-pure-color);
}

.content-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  font-size: 12px;
  color: var(--front-accent-gray-075-color);
  text-align: center;
  display: block;
  margin: 25px 0 15px;
}

.input-label-placement-floating.sc-ion-input-md-h .input-wrapper.sc-ion-input-md {
  align-items: center;
}

.button-wrap {
  padding-bottom: 45px;
  padding-top: 36px;
  display: flex;
  justify-content: center;
}

.custom-checkbox .mdc-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-checkbox .mdc-checkbox__background {
  border: none;
  background: url('checkbox-icon-outer.svg') no-repeat;
  background-size: cover;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.custom-checkbox .mdc-checkbox__background svg {
  display: none;
}
.custom-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background: url('checkbox-icon-inner.svg') no-repeat;
}

.custom-checkbox .mdc-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-checkbox .mdc-checkbox__background {
  border: none;
  background: url('checkbox-icon-outer.svg') no-repeat;
  background-size: cover;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.custom-checkbox .mdc-checkbox__background svg {
  display: none;
}
.custom-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background: url('checkbox-icon-inner.svg') no-repeat;
}

.candidate-cell {
  display: flex;
}
.candidate-cell .candidate-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.chips-wrapper {
  background: var(--over-gray-15);
  border-radius: 10px;
  padding: 12px;
  position: relative;
}
.chips-wrapper ion-chip {
  border-radius: 900px;
  padding: 5px 10px;
  width: auto;
  min-height: 25px;
  min-width: 21px;
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
  margin: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
}
.chips-wrapper ion-chip.alt-color {
  background: var(--over-gray-15);
}
.chips-wrapper ion-chip ion-icon {
  color: inherit;
  display: block;
  margin-left: 10px;
}
.chips-wrapper .counter-wrap {
  text-align: right;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-gray-075-color);
}

.referral-reward {
  border-radius: 90px;
  margin-top: 10px;
  padding: 1px;
  background: var(--front-button-gradient);
}
.referral-reward .referral-reward-inner {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #23283C;
  z-index: 1;
  border-radius: 90px;
  padding: 15px;
}
.referral-reward .referral-reward-inner ion-label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
}
.referral-reward .referral-reward-inner ion-label span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
}
.referral-reward .referral-reward-inner ion-chip {
  width: auto;
  height: 21px;
  max-height: none;
  min-height: 0;
  --background: var(--front-button-gradient);
  color: var(--front-accent-pure-color);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
}

.text-section {
  background: var(--over-gray-25);
  border-radius: 10px;
  padding: 20px 12px;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--front-accent-gray-color);
  color: var(--front-accent-pure-color);
  box-shadow: none;
}

.custom-searchbar {
  --background: var(--over-dark-25);
  --border-radius: 90px;
  border-radius: 90px;
  --box-shadow: none;
  padding: 0;
  --icon-color: var(--front-accent-pure-color);
  --placeholder-color: var(--front-accent-pure-color);
  --placeholder-opacity: 0.5;
  color: var(--front-accent-pure-color);
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
}

.searchbar ion-button.search-filter {
  width: 36px;
  height: 30px;
  --background: var(--over-gray-25);
  margin-left: -39px;
  --border-radius: 900px;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
}
.searchbar ion-button.rounded-button {
  --border-radius: 50%;
  width: 36px;
  height: 36px;
  --background: var(--over-dark-25);
  --box-shadow: none;
  display: block;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background-hover: none;
  min-width: 36px;
  margin-left: 10px;
  max-height: 36px;
}
.searchbar .btn-wrap {
  display: flex;
  align-items: center;
  padding: 0;
  margin-left: -40px;
  gap: 10px;
}
.searchbar .btn-wrap ion-button {
  margin: 0;
}

.alt-modal {
  --width: 444px;
}
.alt-modal .modal-header .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
  color: var(--front-accent-pure-color);
}
.alt-modal .toggle-wrap {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 20px;
}
.alt-modal .toggle-wrap ion-label.toggle-label {
  display: flex;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-gray-color);
  margin-bottom: 8px;
  letter-spacing: 0.03em;
}
.alt-modal .toggle-wrap ion-label.toggle-label img {
  display: block;
  margin-right: 5px;
}
.alt-modal .toggle-wrap ion-toggle {
  --handle-background: var(--front-accent-gray-color);
  --track-background: var(--over-dark-25);
  --track-background-checked: var(--brand-purple-color);
  --handle-background-checked: var(--front-accent-pure-color);
  width: auto;
}
.alt-modal .close {
  width: 36px;
}

.modal-footer {
  box-shadow: none;
  display: flex;
  background: var(--ground-screen-color);
  padding: var(--padding-main);
  border-top: 1px solid var(--ground-box-color);
  gap: 10px;
}
.modal-footer .modal-button {
  height: 35px;
  --padding-start: 30px;
  --padding-end: 30px;
  width: auto;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
}
.modal-footer .modal-button.brand-color {
  --background: var(--brand-purple-color);
  flex: auto;
}

.medium-width {
  margin-bottom: 10px;
  max-width: var(--medium-width);
}

#toolbar, p-editor-toolbar {
  border: none;
}
#toolbar:after, p-editor-toolbar:after {
  display: none !important;
}
#toolbar button, p-editor-toolbar button {
  color: var(--front-accent-pure-color);
  float: none;
  width: auto;
}
#toolbar button svg *, p-editor-toolbar button svg * {
  stroke: var(--front-accent-pure-color);
}
#toolbar .ql-custom-button.own-ql-custom-button, p-editor-toolbar .ql-custom-button.own-ql-custom-button {
  float: none;
  width: auto;
  border-radius: 900px;
  height: 21px;
  min-width: 21px;
  background: var(--brand-purple-color);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  padding: 0 7px;
}

.ql-container.ql-snow, p-editor-container {
  border: none !important;
}

.ql-editor, p-editor {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--front-accent-gray-color);
  color: var(--front-accent-pure-color);
}

ion-checkbox {
  --border-radius: 50%;
  --border-color: var(--front-accent-gray-color);
  --size: 30px;
  --checkbox-background: var(--over-dark-25) no-repeat center center;
  --checkbox-background-checked: url('icon-checked.svg') no-repeat center center;
  --checkmark-color: transparent;
  --border-color-checked: var(--brand-purple-color);
}

.section-title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}
.section-title-block:has(ion-searchbar) {
  gap: 20px;
}
.section-title-block:has(ion-searchbar) ion-searchbar {
  flex: 1;
  --background: var(--over-gray-15);
}
.section-title-block ion-note {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
  font-weight: 500;
  color: var(--front-accent-gray-075-color);
}
.section-title-block p {
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--front-accent-pure-color);
  line-height: 17px;
  text-align: center;
  color: var(--brand-purple-color);
}

.level {
  border-radius: 90px;
  background: var(--front-button-gradient);
  padding: 1px;
  width: 68px;
  height: 42px;
}
.level-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--ground-box-color);
  border-radius: 90px;
  padding: 5px 18px 0;
  box-shadow: 0 1px 2px 0 var(--over-dark-15), 0 3px 6px 0 rgba(0, 0, 0, 0.11), 0 5px 11px 0 rgba(0, 0, 0, 0.09), 0 9px 20px 0 rgba(0, 0, 0, 0.08), 0 18px 37px 0 rgba(0, 0, 0, 0.06), 0 42px 89px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  width: 100%;
  height: 100%;
}
.level-inner img {
  display: block;
}

.progress-inner {
  padding: 0 var(--padding-main);
}
.progress-inner.progress-gradient ion-progress-bar {
  --background: var(--ground-box-color);
  --progress-background: var(--front-button-gradient);
}
.progress-inner.progress-gradient ion-col img {
  right: 7px;
  top: 54%;
}
.progress-inner.progress-gradient ion-text {
  color: var(--front-accent-pure-color);
}
.progress-inner ion-col {
  position: relative;
}
.progress-inner ion-col ion-progress-bar {
  border-radius: 900px;
  height: 20px;
  --background: var(--over-pure-25);
  --progress-background: var(--front-accent-pure-color);
}
.progress-inner ion-col ion-progress-bar::part(progress) {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}
.progress-inner ion-col ion-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
.progress-inner ion-col img {
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translate(0, -54%);
  padding-top: 1px;
}

ion-card,
ion-footer {
  box-shadow: none !important;
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: var(--over-dark-75) !important;
}

.avatar-wrap {
  position: relative;
  padding-bottom: 10px;
  display: inline-block;
}
.avatar-wrap ion-avatar {
  width: 100px;
  height: 100px;
}
.avatar-wrap .level {
  border-radius: 90px;
  background: var(--front-button-gradient);
  padding: 1px;
  width: 68px;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.avatar-wrap .level-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--ground-box-color);
  border-radius: 90px;
  padding: 5px 18px 0;
  box-shadow: 0 1px 2px 0 var(--over-dark-15), 0 3px 6px 0 rgba(0, 0, 0, 0.11), 0 5px 11px 0 rgba(0, 0, 0, 0.09), 0 9px 20px 0 rgba(0, 0, 0, 0.08), 0 18px 37px 0 rgba(0, 0, 0, 0.06), 0 42px 89px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  width: 100%;
  height: 100%;
}
.avatar-wrap .level-inner img {
  display: block;
}

/*mat-form-field {
  width: 100%;
  background: var(--over-gray-15);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--front-accent-pure-color);
}*/
ion-card-content {
  padding: 0 !important;
}

.sign-in-form {
  margin-bottom: 10px;
}
.sign-in-form ion-button {
  height: 45px;
}

ion-input input:-webkit-autofill {
  background-color: #1d2130 !important;
  color: var(--front-accent-pure-color) !important;
  -webkit-text-fill-color: var(--front-accent-pure-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px #1d2130 inset !important;
  background-clip: content-box !important;
  opacity: 1 !important;
}

app-invitation ion-input input:-webkit-autofill {
  background-color: var(--ground-box-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--ground-box-color) inset !important;
}

.chat-footer {
  background: var(--ground-box-color);
}
.chat-footer ion-item {
  --background: none;
  --padding-top: 9px;
  --padding-bottom: 9px;
  --padding-start: 20px;
  --padding-end: 20px;
  --inner-padding-end: 0;
}
.chat-footer ion-item ion-input {
  min-height: 36px;
  --background: var(--over-dark-25);
  --border-radius: 90px;
  --padding-start: 15px;
  --padding-end: 15px;
  margin: 0 18px;
  --color: var(--front-accent-pure-color);
  --placeholder-color: var(--over-pure-25);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
}

.progress-footer {
  padding: 15px 0;
  background: var(--ground-screen-color);
  box-shadow: none;
  border-top: 1px solid var(--ground-box-color);
}
.progress-footer ion-item {
  width: var(--medium-width);
  margin: 0 auto;
  --background: var(--over-dark-45);
  border-radius: 90px;
  --padding-top: 4px;
  --padding-start: 4px;
  --padding-end: 4px;
  --inner-padding-end: 0;
}
.progress-footer ion-item .nav-button {
  min-width: 45px;
}
.progress-footer ion-item .progress {
  width: 100%;
  padding: 0 31px;
}
.progress-footer ion-item .progress ion-progress-bar {
  height: 5px;
  --background: var(--over-pure-25);
  --progress-background: var(--front-accent-done);
  border-radius: 90px;
}
.progress-footer ion-item .progress ion-label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--front-accent-pure-color);
  line-height: 17px;
  text-align: center;
  margin-bottom: 10px;
}

.code-input {
  position: relative;
  height: fit-content;
}
.code-input .valid-input {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}
.code-input code-input {
  gap: 10px;
  justify-content: center;
}
.code-input code-input span {
  width: 46px;
  max-width: 46px;
  height: 78px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.code-input code-input span input {
  color: var(--front-accent-pure-color) !important;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-weight: 400 !important;
  font-size: 32px !important;
  height: 100%;
  max-height: 100%;
  border-radius: 10px !important;
}
.code-input code-input span input:focus {
  box-shadow: none !important;
}

.colored-header .start-img {
  border-radius: 50%;
}
.colored-header .end-img {
  width: 40px;
  padding: 13px;
  display: block;
}
.colored-header.identity-header ion-toolbar {
  --background: var(--brand-purple-color-15);
}
.colored-header.identity-header .start-img {
  box-shadow: 0 0 3px 0 rgba(111, 43, 255, 0.53), 0 0 6px 0 rgba(111, 43, 255, 0.39), 0 0 11px 0 rgba(111, 43, 255, 0.33), 0 0 19px 0 rgba(111, 43, 255, 0.29), 0 0 31px 0 rgba(111, 43, 255, 0.24), 0 0 55px 0 rgba(111, 43, 255, 0.2), 0 0 118px 0 #6f2bff;
}
.colored-header.education-header ion-toolbar {
  --background: var(--front-accent-done-010);
}
.colored-header.education-header .start-img {
  box-shadow: 0 0 3px 0 rgba(29, 208, 138, 0.53), 0 0 6px 0 rgba(29, 208, 138, 0.39), 0 0 11px 0 rgba(29, 208, 138, 0.33), 0 0 19px 0 rgba(29, 208, 138, 0.29), 0 0 31px 0 rgba(29, 208, 138, 0.24), 0 0 55px 0 rgba(29, 208, 138, 0.2), 0 0 118px 0 rgba(29, 208, 138, 0.14);
}
.colored-header.education-header .toolbar-subtitle {
  color: var(--front-accent-done) !important;
}
.colored-header.portfolio-header ion-toolbar {
  --background: var(--colors-sea-015);
}
.colored-header.portfolio-header .start-img {
  box-shadow: 0 0 3px 0 rgba(55, 123, 255, 0.53), 0 0 6px 0 rgba(55, 123, 255, 0.39), 0 0 11px 0 rgba(55, 123, 255, 0.33), 0 0 19px 0 rgba(55, 123, 255, 0.29), 0 0 31px 0 rgba(55, 123, 255, 0.24), 0 0 55px 0 rgba(55, 123, 255, 0.2), 0 0 118px 0 rgba(55, 123, 255, 0.14);
}
.colored-header.portfolio-header .toolbar-subtitle {
  color: var(--colors-sea) !important;
}
.colored-header.experience-header ion-toolbar {
  --background: var(--colors-blue-10);
}
.colored-header.experience-header .start-img {
  box-shadow: 0 0 3px 0 rgba(30, 201, 255, 0.53), 0 0 6px 0 rgba(30, 201, 255, 0.39), 0 0 11px 0 rgba(30, 201, 255, 0.33), 0 0 19px 0 rgba(30, 201, 255, 0.29), 0 0 31px 0 rgba(30, 201, 255, 0.24), 0 0 55px 0 rgba(30, 201, 255, 0.2), 0 0 118px 0 rgba(30, 201, 255, 0.14);
}
.colored-header.experience-header .toolbar-subtitle {
  color: var(--colors-blue) !important;
}

/*++++++++++ status styles ++++++++++++++*/
.status {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  border-radius: 900px;
  padding: 0 10px;
  width: auto;
  min-height: 21px;
  min-width: 64px;
  margin-top: 18px;
  padding-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.status.applied {
  background: var(--front-accent-gray-color);
  color: var(--ground-screen-color-light);
}
.status.offered {
  background: var(--brand-purple-color-75);
  color: var(--front-accent-pure-color);
}
.status.verified {
  background: var(--front-button-gradient);
  color: var(--front-accent-pure-color);
}
.status.hired {
  background: var(--dark-green);
  color: var(--front-accent-pure-color);
}
.status .first-interview {
  background: var(--brand-purple-color-50);
  color: var(--front-accent-dark-color);
}
.status .second-interview {
  background: var(--brand-purple-color);
  color: var(--front-accent-dark-color);
}
.status.shortlisted {
  background: var(--colors-sea);
  color: var(--front-accent-pure-color);
}
.status.self-reported {
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.status.pending {
  background: var(--front-accent-gray-075-color);
  color: var(--ground-screen-color);
}
.status.not-verified {
  background: var(--front-accent-gray-25-color);
  color: var(--front-accent-gray-075-color);
}
.status.declined-talent {
  background: var(--orange-color);
  color: var(--front-accent-gray-075-color);
}
.status.declined {
  background: var(--front-accent-attend);
  color: var(--front-accent-pure-color);
}
.status.draft {
  border: 1px solid var(--brand-purple-color);
  background: none;
  color: var(--front-accent-pure-color);
}
.status .verified {
  background: var(--front-button-gradient);
  color: var(--front-accent-pure-color);
}

.custom-input-alt {
  background: var(--over-gray-15);
  border: 1px solid transparent;
  border-radius: 10px;
  --highlight-color-focused: var(--brand-purple-color);
  --highlight-color-valid: var(--brand-purple-color);
  --highlight-height: 1px;
  --color: var(--front-accent-pure-color);
  --padding-start: 12px;
  --padding-end: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  --placeholder-opacity: 0.25;
  transition: linear 0.2s;
  min-height: 41px;
}
.custom-input-alt:hover {
  background: var(--over-gray-25);
  border-color: var(--brand-purple-color);
}
.custom-input-alt.has-focus {
  background: var(--over-gray-25);
  border-color: var(--brand-purple-color);
}
.custom-input-alt.has-icon {
  background-image: url('icon-share-alt.svg');
  background-repeat: no-repeat;
  background-position: 12px 50%;
  --padding-start: 53px;
}

.input-icon {
  position: absolute;
  right: 10px;
}

.purple img {
  box-shadow: 0 0 3px 0 rgba(111, 43, 255, 0.53), 0 0 6px 0 rgba(111, 43, 255, 0.39), 0 0 11px 0 rgba(111, 43, 255, 0.33), 0 0 19px 0 rgba(111, 43, 255, 0.29), 0 0 31px 0 rgba(111, 43, 255, 0.24), 0 0 55px 0 rgba(111, 43, 255, 0.2), 0 0 118px 0 #6f2bff;
}

.green img {
  box-shadow: 0 0 3px 0 rgba(29, 208, 138, 0.53), 0 0 6px 0 rgba(29, 208, 138, 0.39), 0 0 11px 0 rgba(29, 208, 138, 0.33), 0 0 19px 0 rgba(29, 208, 138, 0.29), 0 0 31px 0 rgba(29, 208, 138, 0.24), 0 0 55px 0 rgba(29, 208, 138, 0.2), 0 0 118px 0 rgba(29, 208, 138, 0.14);
}

.blue img {
  box-shadow: 0 0 3px 0 rgba(55, 123, 255, 0.53), 0 0 6px 0 rgba(55, 123, 255, 0.39), 0 0 11px 0 rgba(55, 123, 255, 0.33), 0 0 19px 0 rgba(55, 123, 255, 0.29), 0 0 31px 0 rgba(55, 123, 255, 0.24), 0 0 55px 0 rgba(55, 123, 255, 0.2), 0 0 118px 0 rgba(55, 123, 255, 0.14);
}

.lightblue img {
  box-shadow: 0 0 3px 0 rgba(30, 201, 255, 0.53), 0 0 6px 0 rgba(30, 201, 255, 0.39), 0 0 11px 0 rgba(30, 201, 255, 0.33), 0 0 19px 0 rgba(30, 201, 255, 0.29), 0 0 31px 0 rgba(30, 201, 255, 0.24), 0 0 55px 0 rgba(30, 201, 255, 0.2), 0 0 118px 0 rgba(30, 201, 255, 0.14);
}

app-active-ax-modal app-modal-header ion-header img:not(.end-img) {
  border-radius: 50%;
  box-shadow: 0 0 3px 0 rgba(111, 43, 255, 0.53), 0 0 6px 0 rgba(111, 43, 255, 0.39), 0 0 11px 0 rgba(111, 43, 255, 0.33), 0 0 19px 0 rgba(111, 43, 255, 0.29), 0 0 31px 0 rgba(111, 43, 255, 0.24), 0 0 55px 0 rgba(111, 43, 255, 0.2), 0 0 118px 0 #6f2bff;
}

.job-role-header ion-header.modal-header {
  border-bottom: 1px solid var(--over-gray-50);
}
.job-role-header ion-header.modal-header ion-toolbar ion-title p.toolbar-title {
  text-align: left;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
}
.job-role-header ion-header.modal-header ion-toolbar img {
  width: auto;
  height: auto;
}

app-delete-account-modal ion-toolbar .close-img {
  width: auto !important;
  height: auto !important;
}

ion-modal.sidebar-modal::part(content) {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 0;
}

ion-modal.sidebar-dashboard-modal::part(content) {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 393px;
  height: 100%;
  border-radius: 0;
}

.chats {
  --padding-start: 10px;
  --padding-end: 20px;
  --padding-top: 20px;
  --padding-bottom: 20px;
  background: var(--ground-screen-color);
}
.chats ion-item-sliding {
  transition: ease 0.5s;
  display: flex;
  justify-content: flex-end;
  background: #1D2130;
}
.chats ion-item-sliding ion-item-option {
  background: var(--front-accent-attend);
  text-transform: none;
}
.chats ion-item-sliding.item-sliding-active-slide ion-item {
  width: calc(100% - 59px);
}
.chats ion-item-sliding.item-sliding-active-slide.rounded {
  border-radius: 10px;
}
.chats ion-item-sliding ion-item {
  --background: #1D2130;
  --padding-start: 10px;
  --padding-end: 10px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  --inner-padding-end: 5px;
  transition: ease 0.5s;
  width: 100%;
}
.chats ion-item-sliding ion-item ion-avatar {
  width: 54px;
  height: 54px;
  margin-right: 20px;
  box-shadow: 0 1px 2px 0 var(--over-dark-15), 0 3px 6px 0 rgba(0, 0, 0, 0.11), 0 5px 11px 0 rgba(0, 0, 0, 0.09), 0 9px 20px 0 rgba(0, 0, 0, 0.08), 0 18px 37px 0 rgba(0, 0, 0, 0.06), 0 42px 89px 0 rgba(0, 0, 0, 0.04);
}
.chats ion-item-sliding ion-item ion-title.chat-title {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--front-accent-pure-color);
}
.chats ion-item-sliding ion-item ion-label.chat-subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: var(--front-accent-gray-color);
}
.chats ion-item-sliding ion-item .end {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}
.chats ion-item-sliding ion-item .end .end-top {
  display: flex;
}
.chats ion-item-sliding ion-item .end .end-top p {
  margin-left: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: var(--front-accent-gray-075-color);
}
.chats ion-item-sliding ion-item .end ion-badge {
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.chats ion-item-sliding ion-item .end ion-label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: var(--front-accent-gray-075-color);
}

app-new-interview-modal app-chat ion-content {
  border-right: none !important;
  height: calc(100% - 66px) !important;
}
app-new-interview-modal app-chat ion-content::part(background) {
  background-image: url('brand-logo__axon-chat.svg');
  background-position: center center;
  background-repeat: no-repeat;
}
app-new-interview-modal app-chat ion-footer {
  padding: 0;
  border: none;
}
app-new-interview-modal app-chat:has(.interview-button-block) ion-content:after {
  display: none;
}

.button-red {
  --background: var(--front-accent-attend-50) !important;
}

.button-gray {
  --background: var(--over-gray-50);
}

.button-purple {
  --background: var(--brand-purple-color);
}

.button-green {
  --background: var(--front-accent-done);
  color: var(--front-accent-dark-color);
}
.button-green:hover {
  color: var(--front-accent-pure-color);
}

.alt-checkbox {
  --size: 21px;
  --border-width: 1px;
}

.history-cards-group ion-item {
  margin-bottom: 10px;
  --inner-padding-end: 0 !important;
}
.history-cards-group ion-item .checkbox-wrap {
  margin-left: 10px;
}

p-editor {
  --p-editor-toolbar-background: none;
  --p-editor-toolbar-border-color: var(--ground-box-color);
  --p-editor-content-background: none;
  color: var(--front-accent-pure-color);
}
p-editor * {
  color: var(--front-accent-pure-color);
}
p-editor p {
  color: var(--front-accent-pure-color);
}

.p-editor .p-editor-toolbar.ql-snow .ql-picker span.ql-picker-label {
  color: var(--front-accent-pure-color);
}

.p-editor-container {
  height: 300px;
  background: var(--over-gray-25);
  border-radius: 10px;
  --p-editor-toolbar-background: var(--brand-purple-color);
}

p-editor-toolbar {
  border-bottom: 1px solid var(--ground-box-color);
}

.p-editor .p-editor-content .ql-editor {
  height: 254px;
}

.editor-block {
  background: var(--over-gray-15);
  box-shadow: none;
  border-radius: 10px;
  padding-bottom: 34px;
  position: relative;
  min-height: 300px;
}
.editor-block #toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--ground-box-color);
}
.editor-block #counter {
  text-align: right;
  padding: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-gray-075-color);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.drop-block .ngx-file-drop__drop-zone {
  background: var(--over-gray-15);
  border-radius: 10px !important;
  min-height: 333px;
  border: none !important;
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 49px;
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .drag-title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: var(--over-pure-25);
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .divider {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .divider:before, .drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .divider:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--brand-purple-color);
  width: calc(50% - 20px);
  position: absolute;
  top: 50%;
  transform: translate(0, 50%);
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .divider:before {
  left: 0;
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .divider:after {
  right: 0;
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .divider span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: var(--brand-purple-color);
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content ion-button {
  height: 35px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--front-accent-pure-color);
  line-height: 17px;
  text-align: center;
  --background: var(--brand-purple-color-50);
}
.drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .file-name {
  margin-top: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
}
.drop-block.circle-block .ngx-file-drop__drop-zone {
  border-radius: 50% !important;
  width: 200px;
  height: 200px;
  min-height: 0;
}
.drop-block.circle-block .ngx-file-drop__drop-zone .ngx-file-drop__content {
  padding: 0 30px;
}

.textarea-wrap .custom-textarea {
  background: var(--over-gray-15);
  min-height: 100px;
  border-radius: 10px;
  --highlight-height: 0px;
  --placeholder-color: var(--over-pure-25);
  --placeholder-opacity: 1;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  --padding-top: 20px;
  --padding-bottom: 30px;
  --padding-start: 12px;
  --padding-end: 12px;
  --color: var(--front-accent-pure-color);
  --highlight-color-focused: var(--front-accent-pure-color);
  --highlight-color-valid: var(--front-accent-pure-color);
  opacity: 1;
}
.textarea-wrap .custom-textarea textarea {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
.textarea-wrap .custom-textarea textarea::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.textarea-wrap .counter {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-gray-075-color);
  margin-top: -20px;
  text-align: right;
  padding: 0 12px;
}

.upload-form ion-item {
  margin-bottom: 10px;
}

.drop-area {
  height: 100%;
  padding-bottom: 20px;
}
.drop-area .ngx-file-drop__drop-zone {
  height: 100% !important;
}

p-select.p-select {
  background: var(--over-gray-15);
  border: 1px solid var(--input-border-color);
  margin-bottom: 10px;
  border-radius: 10px;
  width: 100%;
}
p-select.p-select.p-disabled {
  background: var(--over-gray-25);
}
p-select.p-select:not(.p-disabled):hover {
  border-color: #1D2130;
}
p-select.p-select.p-select-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--brand-purple-color);
}
p-select.p-select:not(.p-disabled).p-focus {
  border-color: var(--brand-purple-color);
}
p-select.p-select .p-placeholder {
  color: var(--over-pure-25);
}
p-select.p-select .p-overlay {
  margin-top: 0 !important;
  outline: 1px solid var(--brand-purple-color);
  border-top: 0;
  min-width: 100% !important;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  max-width: 100%;
}
p-select.p-select .p-overlay .p-select-list-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
p-select.p-select .p-overlay .p-select-list-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
p-select.p-select .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus,
p-select.p-select .p-select-option.p-select-option-selected.p-focus,
p-select.p-select .p-select-option.p-select-option-selected {
  background: var(--over-dark-25);
}
p-select.p-select .p-select-overlay {
  border: none;
  background: var(--ground-screen-color);
}
p-select.p-select .p-select-list {
  padding: 0;
}
p-select.p-select .p-select-label {
  height: 41px;
  padding-top: 12px;
  color: var(--front-accent-pure-color);
}

p-auto-complete .p-auto-complete-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--brand-purple-color);
}
p-auto-complete div.p-autocomplete {
  width: 100%;
  margin-bottom: 10px;
}
p-auto-complete div.p-autocomplete.p-autocomplete-open .p-autocomplete-input {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
p-auto-complete div.p-autocomplete.p-autocomplete-open .p-autocomplete-overlay {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
p-auto-complete div.p-autocomplete .p-autocomplete-input {
  width: 100%;
  height: 44px;
  background: var(--over-gray-15);
  border-color: var(--input-border-color);
  border-radius: 10px;
  color: var(--front-accent-pure-color);
}
p-auto-complete div.p-autocomplete .p-autocomplete-input::placeholder {
  color: var(--over-pure-25);
}
p-auto-complete div.p-autocomplete .p-autocomplete-input::-webkit-input-placeholder {
  color: var(--over-pure-25);
}
p-auto-complete div.p-autocomplete .p-autocomplete-input:-moz-placeholder { /* Firefox 18- */
  color: var(--over-pure-25);
}
p-auto-complete div.p-autocomplete .p-autocomplete-input::-moz-placeholder { /* Firefox 19+ */
  color: var(--over-pure-25);
}
p-auto-complete div.p-autocomplete .p-autocomplete-input:-ms-input-placeholder {
  color: var(--over-pure-25);
}
p-auto-complete div.p-autocomplete .p-inputtext:enabled:focus {
  box-shadow: none;
  border-color: var(--brand-purple-color);
}
p-auto-complete div.p-autocomplete .p-inputtext:enabled:hover {
  border-color: var(--input-border-color);
}
p-auto-complete .p-autocomplete-overlay {
  background: var(--ground-screen-color);
  border-color: var(--brand-purple-color);
}
p-auto-complete .p-autocomplete-overlay .p-autocomplete-list-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
p-auto-complete .p-autocomplete-overlay .p-autocomplete-list-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
p-auto-complete .p-autocomplete-overlay .p-autocomplete-list-container .p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {
  background: var(--over-dark-25);
}
p-auto-complete .p-overlay {
  margin-top: 0 !important;
  outline: 1px solid var(--brand-purple-color);
  border-top: 0;
  min-width: 100% !important;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  max-width: 100%;
}

.p-ripple {
  color: var(--front-accent-pure-color) !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(100%);
}

.input-group {
  display: flex;
  align-items: stretch;
  gap: 3px;
  border-radius: 10px;
}
.input-group .start-block {
  padding-right: 3px;
}
.input-group .start-block ion-badge {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-purple-color-50);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
  width: 30px;
}
.input-group .end-block {
  flex: auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.input-group .end-block .custom-input-alt {
  border-radius: 0;
  margin-bottom: 0;
  min-height: 31px;
}
.input-group .double-input {
  display: flex;
  gap: 3px;
}
.input-group .double-input ion-input {
  flex: 1;
}

.custom-select-wrapper {
  display: flex;
  align-items: stretch;
  background: var(--over-dark-25);
  border-radius: 900px;
  height: 36px;
  position: relative;
  padding-right: 5px;
}
.custom-select-wrapper:has(.options) .end button {
  background: var(--over-gray-50);
}
.custom-select-wrapper:has(.options) .end button svg {
  transform: rotate(180deg) translate(-1px, 2px);
  stroke: var(--front-accent-pure-color);
}
.custom-select-wrapper .start {
  padding-right: 10px;
  padding-left: 15px;
  border-right: 1px solid var(--over-gray-25);
  display: flex;
  align-items: center;
  width: 62px;
}
.custom-select-wrapper .start p {
  color: var(--front-accent-gray-color);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
}
.custom-select-wrapper .end {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  min-width: 146px;
  flex: auto;
}
.custom-select-wrapper .end p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: var(--over-pure-75);
}
.custom-select-wrapper .end button {
  border-radius: 900px;
  background: var(--over-gray-25);
  padding: 0 9px;
  height: 26px;
}
.custom-select-wrapper .end button svg {
  transition: ease-in-out 0.2s;
}
.custom-select-wrapper .options {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  background: var(--ground-box-color);
  border-radius: 18px;
  overflow: hidden;
  z-index: 3;
}
.custom-select-wrapper .options .options-item {
  background: var(--over-dark-25);
  display: flex;
  align-items: stretch;
  padding-right: 15px;
  border-bottom: 1px solid var(--over-gray-25);
  min-height: 36px;
  cursor: pointer;
}
.custom-select-wrapper .options .options-item.active, .custom-select-wrapper .options .options-item:hover {
  background: var(--brand-purple-color-10);
}
.custom-select-wrapper .options .options-item.active .number, .custom-select-wrapper .options .options-item:hover .number {
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.custom-select-wrapper .options .options-item:last-child {
  border-bottom: none;
}
.custom-select-wrapper .options .options-item p {
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
}
.custom-select-wrapper .options .options-item p.number {
  border-right: 1px solid var(--over-gray-25);
  background: var(--over-dark-5);
  padding-right: 10px;
  padding-left: 15px;
  width: 62px;
  justify-content: center;
  color: var(--front-accent-gray-color);
}
.custom-select-wrapper .options .options-item p.number + p {
  padding-left: 10px;
  color: var(--front-accent-pure-color);
}

app-interview-view-modal, app-retake-interview-modal {
  width: 100vw;
}
app-interview-view-modal ion-content::part(background), app-retake-interview-modal ion-content::part(background) {
  background: none;
}

ion-modal.full-width-modal {
  --height: 100vh;
  --background: none;
  background: var(--over-dark-75);
}

ion-modal.sidebar-modal__panel::part(content) {
  width: 1000px;
}

ion-modal.edit-mode-active {
  --width: 80%;
}

ion-modal.modal-height-md::part(content) {
  --height: 528px;
}
@media (max-width: 599.98px) {
  ion-modal.modal-height-md::part(content) {
    --height: 100vh;
    --height: 100dvh;
  }
}

ion-modal.modal-height-ms::part(content) {
  --height: 424px;
}
@media (max-width: 599.98px) {
  ion-modal.modal-height-ms::part(content) {
    --height: 100vh;
    --height: 100dvh;
  }
}

ion-modal.modal-height-sm::part(content) {
  max-height: 465px;
}
@media (max-width: 599.98px) {
  ion-modal.modal-height-sm::part(content) {
    max-height: 100vh;
    max-height: 100dvh;
  }
}

.selection .datepicker-wrap p-date-picker {
  display: flex;
}
.selection .datepicker-wrap p-date-picker input {
  padding-top: 3px;
  padding-bottom: 3px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
.selection .datepicker-wrap p-date-picker ::-webkit-input-placeholder {
  color: var(--brand-purple-color);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
.selection .datepicker-wrap p-date-picker :-moz-placeholder {
  color: var(--brand-purple-color);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
.selection .datepicker-wrap p-date-picker ::-moz-placeholder {
  color: var(--brand-purple-color);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
.selection .datepicker-wrap p-date-picker :-ms-input-placeholder {
  color: var(--brand-purple-color);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
.selection .datepicker-wrap .p-inputwrapper {
  height: 100%;
}
.selection .datepicker-wrap .p-inputwrapper input {
  background: var(--brand-purple-color-50);
  border: none;
  border-radius: 0 10px 10px 0;
  height: 20px;
  text-align: center;
}
.selection p-button-group {
  display: flex;
  align-items: stretch;
}
.selection p-button-group p-button:first-child .p-button {
  border-radius: 0;
}
.selection p-button-group p-button.active .p-button {
  background: var(--brand-purple-color);
  border-color: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.selection p-button-group p-button .p-button {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-pure-color);
  background: var(--over-dark-25);
  border-color: var(--front-accent-gray-color);
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  border-radius: 90px;
}
.selection p-button-group p-button .p-button:hover {
  background: var(--brand-purple-color);
  border-color: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.selection .p-datepicker-timeonly {
  background: var(--over-dark-25);
  border-color: var(--front-accent-gray-color);
}
.selection .p-iconwrapper svg {
  stroke: var(--brand-purple-color);
}
.selection .p-button-text:not(:disabled):hover {
  background: var(--brand-purple-color-10);
}

.double-button ion-button {
  --padding-start: 12px;
  --padding-end: 12px;
}
.double-button ion-button:first-child {
  --border-radius: 90px 0 0 90px;
}
.double-button ion-button:last-child {
  --border-radius: 0 90px 90px 0;
  margin-left: 1px;
}

app-view-project-info-modal .chat-content ion-content {
  height: calc(100% - 129px) !important;
}

.double-button ion-button {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 15px;
  --padding-end: 15px;
  --inner-padding-start: 20px;
  --inner-padding-end: 20px;
  min-width: auto;
  width: auto;
  max-width: none;
  max-height: 36px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
  white-space: nowrap;
  --background: var(--over-dark-25);
}
.double-button ion-button.gray-button {
  --background: var(--mark-dark-menu);
}
.double-button ion-button.gray-text {
  color: var(--over-pure-25);
}

.input-with-button {
  display: flex;
  gap: 10px;
}
.input-with-button ion-button {
  height: 36px;
  min-width: 138px;
  width: 138px;
  --border-radius: 10px;
  --padding-start: 10px;
  --padding-end: 10px;
}
.input-with-button ion-input {
  height: 36px;
  min-height: 36px;
}

ion-popover {
  --background: none;
  --box-shadow: none;
}

app-talent-verification-current .sidenav-section > app-chat ion-content {
  height: calc(100vh - 183px) !important;
}

.side-arrow {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translate(100%, -50%);
  border-radius: 20px 0 0 20px;
  background: var(--mark-dark-menu);
  width: 30px;
  height: 90px;
}

app-standard-plan app-modal-header ion-header,
app-voice-over app-modal-header ion-header,
app-block-list app-modal-header ion-header,
app-sharing-your-data app-modal-header ion-header,
app-interface-mode app-modal-header ion-header,
app-manage-linked-accounts app-modal-header ion-header,
app-security-privacy app-modal-header ion-header,
app-customer-service app-modal-header ion-header,
app-business-plan app-modal-header ion-header,
app-notifications app-modal-header ion-header,
app-templates app-modal-header ion-header,
app-account app-modal-header ion-header {
  border-top: 1px solid var(--ground-screen-color);
  height: 61px;
  overflow: hidden;
}

app-templates app-modal-header ion-header {
  border: none;
}
app-templates app-modal-header ion-header ion-toolbar {
  max-height: 60px;
}

ion-toggle {
  --handle-background: var(--front-accent-gray-color);
  --handle-background-checked: var(--front-accent-pure-color);
  --track-background: var(--over-gray-25);
  --track-background-checked: var(--brand-purple-color);
  --width: 56px;
}
ion-toggle::ng-deep .native-wrapper .toggle-icon {
  width: 56px !important;
}

app-custom-filter.purple .custom-select-wrapper .start {
  background: var(--brand-purple-color);
  border-radius: 900px 0 0 900px;
}
app-custom-filter.purple .custom-select-wrapper .start p {
  color: var(--front-accent-pure-color) !important;
}

app-opening-job:last-of-type section {
  border: none !important;
}

app-retake-interview-modal p-select.p-select .p-overlay {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: calc(100% + 10px) !important;
  top: auto !important;
}

ion-modal:has(app-retake-interview-modal) {
  --max-height: 100vh;
}

app-sidebar .axons-wrapper app-chat app-sensor-dark svg {
  max-width: 100%;
}

app-sidebar .axons-wrapper app-chat .chat-block-outer {
  width: 100%;
  position: absolute;
  margin: 0 -20px;
}
app-sidebar .axons-wrapper app-chat .chat-block-outer:has(.chat-block) {
  height: 176px;
}
app-sidebar .axons-wrapper app-chat .chat-block-outer:has(.chat-block.opened) {
  height: calc(100vh - 194px);
  background: var(--ground-screen-color);
}
app-sidebar .axons-wrapper app-chat .chat-block-outer .chat-block {
  padding-bottom: 0;
  background: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
app-sidebar .axons-wrapper app-chat .chat-block-outer .chat-block.opened {
  height: calc(100vh - 210px) !important;
}
app-sidebar .axons-wrapper app-chat .chat-block-outer .chat-block .chat-block-inner .message {
  max-width: 90% !important;
}

app-chats-shell .chat-footer {
  border-top: 1px solid var(--ground-box-color);
}
app-chats-shell .chat-footer ion-item {
  --padding-top: 20px;
  --padding-bottom: 20px;
  --padding-start: 20px;
  --padding-end: 20px;
}

app-chat-with-axon-sidebar app-chat ion-content {
  border-right: none !important;
}
app-chat-with-axon-sidebar app-chat ion-footer {
  background: none;
}
app-chat-with-axon-sidebar app-chat ion-footer ion-item {
  --padding-top: 20px;
}

app-sidebar-axon app-chat app-chat-item ion-item {
  max-width: 90% !important;
}

.message-wrap app-chat-item:has(.own-message) + .message-reaction {
  left: auto !important;
  right: 0 !important;
}

ion-text[color=danger] {
  background: var(--front-accent-attend-50);
  border-radius: 90px;
  padding: 10px 20px;
  height: 34px;
  display: flex;
  align-items: center;
  color: #FF688C;
}

app-sensor-dark svg {
  max-height: 33vh;
}

.change-number-modal {
  --min-width: 100%;
  padding: 20px 20px 42px;
  --height: 100%;
  --max-height: 100%;
}
.change-number-modal h1 {
  margin-top: 60px;
}

.ql-snow .ql-stroke {
  stroke: var(--front-accent-pure-color) !important;
}

ion-segment-view {
  gap: 10px;
}

/*app-new-role-modal .chat-block-outer .chat-block.opened,
app-new-interview-modal .chat-block-outer .chat-block.opened {
  height: 77vh !important;
  max-height: 540px !important;
}*/
app-new-role-modal .chat-block-outer:has(.chat-block.opened),
app-new-interview-modal .chat-block-outer:has(.chat-block.opened) {
  max-height: 90%;
}
app-new-role-modal .chat-block-outer .chat-block.opened,
app-new-interview-modal .chat-block-outer .chat-block.opened {
  /*height: 69vh !important;*/
  height: 70vh !important;
  max-height: 88% !important;
}

app-more-popover svg path {
  fill: var(--front-accent-pure-color);
}

ion-modal:has(app-interview-view-modal) {
  --max-height: 100vh;
}

app-share-job-modal app-credential-item-r-arrow ion-item.item.check-bg .start-block {
  background-image: url('checked-bg.svg') !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
}

app-plan-card app-list-item ion-item {
  font-size: 12px !important;
}

ion-modal:has(app-diamonds-modal) {
  --width: 393px;
  --min-width: 393px;
}
@media (max-width: 599.98px) {
  ion-modal:has(app-diamonds-modal) {
    --width: 100vw;
    --min-width: 100vw;
  }
}

.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md {
  margin-right: 30px;
}

.searchbar-input.sc-ion-searchbar-md {
  padding-right: 68px;
}

.pagination {
  margin-top: 20px;
  border-radius: 15px;
  background: var(--table-box-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 0 20px;
}
.pagination .start-block {
  color: var(--front-accent-pure-color);
}
.pagination .end-block {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pagination .end-block .page-number {
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

app-job-role-info-modal .p-disabled,
app-job-role-info-modal .p-component:disabled {
  opacity: 1;
}

app-copy-to-linkedin-modal .p-editor .p-editor-toolbar.ql-snow {
  background: var(--brand-purple-color);
  border-color: var(--brand-purple-color);
}
app-copy-to-linkedin-modal app-modal-header .start-img {
  width: 20px;
}
app-copy-to-linkedin-modal app-custom-filter .custom-select-wrapper .start {
  background: var(--brand-purple-color);
  border-radius: 900px 0 0 900px;
}
app-copy-to-linkedin-modal app-custom-filter .custom-select-wrapper .start p {
  color: var(--front-accent-pure-color) !important;
}

app-company-stats .admin-item table th {
  background: var(--over-gray-15) !important;
  border: 1px solid var(--ground-screen-color);
  border-top: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: var(--front-accent-pure-color);
  padding: 0 10px;
}
app-company-stats .admin-item table th:first-child {
  border-left: none;
  width: 36px;
  text-align: center;
}
app-company-stats .admin-item table th:last-child {
  border-right: none;
}
app-company-stats .admin-item table td {
  border: 1px solid var(--over-gray-25);
  background: var(--over-dark-5);
  color: var(--over-pure-75);
  padding: 0 10px;
}
app-company-stats .admin-item table td:first-child {
  border-left: none;
  text-align: center;
}
app-company-stats .admin-item table td:last-child {
  border-right: none;
}
app-company-stats .admin-item table tr:last-child td {
  border-bottom: 1px solid var(--over-gray-25) !important;
}

app-question-item .p-inputwrapper {
  display: block;
}
app-question-item .p-inputwrapper .p-inputtext {
  height: 20px;
  display: block;
  border-radius: 0 10px 10px 0;
  padding: 0 5px;
  width: 76px;
  border: none;
  background: var(--brand-purple-color-50);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}
app-question-item .p-inputwrapper .p-inputtext::placeholder {
  color: var(--brand-purple-color);
}
app-question-item textarea {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
app-question-item textarea::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

app-job-role-info-modal textarea {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
app-job-role-info-modal textarea::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.menu-opened > .mat-drawer-side {
  width: calc(25% + 87px) !important;
  max-width: 373px !important;
}
.menu-opened app-sidebar-axon > ion-content {
  width: 306px !important;
}

.delete-experience-credential-modal {
  --height: 448px;
  --min-width: 320px;
  --max-width: 320px;
  --border-radius: 20px;
}

app-reset-password-modal code-input, app-create-metaday-account-modal code-input {
  --item-border-radius: 10px !important;
  --item-height: 78px !important;
  --item-spacing: 10px !important;
  --color: var(--front-accent-pure-color) !important;
  display: flex;
  gap: 10px;
  justify-content: center;
}
app-reset-password-modal code-input span, app-create-metaday-account-modal code-input span {
  max-width: 46px !important;
  padding: 0 !important;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
app-reset-password-modal code-input span input, app-create-metaday-account-modal code-input span input {
  border: 1px solid var(--front-accent-pure-color);
  border-radius: 10px !important;
}
app-reset-password-modal code-input span input:focus, app-create-metaday-account-modal code-input span input:focus {
  box-shadow: none !important;
}

/*ion-modal.sidebar-modal:has(app-notifications-modal) {
  --width: 393px;
  --min-width: 393px;
}*/
app-sidebar-axon app-chat .chat-block-outer .interview-button-block {
  bottom: 100% !important;
}
app-sidebar-axon app-chat .chat-block-outer:has(.chat-block) {
  height: 175px;
}
app-sidebar-axon app-chat .chat-block-outer:has(.chat-block.opened) {
  height: 100% !important;
}
app-sidebar-axon app-chat .chat-block-outer:has(.chat-block.opened) .interview-button-block {
  bottom: auto !important;
  top: 10px;
}

app-chat-with-axon-sidebar .chat-block-outer:has(.chat-block.opened) {
  height: calc(100% - 10px) !important;
  background: var(--ground-screen-color);
}
app-chat-with-axon-sidebar .chat-block-outer:has(.chat-block.opened) .interview-button-block {
  top: 10px;
  bottom: auto;
}

.sidebar-dashboard-modal,
.sidebar-modal {
  --min-width: 462px;
}

app-add-credentials-modal .colored-header .end-img {
  padding: 0;
}

ion-modal:has(app-end-interview-modal) {
  --height: 300px;
  --box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04), 0 4px 15px 0 rgba(0, 0, 0, 0.06), 0 8px 28px 0 rgba(0, 0, 0, 0.08), 0 15px 49px 0 rgba(0, 0, 0, 0.09), 0 28px 92px 0 rgba(0, 0, 0, 0.11), 0 67px 221px 0 var(--over-dark-15) !important;
}

app-end-interview-modal .colored-header.identity-header ion-toolbar {
  --background: none;
}
app-end-interview-modal .colored-header.identity-header .start-img {
  background: var(--over-dark-45);
  padding: 7px;
}

app-download-your-report-modal app-custom-filter .custom-select-wrapper .start {
  background: var(--brand-purple-color);
  border-top-left-radius: 900px;
  border-bottom-left-radius: 900px;
}
app-download-your-report-modal app-custom-filter .custom-select-wrapper .start p {
  color: var(--front-accent-pure-color) !important;
}
app-download-your-report-modal .p-select-list-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
app-download-your-report-modal .p-select-list-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.cursor-pointer {
  cursor: pointer;
}

app-update-company-modal .p-editor-container {
  background: var(--over-gray-15);
  border-radius: 10px;
}
app-update-company-modal .p-editor-toolbar {
  border: none;
  border-bottom: 1px solid var(--ground-box-color);
}

.uploaded-img {
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  margin-bottom: 10px;
  background: var(--over-gray-15);
  width: 100%;
}
.uploaded-img.uploaded-avatar {
  background: var(--over-pure-50);
}
.uploaded-img.uploaded-avatar .avatar {
  display: flex;
  justify-content: center;
}
.uploaded-img img {
  display: block;
}
.uploaded-img .buttons-group {
  display: flex;
}
.uploaded-img .buttons-group ion-button {
  --border-radius: 0;
  height: 35px;
  --background: #4A459C;
}
.uploaded-img .buttons-group ion-button:last-of-type {
  --background: #8B334F;
}

ion-modal:has(app-train-ax-modal) {
  --width: 392px;
  --min-width: 392px;
  --max-height: 378px;
}

app-train-ax-modal ion-toolbar {
  --padding-top: 20px !important;
  --padding-bottom: 20px !important;
}
app-train-ax-modal ion-toolbar .start-img {
  box-shadow: 0 0 3px 0 rgba(111, 43, 255, 0.53), 0 0 6px 0 rgba(111, 43, 255, 0.39), 0 0 11px 0 rgba(111, 43, 255, 0.33), 0 0 19px 0 rgba(111, 43, 255, 0.29), 0 0 31px 0 rgba(111, 43, 255, 0.24), 0 0 55px 0 rgba(111, 43, 255, 0.2), 0 0 118px 0 #6f2bff;
  background: var(--over-dark-45);
  border-radius: 50%;
  border: 1.5px solid var(--brand-purple-color);
  padding: 7px;
}
app-train-ax-modal app-axon-card ion-card {
  width: 171px;
  min-width: 171px;
  height: 258px;
}

app-current-openings-selected app-about-company h1 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  line-height: 130% !important;
  letter-spacing: 0.02em !important;
  font-weight: 700 !important;
  font-weight: 700 !important;
  color: var(--brand-purple-color) !important;
}
app-current-openings-selected app-about-company p {
  color: var(--front-accent-dark-color) !important;
}

app-current-openings app-about-company h6 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 130%;
  color: var(--mark-dark-menu);
  text-decoration: underline;
  margin: 0 !important;
  cursor: pointer;
}
app-current-openings app-about-company .text-block {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px;
}

.checkbox-block {
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.checkbox-block ion-label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: var(--over-pure-25) !important;
}

.agreement-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  padding: 5px 18px 20px 18px;
}
.agreement-wrap p {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: var(--front-accent-gray-color);
}
.agreement-wrap p span {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.copy-id {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.copy-id ion-label {
  font-size: 12px !important;
}

app-talent-verification-current app-profile-progress-card ion-card {
  border: none !important;
}

.p-editor .p-editor-content .ql-editor {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
.p-editor .p-editor-content .ql-editor::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.double-button ion-button:hover img {
  filter: brightness(0) invert(1);
}

.range-container ion-range.custom-range {
  --bar-border-radius: 900px;
  --bar-height: 20px;
  --knob-handle-size: 18px;
  --knob-background: var(--front-accent-gray-050);
  --bar-background: var(--over-pure-25);
  --bar-background-active: var(--front-accent-pure-color);
  width: 100%;
  /*.range-bar {
    .range-bar-active {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }*/
}
.range-container ion-range.custom-range::part(knob) {
  background: #ADAEC5;
  width: 17px;
  height: 17px;
  transform: scale(1);
  margin-top: 1px;
}
.range-container .range-display-outer {
  height: 20px;
  border-radius: 90px;
  display: flex;
  align-items: center;
  padding-right: 1px;
}
.range-container .range-display-outer .range-display {
  background: var(--ground-screen-color);
  border-radius: 90px;
  height: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-pure-color);
  align-items: center;
  display: inline-flex;
  width: 53px;
  padding: 3px 7px;
  justify-content: space-between;
}
.range-container .range-display-outer .range-display span {
  display: block;
  line-height: 1;
  padding-top: 2px;
}
.range-container .range-display-outer .range-display svg {
  display: block;
  margin-bottom: 2px;
}

.user-id-wrap {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.user-id-wrap .user-id {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: var(--front-accent-gray-075-color);
  text-transform: uppercase;
}

app-update-company-modal .p-overlay.p-component {
  width: 358px;
}
app-update-company-modal .p-overlay.p-component .p-select-list-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}
app-update-company-modal .p-overlay.p-component .p-select-list-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

ion-modal:has(app-quick-prompt-modal) {
  --max-width: 393px;
}

.hidden-content-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.hidden-content-title ion-button {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 0;
  height: 28px;
  width: 60px;
  --border-radius: 5px;
  min-height: 0;
}
.hidden-content-title ion-button.active img {
  transform: rotate(180deg);
}
.hidden-content-title ion-note {
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--over-pure-50);
}

.select {
  --border-color: var(--front-accent-pure-color);
  --padding-end: 0;
  --padding-start: 0;
  --padding-bottom: 0;
  --padding-top: 0;
  --placeholder-color: var(--front-accent-pure-color);
  --highlight-color-focused: var(--front-accent-pure-color);
  --highlight-color-valid: var(--front-accent-pure-color);
  --highlight-height: 1px;
  height: 44px;
  min-height: 0;
}
.select::part(icon) {
  color: var(--front-accent-pure-color);
  margin-left: auto;
}
.select::part(text) {
  flex: 1;
}
.select::part(container) {
  flex: 1 1 auto;
  min-width: 0;
  width: 258px;
}
.select .select-wrapper-inner {
  width: 100%;
}

.open-to-top .custom-select-wrapper {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.open-to-top .custom-select-wrapper .options {
  top: auto !important;
  bottom: calc(100% + 10px);
}

ion-toggle.theme-toggle::part(handle) {
  background: url('icon-moon__toggle-theme.svg') no-repeat center/contain;
}

ion-toggle.theme-toggle.toggle-checked::part(handle) {
  background: url('icon-sun__toggle-theme.svg') no-repeat center/contain;
}

.congratulations-block {
  padding: 50px 20px;
}
.congratulations-block h1 {
  margin: 0 0 5px;
  text-align: center;
  font-size: 25px;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 700;
  line-height: 110%;
  color: var(--front-accent-pure-color);
  letter-spacing: 0.02em;
  word-spacing: 2px;
  color: var(--front-accent-pure-color);
}
.congratulations-block p {
  text-align: center;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--front-accent-gray-color);
  color: var(--brand-purple-color);
}

app-curriculum-vitae-cv-modal app-modal-header ion-header ion-toolbar .back-img {
  padding: 0 !important;
}

app-jobs app-job-card.active ion-item {
  --background: var(--over-gray-50) !important;
}
app-jobs app-job-card.active ion-item:hover {
  --background: var(--over-gray-50) !important;
}
app-jobs app-job-card ion-item:hover {
  --background: var(--dark-hover-bg) !important;
}

.tooltip-icon {
  box-shadow: none !important;
  background: none !important;
}

.info-icon {
  cursor: pointer;
}

.has-share {
  --inner-padding-end: 0;
  --padding-end: 0 !important;
  --background: none !important;
}
.has-share ion-button {
  margin-left: 4px;
  height: 35px;
  --padding-end: 16px;
  --padding-start: 16px;
}

.status-big {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 175%;
  text-align: center;
  color: var(--front-accent-dark-color);
  height: 36px;
  padding: 0 15px;
  margin-right: 10px;
}
.status-big.green {
  background: var(--front-accent-done);
}

app-hiring-candidates .mat-sidenav-container {
  height: 100%;
}

app-sign-up p-auto-complete {
  width: 100%;
}
app-sign-up p-auto-complete div.p-autocomplete {
  margin: 0;
  border-bottom: 1px solid var(--front-accent-pure-color);
}
app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-input {
  background: none;
  border: none;
  border-radius: 0;
  padding-left: 0;
}
app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-input::placeholder {
  color: var(--front-accent-pure-color);
  opacity: 0.5;
}
app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-dropdown {
  background: none;
  border: none;
}
app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-dropdown:not(:disabled):hover {
  background: none;
}
app-sign-up p-auto-complete div.p-autocomplete .p-overlay {
  outline: none;
}
app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-overlay {
  background: var(--over-dark-45);
  border: none;
}

app-searchbar-container p-auto-complete div.p-autocomplete {
  margin: 0;
}
app-searchbar-container p-auto-complete div.p-autocomplete .p-autocomplete-input {
  height: 52px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
  border-radius: 0;
  background: none;
  border-color: transparent;
  padding: 0 68px 0 55px;
}
app-searchbar-container p-auto-complete div.p-autocomplete .p-autocomplete-input::placeholder {
  color: var(--front-accent-pure-color);
  opacity: 0.5;
}
app-searchbar-container .p-autocomplete-input-multiple {
  height: 52px;
  border-radius: 0;
  border: none;
  background: none;
  padding: 0 68px 0 55px;
}
app-searchbar-container .p-autocomplete-input-multiple .p-autocomplete-input-chip input {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
}
app-searchbar-container .p-autocomplete-input-multiple:has(.p-autocomplete-chip) {
  padding: 0 68px 0 55px;
}
app-searchbar-container .p-autocomplete-input-multiple .p-autocomplete-chip {
  border-radius: 900px;
  padding: 5px 10px;
  width: auto;
  min-height: 25px;
  min-width: 21px;
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
  margin: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
}

app-education-modal app-modal-header .modal-toolbar .end-img {
  cursor: pointer;
}

.gradient-text {
  background: radial-gradient(222.57% 147.37% at 100% 0%, rgb(1, 187, 248) 3.3653847873%, rgb(1, 219, 255) 15.3451547027%, rgb(1, 219, 255) 30.2698224783%, rgb(1, 131, 253) 59.03018713%, rgb(0, 40, 205) 82.6923072338%, rgb(0, 40, 205) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 1 !important;
  --box-shadow: 0 -1px 6px 0 rgba(14, 14, 17, 0.07), 0 -4px 13px 0 rgba(14, 14, 17, 0.1), 0 -7px 25px 0 rgba(14, 14, 17, 0.12), 0 -12px 44px 0 rgba(14, 14, 17, 0.14), 0 -23px 83px 0 rgba(14, 14, 17, 0.17), 0 -54px 199px 0 rgba(14, 14, 17, 0.24) !important;
}

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

app-sign-up app-password-validator {
  width: 100%;
  margin-top: 10px;
}
app-sign-up .password-enter ion-input input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
}

app-complete-registration-modal app-modal-header ion-title {
  padding-right: 40px;
}

app-diamonds-modal .modal-toolbar {
  --padding-top: 12px !important;
  --padding-end: 12px !important;
  --padding-bottom: 12px !important;
  --padding-start: 12px !important;
}

app-lifestyle-modal app-modal-header ion-toolbar {
  border-top-right-radius: 20px;
  border-top-left-radius: 19px;
}

app-sidebar-axon .axon-card-wrap .inner:last-of-type app-axon-card ion-card {
  background: #224D68;
}
app-sidebar-axon .axon-card-wrap .inner:last-of-type app-axon-card ion-card:hover {
  background: #20769B !important;
}
app-sidebar-axon app-axon-card ion-card {
  height: 293px;
  overflow: hidden;
  transition: ease-in-out 0.2s;
  background: var(--brand-purple-color-25);
}
app-sidebar-axon app-axon-card ion-card:hover {
  padding-top: 10px;
  background: #46419B !important;
}

app-train-ax-modal app-axon-card ion-card {
  overflow: hidden;
  transition: ease-in-out 0.2s;
  background: var(--brand-purple-color-25);
}
app-train-ax-modal app-axon-card ion-card ion-card-content {
  transition: ease-in-out 0.2s;
}
app-train-ax-modal app-axon-card ion-card:hover {
  padding-top: 5px;
  background: #46419B !important;
}
app-train-ax-modal app-axon-card ion-card:hover ion-card-content {
  transform: translate(0, 10px);
}
app-train-ax-modal app-axon-card:last-of-type ion-card {
  background: #224D68 !important;
}
app-train-ax-modal app-axon-card:last-of-type ion-card:hover {
  background: #20769B !important;
}

app-diamonds-modal app-modal-header ion-header ion-toolbar .end-img:last-of-type {
  margin-left: 10px;
}

p-editor:has(.ai-generate) {
  position: relative;
}
p-editor:has(.ai-generate) .ai-generate {
  position: absolute;
  right: 10px;
  top: 4px;
}

/*app-disconnect-profile app-table table td:first-child,
app-disconnect-profile app-table table th:first-child {
  padding: 0 10px !important;
  text-align: center;
}*/
app-disconnect-profile app-table table td:first-child, app-disconnect-profile app-table table th:first-child {
  padding: 0 10px !important;
  text-align: center;
}
app-disconnect-profile app-table table div:has(img) {
  display: flex;
  gap: 6px;
}

.has-tooltip {
  display: flex;
  align-items: center;
  gap: 4px;
}

.tooltip-wrap {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: var(--over-pure-50);
  background: var(--mark-dark-menu);
  border-radius: 10px;
  padding: 10px;
  max-width: 353px;
  position: relative;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04), 0 4px 15px 0 rgba(0, 0, 0, 0.06), 0 8px 28px 0 rgba(0, 0, 0, 0.08), 0 15px 49px 0 rgba(0, 0, 0, 0.09), 0 28px 92px 0 rgba(0, 0, 0, 0.11), 0 67px 221px 0 var(--over-dark-15);
}
.tooltip-wrap span {
  color: var(--front-accent-done);
  opacity: 0.5;
  cursor: pointer;
}
.tooltip-wrap::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--mark-dark-menu);
}

.p-toast {
  --p-toast-error-border-color: var(--front-accent-attend);
  --p-toast-warn-border-color: var(--colors-yellow);
  --p-toast-border-radius: 11px;
  --p-toast-blur: 120px;
  --p-toast-error-shadow: 0 1px 2px 0 var(--over-dark-15), 0 3px 6px 0 rgba(0, 0, 0, 0.11), 0 5px 11px 0 rgba(0, 0, 0, 0.09), 0 9px 20px 0 rgba(0, 0, 0, 0.08), 0 18px 37px 0 rgba(0, 0, 0, 0.06), 0 42px 89px 0 rgba(0, 0, 0, 0.04);
  --p-toast-warn-shadow: 0 1px 2px 0 var(--over-dark-15), 0 3px 6px 0 rgba(0, 0, 0, 0.11), 0 5px 11px 0 rgba(0, 0, 0, 0.09), 0 9px 20px 0 rgba(0, 0, 0, 0.08), 0 18px 37px 0 rgba(0, 0, 0, 0.06), 0 42px 89px 0 rgba(0, 0, 0, 0.04);
  --p-toast-error-background: var(--ground-screen-color);
  --p-toast-warn-background: var(--ground-screen-color);
  --p-toast-content-gap: 10px;
  --p-toast-close-icon-size: 30px;
  max-width: calc(100% - 40px);
}
.p-toast .p-toast-message-icon {
  margin: auto 0;
  height: 100%;
}
.p-toast .p-toast-message-icon i {
  width: 30px;
  height: 30px;
}
.p-toast .p-toast-message-content {
  display: flex;
  align-items: stretch;
}

.edit-actions {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  gap: 10px;
}
.edit-actions ion-button {
  height: 29px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  --padding-end: 15px;
  --padding-start: 15px;
  --min-width: 0;
  width: auto;
}
.edit-actions ion-button:first-child {
  color: var(--front-accent-pure-color);
  --background: none;
}

.message-reaction.separate-buttons {
  padding: 0 !important;
  display: flex;
  align-items: stretch;
}
.message-reaction.separate-buttons div {
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 25px;
}
.message-reaction.separate-buttons div:last-child img {
  height: 15px;
}

.edit-mode-active .essential-info-grid p-auto-complete div.p-autocomplete {
  margin: 0;
}

p-auto-complete {
  --p-autocomplete-background: var(--over-gray-15);
  --p-autocomplete-border-color: var(--input-border-color);
  --p-autocomplete-dropdown-background: var(--over-gray-15);
  --p-autocomplete-dropdown-border-color: var(--input-border-color);
  --p-autocomplete-dropdown-border-radius: 10px;
  --p-autocomplete-border-radius: 10px;
  --p-autocomplete-focus-border-color: var(--brand-purple-color);
  --p-autocomplete-hover-border-color: var(--brand-purple-color);
  --p-autocomplete-dropdown-hover-background: var(--over-gray-15);
  --p-autocomplete-dropdown-hover-border-color: var(--brand-purple-color);
  --p-autocomplete-chip-border-radius: 90px;
  --p-chip-background: var(--brand-purple-color);
  --p-autocomplete-option-selected-background: var(--dark-hover-bg);
  --p-autocomplete-option-selected-focus-background: var(--dark-hover-bg);
}
p-auto-complete .p-autocomplete-chip {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.02em;
}
p-auto-complete .p-autocomplete-input-chip input::placeholder {
  color: var(--front-accent-pure-color);
  opacity: 0.5;
}
p-auto-complete .p-autocomplete {
  min-height: 41px;
}

.delete-button {
  --padding-bottom: 0;
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  min-height: 0;
  height: 20px;
  --background: var(--front-accent-gray-050-color);
  width: 28px;
}

.popover-desktop:has(app-attach-popover) {
  --width: 189px;
}

.mobile-modal, .inline-mobile-modal {
  --border-radius: 40px;
  --max-height: 90vh;
}
.mobile-modal.safari-mobile-modal, .inline-mobile-modal.safari-mobile-modal {
  --max-height: 80vh;
}

.inline-mobile-modal app-jobs-content {
  margin-top: 0;
  position: relative;
  contain: layout style;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 0;
}
.inline-mobile-modal app-jobs-content ion-header {
  border-top: none;
}
.inline-mobile-modal app-jobs-content ion-header ion-toolbar {
  --background: var(--colors-blue-10);
}
.inline-mobile-modal app-jobs-content ion-footer {
  display: flex;
  flex-direction: column;
  padding-inline: 0;
  align-items: center;
  background: var(--ground-screen-color);
}

.mobile-rounded-btn {
  --background: var(--mark-dark-menu);
  --border-radius: 50%;
  --border-width: 0;
  --box-shadow: none;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  --opacity: 1;
  --background-activated: transparent;
  --background-focused: #fff;
  --background-hover: #fff;
  --background-activated-opacity: 0;
  --background-focused-opacity: .24;
  --background-hover-opacity: .08;
  width: 36px;
  height: 36px;
  font-size: 10px;
}
.mobile-rounded-btn__img {
  height: 18px;
}

app-chat-item a {
  color: var(--front-accent-pure-color);
}

.apexcharts-xcrosshairs.apexcharts-active {
  opacity: 0 !important;
}

.no-hover-borders .custom-input-alt:hover {
  border-color: transparent;
}

ion-modal.interview-summary-modal {
  --width: 800px;
}
ion-modal.interview-summary-modal app-modal-header-compact ion-toolbar {
  --min-height: 50px;
}

app-open-jobs .searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md {
  margin-right: 0;
}

p-dialog {
  --p-dialog-background: var(--over-dark-75);
  --p-dialog-border-color: var(--over-pure-10);
}
p-dialog .p-dialog-header .p-dialog-title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.03em;
}
p-dialog .p-dialog {
  width: 600px;
  max-width: 100%;
}
p-dialog .p-overlay-mask {
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  --p-mask-background: var(--over-dark-50);
}

.filters ion-radio {
  --color-checked: var(--front-accent-pure-color);
}
.filters ion-radio::part(container) {
  width: 10px;
  height: 10px;
}

/*++++++++++++++++++++++ LIGHT THEME STYLES +++++++++++++++++++++++*/
.light-theme {
  /*.p-editor .p-editor-toolbar * {
      color: var(--front-accent-pure-color) !important;
    }
  */
}
.light-theme .title {
  color: var(--front-accent-dark-color) !important;
}
.light-theme .note__link {
  color: var(--front-accent-dark-color);
}
.light-theme ion-input input:-webkit-autofill {
  background-color: var(--ground-box-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--ground-box-color) inset !important;
  -webkit-text-fill-color: var(--front-accent-dark-color) !important;
}
.light-theme app-form .column-layout ion-item {
  --background: var(--ground-box-color);
}
.light-theme ion-input {
  --placeholder-color: var(--front-accent-dark-color);
  --placeholder-opacity: 0.5;
  color: var(--front-accent-dark-color) !important;
  --background: var(--ground-box-color);
  --border-radius: 10px;
}
.light-theme app-sign-in svg path {
  fill: var(--front-accent-dark-color);
}
.light-theme app-sign-up ion-input input:-webkit-autofill, .light-theme app-sign-up input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}
.light-theme app-sign-up ion-input input:-webkit-autofill:focus, .light-theme app-sign-up input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
}
.light-theme app-sign-up ion-input {
  color: var(--front-accent-pure-color) !important;
}
.light-theme app-sign-up .password-wrapper ion-input input:-webkit-autofill,
.light-theme app-sign-up .password-wrapper ion-input input:-webkit-autofill:hover,
.light-theme app-sign-up .password-wrapper ion-input input:-webkit-autofill:focus,
.light-theme app-sign-up .password-wrapper ion-input input:-webkit-autofill:active { /* прозорий фон */
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  -webkit-transition: background-color 9999s ease-in-out 0s !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
.light-theme app-sign-up .code-input .valid-input {
  transform: translate(44%, 155%);
}
.light-theme app-sign-up .note__link {
  color: var(--front-accent-pure-color);
}
.light-theme .divider-container .text {
  color: var(--front-accent-dark-color);
}
.light-theme .divider-container .line {
  background: var(--over-dark-75);
}
.light-theme .sign-in-form ion-text[color=danger] {
  color: var(--front-accent-dark-color);
}
.light-theme .button {
  --background: var(--over-gray-45);
}
.light-theme .button.button-red {
  --background: var(--front-accent-attend) !important;
}
.light-theme .button.button__gradient {
  --background: var(--front-button-gradient);
}
.light-theme .button.button-green {
  --background: var(--front-accent-done);
  color: var(--front-accent-dark-color);
}
.light-theme .button.button-green:hover {
  color: var(--front-accent-pure-color);
}
.light-theme .button.button-purple {
  --background: var(--brand-purple-color);
}
.light-theme .level-inner {
  background: #232436;
}
.light-theme app-chart ion-card .progress-bar .inner {
  /*background: var(--over-gray-25) !important;*/
  background: #ced3e2 !important;
  -webkit-backdrop-filter: blur(120px) !important;
          backdrop-filter: blur(120px) !important;
}
.light-theme app-verification-card ion-card {
  background: var(--ground-box-color);
}
.light-theme app-project-history-card ion-item {
  --background: var(--ground-box-color);
}
.light-theme app-project-history-card ion-item ion-avatar {
  box-shadow: none !important;
}
.light-theme app-project-history-card ion-item ion-title {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-project-history-card ion-item ion-label {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-project-history-card ion-item .rating ion-text {
  color: var(--front-accent-gray-color) !important;
}
.light-theme app-project-history-card ion-item .rating .icon svg path {
  fill: var(--front-accent-gray-color) !important;
}
.light-theme app-project-history-card ion-item .end-block .end-block-item ion-title {
  color: var(--front-accent-gray-color) !important;
}
.light-theme app-project-history-card ion-item .end-block .end-block-item ion-note {
  color: var(--front-accent-gray-color) !important;
}
.light-theme app-project-history-card ion-item .end-block .end-block-item:hover ion-note {
  color: #404263 !important;
}
.light-theme .searchbar {
  border-color: var(--over-gray-10) !important;
}
.light-theme .custom-searchbar {
  --background: var(--over-gray-15);
  --placeholder-color: var(--front-accent-gray);
  color: var(--front-accent-dark-color);
  --icon-color: var(--front-accent-dark-color);
}
.light-theme .custom-searchbar + .search-filter {
  --background: var(--over-gray-25);
}
.light-theme .custom-searchbar + .search-filter svg path {
  fill: var(--front-accent-pure-color);
}
.light-theme .custom-searchbar + .btn-wrap .search-filter {
  --background: var(--over-gray-25);
}
.light-theme .custom-searchbar + .btn-wrap .search-filter svg path {
  fill: var(--front-accent-pure-color);
}
.light-theme .custom-searchbar + .btn-wrap .rounded-button {
  --background: var(--over-gray-25);
}
.light-theme .custom-searchbar + .btn-wrap .rounded-button svg path {
  fill-opacity: 1;
}
.light-theme .custom-searchbar button.searchbar-clear-button {
  margin-right: 30px;
}
.light-theme .purple img, .light-theme .green img, .light-theme .blue img, .light-theme .lightblue img {
  box-shadow: none;
}
.light-theme .purple img {
  background: var(--brand-purple-color);
}
.light-theme .green img {
  background: var(--front-accent-done);
}
.light-theme .blue img {
  background: var(--colors-sea);
}
.light-theme .lightblue img {
  background: var(--colors-blue);
}
.light-theme .content-title {
  color: var(--front-accent-gray-07);
}
.light-theme app-profile app-modal-header img {
  background: var(--over-gray-50);
  border-radius: 50%;
}
.light-theme ion-tab-bar, .light-theme ion-segment {
  background: var(--over-gray-15);
}
.light-theme ion-tab-bar ion-tab-button,
.light-theme ion-tab-bar ion-segment-button, .light-theme ion-segment ion-tab-button,
.light-theme ion-segment ion-segment-button {
  color: var(--front-accent-gray-07);
}
.light-theme ion-tab-bar ion-tab-button.tab-selected, .light-theme ion-tab-bar ion-tab-button.segment-button-checked,
.light-theme ion-tab-bar ion-segment-button.tab-selected,
.light-theme ion-tab-bar ion-segment-button.segment-button-checked, .light-theme ion-segment ion-tab-button.tab-selected, .light-theme ion-segment ion-tab-button.segment-button-checked,
.light-theme ion-segment ion-segment-button.tab-selected,
.light-theme ion-segment ion-segment-button.segment-button-checked {
  color: var(--front-accent-pure-color);
}
.light-theme ion-toggle {
  --handle-background: var(--front-accent-pure-color);
  --track-background: var(--over-gray-50);
}
.light-theme app-sign-in .button svg path {
  fill: var(--front-accent-pure-color);
}
.light-theme ion-checkbox {
  --border-color: var(--over-gray-50);
  --checkbox-background: var(--front-accent-pure-color) no-repeat center center;
}
.light-theme .custom-input-alt {
  background: var(--ground-box-color);
}
.light-theme .table-wrapper {
  overflow: hidden;
}
.light-theme .table-wrapper app-table table {
  border-radius: 0;
}
.light-theme .table-wrapper app-table th .custom-checkbox .mdc-checkbox__background {
  filter: grayscale(100%) brightness(300%) invert(0%);
}
.light-theme .custom-select-wrapper {
  background: var(--over-gray-15) !important; /*1*/
}
.light-theme .custom-select-wrapper:has(.options) .end button {
  background: var(--over-gray-50);
}
.light-theme .custom-select-wrapper:has(.options) .end button svg {
  stroke: var(--front-accent-pure-color);
}
.light-theme .custom-select-wrapper .start {
  border-color: var(--brand-purple-color); /*1*/
  background: var(--brand-purple-color); /*1*/
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.light-theme .custom-select-wrapper .start p {
  color: var(--front-accent-pure-color) !important; /*1*/
}
.light-theme .custom-select-wrapper .end p {
  color: var(--over-gray-75) !important; /*1*/
}
.light-theme .custom-select-wrapper .end button svg path {
  fill: var(--front-accent-pure-color);
}
.light-theme .custom-select-wrapper .options {
  background: var(--ground-box-color);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 4px 9px 0 rgba(0, 0, 0, 0.04), 0 7px 15px 0 rgba(0, 0, 0, 0.03), 0 14px 29px 0 rgba(0, 0, 0, 0.02), 0 33px 69px 0 rgba(0, 0, 0, 0.02);
}
.light-theme .custom-select-wrapper .options .options-item {
  background: var(--over-gray-10) !important;
  border-bottom: 1px solid var(--over-gray-25);
}
.light-theme .custom-select-wrapper .options .options-item.active, .light-theme .custom-select-wrapper .options .options-item:hover {
  background: var(--brand-purple-color-10);
}
.light-theme .custom-select-wrapper .options .options-item.active .number, .light-theme .custom-select-wrapper .options .options-item:hover .number {
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.light-theme .custom-select-wrapper .options .options-item.active .number + p, .light-theme .custom-select-wrapper .options .options-item:hover .number + p {
  color: var(--front-accent-gray) !important;
}
.light-theme .custom-select-wrapper .options .options-item p.number {
  border-right: 1px solid var(--over-gray-25);
  background: var(--over-dark-5);
  color: var(--front-accent-gray-color);
}
.light-theme .custom-select-wrapper .options .options-item p.number + p {
  color: var(--over-gray-75) !important;
}
.light-theme app-table-selecter .custom-select-wrapper {
  background: var(--over-dark-25) !important;
}
.light-theme app-table-selecter .custom-select-wrapper .end p {
  color: var(--over-pure-75) !important;
}
.light-theme app-table-selecter .custom-select-wrapper .options {
  background: var(--ground-box-color);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 4px 9px 0 rgba(0, 0, 0, 0.04), 0 7px 15px 0 rgba(0, 0, 0, 0.03), 0 14px 29px 0 rgba(0, 0, 0, 0.02), 0 33px 69px 0 rgba(0, 0, 0, 0.02);
}
.light-theme app-table-selecter .custom-select-wrapper .options .options-item {
  background: var(--over-gray-10) !important;
  border-bottom: 1px solid var(--over-gray-25);
}
.light-theme app-table-selecter .custom-select-wrapper .options .options-item.active, .light-theme app-table-selecter .custom-select-wrapper .options .options-item:hover {
  background: var(--brand-purple-color-10);
}
.light-theme app-table-selecter .custom-select-wrapper .options .options-item.active .number, .light-theme app-table-selecter .custom-select-wrapper .options .options-item:hover .number {
  background: var(--brand-purple-color);
  color: var(--front-accent-pure-color);
}
.light-theme app-table-selecter .custom-select-wrapper .options .options-item.active .number + p, .light-theme app-table-selecter .custom-select-wrapper .options .options-item:hover .number + p {
  color: var(--front-accent-gray) !important;
}
.light-theme app-table-selecter .custom-select-wrapper .options .options-item p.number {
  border-right: 1px solid var(--over-gray-25);
  background: var(--over-dark-5);
  color: var(--front-accent-gray-color);
}
.light-theme app-table-selecter .custom-select-wrapper .options .options-item p.number + p {
  color: var(--over-gray-75) !important;
}
.light-theme .custom-input-alt.has-icon {
  background-image: url('icon-share-alt__light.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 12px 50% !important;
  --padding-start: 53px;
  --background: var(--over-gray-25);
  border: none;
}
.light-theme app-active-ax-modal app-modal-header ion-header img:not(.end-img) {
  box-shadow: none;
}
.light-theme .progress-footer {
  border-color: var(--ground-screen-color);
  background: var(--ground-box-color);
}
.light-theme .editor-block {
  background: var(--ground-box-color);
}
.light-theme .editor-block #toolbar {
  border-color: var(--over-gray-10);
}
.light-theme .editor-block #toolbar button svg path {
  stroke: var(--front-accent-dark-color) !important;
}
.light-theme .editor-block #counter {
  color: var(--front-accent-gray-07);
}
.light-theme .p-editor-container {
  background: var(--ground-box-color);
  border-radius: 10px;
}
.light-theme .p-editor-container .p-editor-toolbar {
  border-bottom: 1px solid var(--over-gray-10) !important;
}
.light-theme .ql-snow .ql-stroke {
  stroke: var(--front-accent-dark-color) !important;
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete {
  border-bottom: 1px solid var(--front-accent-pure-color);
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-input {
  background: none;
  border: none;
  color: var(--front-accent-pure-color);
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-input::placeholder {
  color: var(--front-accent-pure-color);
  opacity: 0.5;
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-dropdown {
  background: none;
  border: none;
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-dropdown:not(:disabled):hover {
  background: none;
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete .p-overlay {
  outline: none;
}
.light-theme app-sign-up p-auto-complete div.p-autocomplete .p-autocomplete-overlay {
  background: var(--over-dark-45);
  border: none;
}
.light-theme div.p-autocomplete .p-autocomplete-input {
  background: var(--ground-box-color);
  color: var(--front-accent-dark-color);
  border-color: transparent;
}
.light-theme div.p-autocomplete .p-autocomplete-input::placeholder {
  color: var(--over-dark-50);
}
.light-theme div.p-autocomplete .p-autocomplete-input::-webkit-input-placeholder {
  color: var(--over-dark-50);
}
.light-theme div.p-autocomplete .p-autocomplete-input:-moz-placeholder { /* Firefox 18- */
  color: var(--over-dark-50);
}
.light-theme div.p-autocomplete .p-autocomplete-input::-moz-placeholder { /* Firefox 19+ */
  color: var(--over-dark-50);
}
.light-theme div.p-autocomplete .p-autocomplete-input:-ms-input-placeholder {
  color: var(--over-dark-50);
}
.light-theme div.p-autocomplete .p-inputtext:enabled:focus {
  border-color: var(--brand-purple-color);
}
.light-theme div.p-autocomplete .p-inputtext:enabled:hover {
  border-color: var(--brand-purple-color);
}
.light-theme .chips-wrapper {
  background: var(--ground-box-color);
}
.light-theme .chips-wrapper .counter-wrap {
  color: var(--front-accent-gray-07);
}
.light-theme p-select.p-select {
  background: var(--ground-box-color);
  border: 1px solid transparent;
}
.light-theme p-select.p-select:not(.p-disabled):hover {
  border-color: var(--brand-purple-color);
}
.light-theme p-select.p-select.p-select-open {
  border: 1px solid var(--brand-purple-color);
}
.light-theme p-select.p-select:not(.p-disabled).p-focus {
  border-color: var(--brand-purple-color);
}
.light-theme p-select.p-select .p-placeholder {
  color: var(--over-dark-50);
}
.light-theme p-select.p-select .p-overlay {
  outline: 1px solid var(--brand-purple-color);
}
.light-theme p-select.p-select .p-select-option {
  color: var(--front-accent-dark-color);
}
.light-theme p-select.p-select .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus,
.light-theme p-select.p-select .p-select-option.p-select-option-selected.p-focus,
.light-theme p-select.p-select .p-select-option.p-select-option-selected {
  background: var(--over-gray-10);
  color: var(--front-accent-dark-color) !important;
}
.light-theme p-select.p-select .p-select-label {
  color: var(--front-accent-dark-color);
}
.light-theme p-select.p-select .p-select-overlay {
  background: var(--ground-box-color);
  color: var(--front-accent-dark-color);
}
.light-theme p-select.p-select .p-select-overlay .p-ripple {
  color: var(--front-accent-dark-color) !important;
}
.light-theme .progress-footer {
  background: var(--ground-screen-color);
  box-shadow: none;
  border-top: 1px solid var(--over-gray-10);
}
.light-theme .progress-footer ion-item {
  width: var(--medium-width);
  margin: 0 auto;
  --background: var(--over-gray-45);
  border-radius: 90px !important;
  --padding-top: 4px !important;
  --padding-start: 4px !important;
  --padding-end: 4px !important;
  --inner-padding-end: 0;
}
.light-theme .progress-footer ion-item .nav-button {
  min-width: 45px;
}
.light-theme .progress-footer ion-item .progress {
  width: 100%;
  padding: 0 31px;
}
.light-theme .progress-footer ion-item .progress ion-progress-bar {
  height: 5px;
  --background: var(--over-pure-25);
  --progress-background: var(--front-accent-done);
  border-radius: 90px;
}
.light-theme .progress-footer ion-item .progress ion-label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--front-accent-pure-color);
  line-height: 17px;
  text-align: center;
  margin-bottom: 10px;
}
.light-theme .colored-header.identity-header ion-toolbar {
  --background: none;
}
.light-theme .colored-header.identity-header ion-toolbar .start-img {
  background: var(--brand-purple-color);
  box-shadow: none;
}
.light-theme .colored-header.portfolio-header ion-toolbar {
  --background: none;
}
.light-theme .colored-header.portfolio-header ion-toolbar .start-img {
  background: var(--colors-sea);
  box-shadow: none;
}
.light-theme .colored-header.education-header ion-toolbar {
  --background: none;
}
.light-theme .colored-header.education-header ion-toolbar .start-img {
  background: var(--front-accent-done);
  box-shadow: none;
}
.light-theme .colored-header.experience-header ion-toolbar {
  --background: none;
}
.light-theme .colored-header.experience-header ion-toolbar .start-img {
  background: var(--colors-blue);
  box-shadow: none;
}
.light-theme .drop-block .ngx-file-drop__drop-zone {
  background: var(--ground-box-color);
}
.light-theme .drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .drag-title {
  color: var(--over-gray-50);
}
.light-theme .textarea-wrap .custom-textarea {
  background: var(--ground-box-color) !important;
  --placeholder-color: var(--over-dark-50);
  --color: var(--front-accent-dark-color);
  --highlight-color-focused: var(--front-accent-dark-color);
  opacity: 1;
}
.light-theme .textarea-wrap .has-focus.ion-valid.sc-ion-textarea-md-h,
.light-theme .textarea-wrap .ion-touched.ion-invalid.sc-ion-textarea-md-h {
  --border-color: var(--front-accent-dark-color);
  --highlight-color-valid: var(--over-dark-50);
}
.light-theme .input-group .start-block ion-badge {
  background: var(--brand-purple-color);
}
.light-theme .textarea-wrap .counter {
  position: relative;
  z-index: 2;
  color: var(--front-accent-gray-07);
}
.light-theme .chats ion-item-sliding {
  background: var(--ground-box-color);
}
.light-theme .chats ion-item-sliding ion-item {
  --background: var(--ground-box-color);
}
.light-theme .chats ion-item-sliding ion-item ion-avatar {
  box-shadow: none;
}
.light-theme .chats ion-item-sliding ion-item ion-title.chat-title {
  color: var(--front-accent-dark-color);
}
.light-theme .chats ion-item-sliding ion-item .end-top p {
  color: var(--front-accent-gray-07);
}
.light-theme app-new-chat-modal app-modal-header img {
  filter: invert(1);
}
.light-theme .referral-reward .referral-reward-inner {
  background: var(--ground-box-color);
}
.light-theme .referral-reward .referral-reward-inner ion-label {
  color: var(--front-accent-dark-color);
}
.light-theme app-jobs-content app-modal-header img {
  border: 1px solid var(--over-gray-10);
  border-radius: 50%;
}
.light-theme .text-section {
  background: var(--ground-box-color);
  color: var(--front-accent-dark-color);
}
.light-theme .side-button img {
  background: none;
}
.light-theme app-upload-modal app-identify-item ion-avatar {
  filter: invert(0.5);
}
.light-theme .ql-editor, .light-theme p-editor, .light-theme p-editor p, .light-theme p-editor * {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-more-popover svg path {
  fill: var(--front-accent-gray-07);
}
.light-theme app-new-interview-modal app-chat ion-content::part(background) {
  background-image: url('brand-logo__axon-chat__light.svg');
  background-position: center center;
  background-repeat: no-repeat;
}
.light-theme .status.not-verified {
  background: var(--over-gray-50);
  color: var(--front-accent-pure-color);
}
.light-theme ion-content.alt-bg::part(background) {
  background: var(--ground-screen-color2);
}
.light-theme .alt-bg {
  background: var(--ground-screen-color2);
}
.light-theme app-plan-card app-list-item ion-item {
  --background: var(--ground-menu-color) !important;
}
.light-theme .status.pending {
  color: #0B0F20;
}
.light-theme .status.draft {
  background: none;
  color: var(--front-accent-dark-color);
  border: 1px solid var(--brand-purple-color);
}
.light-theme ion-modal ion-footer {
  border-color: var(--over-gray-10);
  background: var(--ground-screen-color);
}
.light-theme app-interface-mode-modal app-modal-header ion-toolbar .start-img {
  filter: invert(0.7);
}
.light-theme app-train-ax-modal app-modal-header .start-img {
  box-shadow: none;
  background: var(--brand-purple-color);
}
.light-theme app-company-stats .admin-item table th {
  background: var(--front-accent-gray-color) !important;
  border-color: #45466A;
}
.light-theme app-company-stats .admin-item table td {
  background: none;
  color: var(--front-accent-dark-color);
}
.light-theme app-experience-modal app-modal-header .end-img,
.light-theme app-add-credentials-modal app-modal-header .end-img {
  filter: invert(1);
  cursor: pointer;
}
.light-theme app-add-company-modal code-input,
.light-theme app-user-register-public-modal code-input,
.light-theme app-reset-password-modal code-input,
.light-theme app-confirm-complete-modal code-input,
.light-theme app-add-secondary-email-modal code-input,
.light-theme app-create-metaday-account-modal code-input {
  --item-background: var(--ground-box-color);
}
.light-theme app-add-company-modal code-input input,
.light-theme app-user-register-public-modal code-input input,
.light-theme app-reset-password-modal code-input input,
.light-theme app-confirm-complete-modal code-input input,
.light-theme app-add-secondary-email-modal code-input input,
.light-theme app-create-metaday-account-modal code-input input {
  color: var(--front-accent-dark-color) !important;
  border-color: var(--ground-box-color) !important;
}
.light-theme app-add-company-modal code-input input:focus, .light-theme app-add-company-modal code-input input.has-value,
.light-theme app-user-register-public-modal code-input input:focus,
.light-theme app-user-register-public-modal code-input input.has-value,
.light-theme app-reset-password-modal code-input input:focus,
.light-theme app-reset-password-modal code-input input.has-value,
.light-theme app-confirm-complete-modal code-input input:focus,
.light-theme app-confirm-complete-modal code-input input.has-value,
.light-theme app-add-secondary-email-modal code-input input:focus,
.light-theme app-add-secondary-email-modal code-input input.has-value,
.light-theme app-create-metaday-account-modal code-input input:focus,
.light-theme app-create-metaday-account-modal code-input input.has-value {
  border-color: var(--brand-purple-color) !important;
}
.light-theme .checkbox-block ion-label {
  color: var(--front-accent-gray-color) !important;
}
.light-theme app-new-member-modal app-modal-header .start-img {
  filter: invert(0.7);
}
.light-theme app-account app-modal-header ion-header,
.light-theme app-standard-plan ion-header,
.light-theme app-business-plan ion-header,
.light-theme app-customer-service ion-header,
.light-theme app-security-privacy ion-header,
.light-theme app-notifications ion-header,
.light-theme app-manage-linked-accounts ion-header,
.light-theme app-interface-mode ion-header,
.light-theme app-templates ion-header,
.light-theme app-sharing-your-data ion-header,
.light-theme app-block-list ion-header,
.light-theme app-voice-over ion-header,
.light-theme app-jobs-content ion-header {
  border-color: var(--front-accent-gray-color) !important;
}
.light-theme app-account app-modal-header ion-header ion-toolbar,
.light-theme app-standard-plan ion-header ion-toolbar,
.light-theme app-business-plan ion-header ion-toolbar,
.light-theme app-customer-service ion-header ion-toolbar,
.light-theme app-security-privacy ion-header ion-toolbar,
.light-theme app-notifications ion-header ion-toolbar,
.light-theme app-manage-linked-accounts ion-header ion-toolbar,
.light-theme app-interface-mode ion-header ion-toolbar,
.light-theme app-templates ion-header ion-toolbar,
.light-theme app-sharing-your-data ion-header ion-toolbar,
.light-theme app-block-list ion-header ion-toolbar,
.light-theme app-voice-over ion-header ion-toolbar,
.light-theme app-jobs-content ion-header ion-toolbar {
  --background: var(--front-accent-gray-color) !important;
}
.light-theme app-account app-modal-header ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-standard-plan ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-business-plan ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-customer-service ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-security-privacy ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-notifications ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-manage-linked-accounts ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-interface-mode ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-templates ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-sharing-your-data ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-block-list ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-voice-over ion-header ion-toolbar ion-title p.toolbar-title,
.light-theme app-jobs-content ion-header ion-toolbar ion-title p.toolbar-title {
  color: var(--front-accent-pure-color) !important;
}
.light-theme ion-modal ion-toolbar {
  --background: var(--ground-menu-color);
}
.light-theme .custom-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background: url('checkbox-icon-inner__light.svg') no-repeat;
}
.light-theme .input-with-button .custom-input-alt.has-icon {
  --background: var(--over-gray-25);
}
.light-theme circle-progress svg circle {
  stroke: #6A5DFF;
}
.light-theme circle-progress svg path {
  stroke: rgb(242, 245, 255);
}
.light-theme .section-title-block ion-note {
  color: var(--front-accent-gray);
}
.light-theme h6.read-more-link {
  color: var(--front-accent-dark-color);
}
.light-theme app-copy-to-linkedin-modal app-modal-header .start-img {
  filter: invert(0.7);
}
.light-theme .range-container .range-display-outer .range-display {
  background: var(--front-accent-pure-color);
}
.light-theme .range-container .range-display-outer .range-display span {
  color: var(--front-accent-dark-color);
}
.light-theme .range-container ion-range.custom-range {
  --knob-background: rgb(106 93 255);
  --bar-background: rgb(255 255 255);
  --bar-background-active: rgb(106 93 255);
}
.light-theme .user-id-wrap .user-id {
  color: var(--front-accent-gray);
}
.light-theme .user-id-wrap svg path {
  fill: var(--front-accent-gray);
}
.light-theme .hidden-content-title ion-note {
  color: var(--front-accent-dark-color);
}
.light-theme app-jobs app-job-card.active ion-item {
  --background: #DFDEFF !important;
}
.light-theme app-jobs app-job-card.active ion-item:hover {
  --background: #DFDEFF !important;
}
.light-theme app-jobs app-job-card ion-item:hover {
  --background: #ECEBFF !important;
}
.light-theme app-share-requirements-modal app-modal-header-compact .modal-header ion-toolbar img:first-of-type {
  filter: invert(0.7);
}
.light-theme .p-ripple {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-sign-up .p-ripple {
  color: var(--front-accent-pure-color) !important;
}
.light-theme p-auto-complete .p-autocomplete-overlay {
  background: var(--ground-box-color);
}
.light-theme app-privacy-policy-modal app-modal-header .modal-toolbar .start-img {
  filter: invert(0.7);
}
.light-theme app-education-modal app-modal-header .modal-toolbar .end-img {
  filter: invert(1);
}
.light-theme app-share-job-modal app-modal-header ion-header ion-toolbar .start-img[alt=Identity] {
  background: var(--brand-purple-color);
}
.light-theme app-share-job-modal app-modal-header ion-header ion-toolbar .start-img[alt=Education] {
  background: var(--front-accent-done);
}
.light-theme app-share-job-modal app-modal-header ion-header ion-toolbar .start-img[alt=Experience] {
  background: var(--colors-blue);
}
.light-theme app-invitation app-password-validator .requirements-title, .light-theme app-edit-password-modal app-password-validator .requirements-title {
  color: var(--front-accent-dark-color);
}
.light-theme app-invitation app-password-validator .requirement-item ion-label, .light-theme app-edit-password-modal app-password-validator .requirement-item ion-label {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-invitation app-password-validator .requirement-item img[alt=Invalid], .light-theme app-edit-password-modal app-password-validator .requirement-item img[alt=Invalid] {
  filter: invert(0.7);
}
.light-theme .drop-block .ngx-file-drop__drop-zone .ngx-file-drop__content .file-name {
  color: var(--front-accent-dark-color);
}
.light-theme app-new-admin-modal ion-toolbar img:first-of-type {
  filter: invert(0.7);
}
.light-theme app-searchbar-container .p-autocomplete-input-multiple .p-autocomplete-input-chip input {
  color: var(--front-accent-dark-color);
}
.light-theme app-searchbar-container div.p-autocomplete .p-autocomplete-input {
  background: transparent;
}
.light-theme app-sign-up .last-step .item-top ion-title {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-sign-up .last-step .item-top ion-label {
  color: var(--front-accent-dark-color) !important;
}
.light-theme app-user-register-public-modal app-password-validator .requirements-title {
  color: var(--front-accent-gray-color);
}
.light-theme app-user-register-public-modal app-password-validator .requirement-item ion-label {
  color: var(--front-accent-gray-color) !important;
}
.light-theme app-user-register-public-modal app-password-validator .requirement-item img[alt=Invalid] {
  filter: invert(0.6) !important;
}
.light-theme app-diamonds-modal app-modal-header ion-header ion-toolbar .end-img {
  opacity: 0.6;
}
.light-theme .color-invert {
  filter: invert(1);
}
.light-theme .gradient-text {
  background: var(--front-button-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.light-theme .timer-block .timer-block-icon {
  background: rgb(134, 138, 172) !important;
}
.light-theme .timer-block span {
  background: var(--over-gray-25) !important;
  color: var(--front-accent-gray-color) !important;
  border-radius: 0;
}
.light-theme .edit-actions ion-button:first-child {
  color: var(--front-accent-gray-color);
}
.light-theme .edit-actions ion-button:first-child:hover {
  color: var(--front-accent-pure-color);
}
.light-theme .custom-input-alt {
  overflow: hidden;
}
.light-theme .custom-input-alt:hover {
  border-color: var(--brand-purple-color);
}
.light-theme p-auto-complete {
  --p-autocomplete-background: var(--ground-box-color);
  --p-autocomplete-border-color: var(--ground-box-color);
  --p-autocomplete-dropdown-background: var(--ground-box-color);
  --p-autocomplete-dropdown-border-color: var(--ground-box-color);
  --p-autocomplete-focus-border-color: var(--brand-purple-color);
  --p-autocomplete-hover-border-color: var(--brand-purple-color);
  --p-autocomplete-dropdown-hover-background: var(--ground-box-color);
  --p-autocomplete-dropdown-hover-border-color: var(--brand-purple-color);
  --p-autocomplete-color: var(--front-accent-dark-color);
  --p-autocomplete-option-selected-background: var(--brand-purple-color-10);
  --p-autocomplete-option-selected-focus-background: var(--brand-purple-color-10);
}
.light-theme p-auto-complete .p-autocomplete-input-chip input::placeholder {
  color: var(--front-accent-dark-color);
  opacity: 0.5;
}
.light-theme app-sign-in .eye-icon {
  filter: invert(0.7);
}
.light-theme app-chat-item a {
  color: var(--front-accent-dark-color);
}
.light-theme p-dialog {
  --p-dialog-background: var(--front-accent-pure-color);
  --p-dialog-border-color: var(--over-dark-10);
}
.light-theme p-dialog .p-dialog-header .p-dialog-title {
  color: var(--mark-dark-menu);
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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 v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * 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:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.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;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;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 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}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui: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 li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.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:.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-ui{position:absolute}.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}

/*# sourceMappingURL=quill.core.css.map*/
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/core.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/normalize.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:bold}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*# sourceMappingURL=normalize.css.map */

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/structure.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}/*# sourceMappingURL=structure.css.map */

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/typography.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*# sourceMappingURL=typography.css.map */

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/display.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.ion-hide{display:none !important}.ion-hide-up{display:none !important}.ion-hide-down{display:none !important}@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}@media(min-width: 768px){.ion-hide-md-up{display:none !important}}@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}/*# sourceMappingURL=display.css.map */

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/padding.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/float-elements.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/text-alignment.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}/*# sourceMappingURL=text-alignment.css.map */

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/text-transformation.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@ionic/angular/css/flex-utils.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.ion-align-self-start{align-self:flex-start !important}.ion-align-self-end{align-self:flex-end !important}.ion-align-self-center{align-self:center !important}.ion-align-self-stretch{align-self:stretch !important}.ion-align-self-baseline{align-self:baseline !important}.ion-align-self-auto{align-self:auto !important}.ion-wrap{flex-wrap:wrap !important}.ion-nowrap{flex-wrap:nowrap !important}.ion-wrap-reverse{flex-wrap:wrap-reverse !important}.ion-justify-content-start{justify-content:flex-start !important}.ion-justify-content-center{justify-content:center !important}.ion-justify-content-end{justify-content:flex-end !important}.ion-justify-content-around{justify-content:space-around !important}.ion-justify-content-between{justify-content:space-between !important}.ion-justify-content-evenly{justify-content:space-evenly !important}.ion-align-items-start{align-items:flex-start !important}.ion-align-items-center{align-items:center !important}.ion-align-items-end{align-items:flex-end !important}.ion-align-items-stretch{align-items:stretch !important}.ion-align-items-baseline{align-items:baseline !important}/*# sourceMappingURL=flex-utils.css.map */

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/theme/variables.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************/
/**
 * Ionic Dark Theme
 * -----------------------------------------------------
 * For more info, please see:
 * https://ionicframework.com/docs/theming/dark-mode
 */

/* @import "@ionic/angular/css/palettes/dark.always.css"; */
/* @import "@ionic/angular/css/palettes/dark.class.css"; */
/*@import "@ionic/angular/css/palettes/dark.system.css";*/


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