@charset "UTF-8";
@import '/node_modules/ng-zorro-antd/ng-zorro-antd.min.css';
@import '/node_modules/bootstrap/dist/css/bootstrap.min.css';
@import '/node_modules/@ng-select/ng-select/themes/default.theme.css';
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root .dark-theme {
  --primaryColorExtraLight: #E3BBD6;
  --primaryColorLight: #BC64A0;
  --primaryColorMain: #931C79;
  --primaryColorDark: #5A005D;
  --secondColorExtraLight: #FFECFC;
  --secondColorLight: #FEACF6;
  --secondColorMain:#C849D1;
  --secondColorDark: #973BBE;
  --thirdColorExtraLight: #F7EAE9;
  --thirdColorLight: #F38F75;
  --thirdColorMain: #CA5032;
  --thirdColorDark: #AF462C;
  --fourthColorExtraLight:#F6CABD;
  --fourthColorLight:#F38F75;
  --fourthColorMain:#EA704A;
  --fourthColorDark: #D04C25;
  --successColorExtraLight:#E0F2EC;
  --successColorLight: #88C9B3;
  --successColorMain: #5DB395;
  --successColorDark: #238662;
  --errorColorExtraLight: #FCE5EA;
  --errorColorLight: #F8BECB;
  --errorColorMain: #E33E5B;
  --errorColorDark: #BD3454;
  --warningColorExtraLight:#FFEDB8;
  --warningColorLight: #FFD85D;
  --warningColorMain: #FEB92C;
  --warningColorDark: #FC9626;
  --infoColorExtraLight: #BBDEFF;
  --infoColorLight: #0093FF;
  --infoColorMain:#2B5DE9;
  --infoColorDark: #3239C9;
  --comunicadorColor: #FEB92C;
  --executorColor: #CA243C;
  --planejadorColor: #18A764;
  --analistaColor: #2B5DE9;
  --lightBg: #0D0D0D;
  --elevate0: #272727;
  --captionColor: #CDCDCF;
  --bodyColor: #FBFBFB;
  --titleColor: #FFFFFF;
  --gray00: #FFFFFF;
  --gray01: #1C1C1C;
  --gray50: #272727;
  --gray100: #494949;
  --gray200: #686868;
  --gray300: #7C7C7C;
  --gray400: #A6A6A6;
  --gray500: #CDCDCF;
  --gray600: #E7E7E7;
  --gray700: #F1F1F1;
  --gray800: #F6F6F6;
  --gray900: #FBFBFB;
  --xCircleMarkError: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12.25C3 7.29297 7.00781 3.25 12 3.25C16.957 3.25 21 7.29297 21 12.25C21 17.2422 16.957 21.25 12 21.25C7.00781 21.25 3 17.2422 3 12.25ZM9.15234 10.5977L10.8047 12.25L9.15234 13.9023C8.80078 14.2539 8.80078 14.7812 9.15234 15.0977C9.46875 15.4492 9.99609 15.4492 10.3125 15.0977L11.9648 13.4453L13.6523 15.0977C13.9688 15.4492 14.4961 15.4492 14.8125 15.0977C15.1641 14.7812 15.1641 14.2539 14.8125 13.9023L13.1602 12.25L14.8125 10.5977C15.1641 10.2812 15.1641 9.75391 14.8125 9.40234C14.4961 9.08594 13.9688 9.08594 13.6523 9.40234L11.9648 11.0898L10.3125 9.40234C9.99609 9.08594 9.46875 9.08594 9.15234 9.40234C8.80078 9.75391 8.80078 10.2812 9.15234 10.5977Z' fill='%23D33958'/%3E%3C/svg%3E%0A");
  --xCloseButton: background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3Cstyle%3Esvg%7Bfill:%23fbfbfb%7D%3C/style%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}

h1, h2, h3, h4, h5, h6 {
  color: var(--titleColor);
}

p, a, legend, span, ul, li {
  color: var(--bodyColor);
}

:root {
  --primaryColorExtraLight: #F4E4EE;
  --primaryColorLight: #BC64A0;
  --primaryColorMain: #821B71;
  --primaryColorDark: #48004A;
  --secondColorExtraLight: #FFECFC;
  --secondColorLight: #FEACF6;
  --secondColorMain:#B644CA;
  --secondColorDark: #973BBE;
  --thirdColorExtraLight:#F7EAE9;
  --thirdColorLight: #F6AE9C;
  --thirdColorMain: #CA5032;
  --thirdColorDark: #AF462C;
  --fourthColorExtraLight:#F6CABD;
  --fourthColorLight:#F1A993;
  --fourthColorMain:#EA704A;
  --fourthColorDark: #D04C25;
  --successColorExtraLight:#E0F2EC;
  --successColorLight: #88C9B3;
  --successColorMain: #238662;
  --successColorDark: #1B6648;
  --errorColorExtraLight: #FCE5EA;
  --errorColorLight: #F8BECB;
  --errorColorMain: #D33958;
  --errorColorDark: #A92D4F;
  --warningColorExtraLight:#FFEDB8;
  --warningColorLight: #FFD85D;
  --warningColorMain: #FEB92C;
  --warningColorDark: #FC9626;
  --infoColorExtraLight: #BBDEFF;
  --infoColorLight: #0093FF;
  --infoColorMain:#2B5DE9;
  --infoColorDark: #3239C9;
  --comunicadorColor: #FEB92C;
  --executorColor: #CA243C;
  --planejadorColor: #18A764;
  --analistaColor: #2B5DE9;
  --lightBg: #F5F7F9;
  --elevate0: #FFFFFF;
  --captionColor: #595959;
  --bodyColor: #434343;
  --titleColor: #272727;
  --disableColor: #727272;
  --gray00: #FFFFFF;
  --gray01: #1C1C1C;
  --gray50: #F5F5F5;
  --gray100: #F1F1F1;
  --gray200: #B1B1B1;
  --gray300: #8D8D8D;
  --gray400: #7E7E7E;
  --gray500: #A6A6A6;
  --gray600: #595959;
  --gray700: #494949;
  --gray800: #383838;
  --gray900: #272727;
  --textColor: #434343;
  --xCircleMarkError: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12.25C3 7.29297 7.00781 3.25 12 3.25C16.957 3.25 21 7.29297 21 12.25C21 17.2422 16.957 21.25 12 21.25C7.00781 21.25 3 17.2422 3 12.25ZM9.15234 10.5977L10.8047 12.25L9.15234 13.9023C8.80078 14.2539 8.80078 14.7812 9.15234 15.0977C9.46875 15.4492 9.99609 15.4492 10.3125 15.0977L11.9648 13.4453L13.6523 15.0977C13.9688 15.4492 14.4961 15.4492 14.8125 15.0977C15.1641 14.7812 15.1641 14.2539 14.8125 13.9023L13.1602 12.25L14.8125 10.5977C15.1641 10.2812 15.1641 9.75391 14.8125 9.40234C14.4961 9.08594 13.9688 9.08594 13.6523 9.40234L11.9648 11.0898L10.3125 9.40234C9.99609 9.08594 9.46875 9.08594 9.15234 9.40234C8.80078 9.75391 8.80078 10.2812 9.15234 10.5977Z' fill='%23D33958'/%3E%3C/svg%3E%0A");
  --xCloseButton: background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3Cstyle%3Esvg%7Bfill:%23434343%7D%3C/style%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
}

h1, h2, h3, h4, h5, h6 {
  color: var(--titleColor);
}

p, a, legend, span, ul, li {
  color: var(--bodyColor);
}

.ds-color-primary {
  color: var(--primaryColorMain);
}

.ds-color-success {
  color: var(--successColorMain) !important;
}

.ds-color-warning {
  color: var(--warningColorMain) !important;
}

.ds-color-info {
  color: var(--infoColorMain) !important;
}

.ds-color-normal {
  color: var(--gray600) !important;
}

.ds-color-error {
  color: var(--errorColorMain) !important;
}

.ds-color-primary-dark {
  color: var(--primaryColorDark);
}

.ds-color-success-dark {
  color: var(--successColorDark) !important;
}

.ds-color-warning-dark {
  color: var(--warningColorDark) !important;
}

.ds-color-info-dark {
  color: var(--infoColorDark) !important;
}

.ds-color-error-dark {
  color: var(--errorColorMain) !important;
}

.fontTitle {
  font-family: "Lexend";
}

.fontBody {
  font-family: "Inter";
}

.ds-fs10 {
  font-size: 10px;
}

.ds-fs12 {
  font-size: 10px;
}

.ds-fs14 {
  font-size: 14px;
}

.ds-fs16 {
  font-size: 16px;
}

.ds-fs22 {
  font-size: 22px;
}

.ds-fs32 {
  font-size: 32px;
}

.ds-fs38 {
  font-size: 38px;
}

.ds-fs40 {
  font-size: 40px;
}

.ds-font-weight-regular {
  font-weight: 400;
}

.ds-font-weight-semi-bold {
  font-weight: 600;
}

.ds-font-weight-bold {
  font-weight: 700;
}

.ds-lh8 {
  line-height: 8px;
}

.ds-lh16 {
  line-height: 16px;
}

.ds-lh22 {
  line-height: 22px;
}

.ds-lh24 {
  line-height: 24px;
}

.ds-lh32 {
  line-height: 32px;
}

.ds-lh40 {
  line-height: 40px;
}

.ds-lh48 {
  line-height: 48px;
}

.titleH1 {
  font-family: "Lexend";
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.titleH2 {
  font-family: "Lexend";
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
}

.titleH3 {
  font-family: "Lexend";
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.titleH4 {
  font-family: "Lexend";
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.titleH4Regular {
  font-family: "Lexend";
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.titleH4SemiBold {
  font-family: "Lexend";
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}

.titleH5 {
  font-family: "Lexend";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.titleH5Regular {
  font-family: "Lexend";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.titleH5SemiBold {
  font-family: "Lexend";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.titleH6 {
  font-family: "Lexend";
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.titleH6Regular {
  font-family: "Lexend";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.titleH6SemiBold {
  font-family: "Lexend";
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.titleH6Bold {
  font-family: "Lexend";
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.titleMini {
  font-family: "Lexend";
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}

.body16 {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.body16Bold {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.body16SemiBold {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}

.body14 {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}

.body14Bold {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
}

.body14SemiBold {
  font-family: "Inter";
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
}

.body12Bold {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.body12SemiBold {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.body12 {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.bodyLegend {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.bodyLegendBold {
  font-family: "Inter";
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.bodyMini {
  font-family: "Inter";
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.textColor {
  color: var(--textColor);
}

.ds-m0 {
  margin: 0px;
}

.ds-m4 {
  margin: 4px;
}

.ds-m8 {
  margin: 8px;
}

.ds-m12 {
  margin: 12px;
}

.ds-m16 {
  margin: 16px;
}

.ds-m20 {
  margin: 20px;
}

.ds-m24 {
  margin: 24px;
}

.ds-m32 {
  margin: 32px;
}

.ds-m36 {
  margin: 36px;
}

.ds-m40 {
  margin: 40px;
}

.ds-m48 {
  margin: 48px;
}

.ds-m64 {
  margin: 64px;
}

.ds-m80 {
  margin: 80px;
}

.ds-mt0 {
  margin-top: 0px;
}

.ds-ms0 {
  margin-left: 0px;
}

.ds-me0 {
  margin-right: 0px;
}

.ds-mb0 {
  margin-bottom: 0px;
}

.ds-mt4 {
  margin-top: 4px;
}

.ds-ms4 {
  margin-left: 4px;
}

.ds-me4 {
  margin-right: 4px;
}

.ds-mb4 {
  margin-bottom: 4px;
}

.ds-mt8 {
  margin-top: 8px;
}

.ds-ms8 {
  margin-left: 8px;
}

.ds-me8 {
  margin-right: 8px;
}

.ds-mb8 {
  margin-bottom: 8px;
}

.ds-mt12 {
  margin-top: 12px;
}

.ds-ms12 {
  margin-left: 12px;
}

.ds-me12 {
  margin-right: 12px;
}

.ds-mb12 {
  margin-bottom: 12px;
}

.ds-mt16 {
  margin-top: 16px;
}

.ds-ms16 {
  margin-left: 16px;
}

.ds-me16 {
  margin-right: 16px;
}

.ds-mb16 {
  margin-bottom: 16px;
}

.ds-mt20 {
  margin-top: 20px;
}

.ds-ms20 {
  margin-left: 20px;
}

.ds-me20 {
  margin-right: 20px;
}

.ds-mb20 {
  margin-bottom: 20px;
}

.ds-mt24 {
  margin-top: 24px;
}

.ds-ms24 {
  margin-left: 24px;
}

.ds-me24 {
  margin-right: 24px;
}

.ds-mb24 {
  margin-bottom: 24px;
}

.ds-mt32 {
  margin-top: 32px;
}

.ds-ms32 {
  margin-left: 32px;
}

.ds-me32 {
  margin-right: 32px;
}

.ds-mb32 {
  margin-bottom: 32px;
}

.ds-mt36 {
  margin-top: 36px;
}

.ds-ms36 {
  margin-left: 36px;
}

.ds-me36 {
  margin-right: 36px;
}

.ds-mb36 {
  margin-bottom: 36px;
}

.ds-mt40 {
  margin-top: 40px;
}

.ds-ms40 {
  margin-left: 40px;
}

.ds-me40 {
  margin-right: 40px;
}

.ds-mb40 {
  margin-bottom: 40px;
}

.ds-mt48 {
  margin-top: 48px;
}

.ds-ms48 {
  margin-left: 48px;
}

.ds-me48 {
  margin-right: 48px;
}

.ds-mb48 {
  margin-bottom: 48px;
}

.ds-mt64 {
  margin-top: 64px;
}

.ds-ms64 {
  margin-left: 64px;
}

.ds-me64 {
  margin-right: 64px;
}

.ds-mb64 {
  margin-bottom: 64px;
}

.ds-mt80 {
  margin-top: 80px;
}

.ds-ms80 {
  margin-left: 80px;
}

.ds-me80 {
  margin-right: 80px;
}

.ds-mb80 {
  margin-bottom: 80px;
}

.ds-p0 {
  padding: 0px;
}

.ds-p4 {
  padding: 4px;
}

.ds-p8 {
  padding: 8px;
}

.ds-p12 {
  padding: 12px;
}

.ds-p16 {
  padding: 16px;
}

.ds-p20 {
  padding: 20px;
}

.ds-p24 {
  padding: 24px;
}

.ds-p32 {
  padding: 32px;
}

.ds-p36 {
  padding: 36px;
}

.ds-p40 {
  padding: 40px;
}

.ds-p48 {
  padding: 48px;
}

.ds-p64 {
  padding: 64px;
}

.ds-p80 {
  padding: 80px;
}

.ds-pt0 {
  padding-top: 0px;
}

.ds-ps0 {
  padding-left: 0px;
}

.ds-pe0 {
  padding-right: 0px;
}

.ds-pb0 {
  padding-bottom: 0px;
}

.ds-pt4 {
  padding-top: 4px;
}

.ds-ps4 {
  padding-left: 4px;
}

.ds-pe4 {
  padding-right: 4px;
}

.ds-pb4 {
  padding-bottom: 4px;
}

.ds-pt8 {
  padding-top: 8px;
}

.ds-ps8 {
  padding-left: 8px;
}

.ds-pe8 {
  padding-right: 8px;
}

.ds-pb8 {
  padding-bottom: 8px;
}

.ds-pt12 {
  padding-top: 12px;
}

.ds-ps12 {
  padding-left: 12px;
}

.ds-pe12 {
  padding-right: 12px;
}

.ds-pb12 {
  padding-bottom: 12px;
}

.ds-pt16 {
  padding-top: 16px;
}

.ds-ps16 {
  padding-left: 16px;
}

.ds-pe16 {
  padding-right: 16px;
}

.ds-pb16 {
  padding-bottom: 16px;
}

.ds-pt20 {
  padding-top: 20px;
}

.ds-ps20 {
  padding-left: 20px;
}

.ds-pe20 {
  padding-right: 20px;
}

.ds-pb20 {
  padding-bottom: 20px;
}

.ds-pt24 {
  padding-top: 24px;
}

.ds-ps24 {
  padding-left: 24px;
}

.ds-pe24 {
  padding-right: 24px;
}

.ds-pb24 {
  padding-bottom: 24px;
}

.ds-pt32 {
  padding-top: 32px;
}

.ds-ps32 {
  padding-left: 32px;
}

.ds-pe32 {
  padding-right: 32px;
}

.ds-pb32 {
  padding-bottom: 32px;
}

.ds-pt36 {
  padding-top: 36px;
}

.ds-ps36 {
  padding-left: 36px;
}

.ds-pe36 {
  padding-right: 36px;
}

.ds-pb36 {
  padding-bottom: 36px;
}

.ds-pt40 {
  padding-top: 40px;
}

.ds-ps40 {
  padding-left: 40px;
}

.ds-pe40 {
  padding-right: 40px;
}

.ds-pb40 {
  padding-bottom: 40px;
}

.ds-pt48 {
  padding-top: 48px;
}

.ds-ps48 {
  padding-left: 48px;
}

.ds-pe48 {
  padding-right: 48px;
}

.ds-pb48 {
  padding-bottom: 48px;
}

.ds-pt64 {
  padding-top: 64px;
}

.ds-ps64 {
  padding-left: 64px;
}

.ds-pe64 {
  padding-right: 64px;
}

.ds-pb64 {
  padding-bottom: 64px;
}

.ds-pt80 {
  padding-top: 80px;
}

.ds-ps80 {
  padding-left: 80px;
}

.ds-pe80 {
  padding-right: 80px;
}

.ds-pb80 {
  padding-bottom: 80px;
}

.ds-radius4 {
  border-radius: 4px;
}

.ds-radius8 {
  border-radius: 8px;
}

.ds-radius12 {
  border-radius: 12px;
}

.ds-radius16 {
  border-radius: 16px;
}

.ds-radius20 {
  border-radius: 20px;
}

.ds-radius100 {
  border-radius: 100%;
}

.ds-shadow-elevate0 {
  box-shadow: 0px 0px 0px;
}

.ds-shadow-elevate1 {
  box-shadow: 0px 2px 2px rgba(29, 29, 29, 0.08);
}

.ds-shadow-elevate2 {
  box-shadow: 0px 8px 24px rgba(29, 29, 29, 0.08);
}

.ds-shadow-elevate3 {
  box-shadow: 0px 16px 40px rgba(29, 29, 29, 0.08);
}

.ds-shadow-elevate4 {
  box-shadow: 0px 24px 48px rgba(29, 29, 29, 0.12);
}

input {
  border-color: #d9d9d9 !important;
  padding-left: 16px !important;
  color: var(--bodyColor) !important;
  border-width: 1px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  background-color: var(--elevate0) !important;
  box-shadow: none !important;
}
input:hover {
  border-color: var(--primaryColorMain) !important;
  border-width: 1.5px !important;
}
input:focus {
  border-color: var(--primaryColorMain) !important;
  border-width: 1.5px !important;
}
input:active {
  border-color: var(--gray500) !important;
  border-width: 1.5px !important;
}
input:disabled {
  border-color: var(--gray500) !important;
  border-width: 1px !important;
  background-color: var(--gray100), var(--gray500) !important;
  cursor: not-allowed !important;
  color: var(--gray500);
}
input.ng-invalid.ng-touched:not([type=checkbox]):not([type=radio]) {
  border-color: var(--errorColorMain) !important;
  background-image: var(--xCircleMarkError);
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-width: 2px !important;
  padding-left: 40px !important;
}
input.show-valid.ng-valid.ng-touched {
  border-color: var(--successColorMain) !important;
}
input.h-sm {
  height: 38px !important;
  padding: 16px !important;
}
input.h-md {
  height: 48px !important;
  padding: 12px 16px !important;
}
input.h-lg {
  height: 56px !important;
  padding: 8px 16px !important;
}

ng-select.custom.ng-select-disabled .ng-select-container {
  border-color: var(--gray500) !important;
  border-width: 1px !important;
  background-color: var(--gray100), var(--gray500) !important;
  cursor: not-allowed !important;
}
ng-select.custom.ng-invalid.ng-touched .ng-select-container {
  border-color: var(--errorColorMain) !important;
  background-image: var(--xCircleMarkError);
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-width: 1.5px !important;
}
ng-select.custom.ng-select-opened {
  border-color: var(--primaryColorMain) !important;
  border-width: 1.5px !important;
}
ng-select.custom.h-sm .ng-select-container {
  height: 38px !important;
  min-height: 38px;
  padding: 16px !important;
}
ng-select.custom.h-md .ng-select-container {
  height: 48px !important;
  min-height: 48px;
  padding: 12px 16px !important;
}
ng-select.custom.h-lg .ng-select-container {
  height: 56px !important;
  min-height: 56px;
  padding: 8px 16px !important;
}
ng-select.custom .ng-select-container {
  border-color: #d9d9d9 !important;
  padding: 16px !important;
  border-radius: 8px !important;
  background-color: var(--elevate0) !important;
  min-height: 56px;
  max-height: 144px !important;
  overflow-y: hidden !important;
  box-shadow: none !important;
}
ng-select.custom .ng-select-container input {
  padding: 0 !important;
}
ng-select.custom .ng-select-container.ng-has-value .ng-value {
  height: 32px !important;
  border-radius: 50px !important;
  padding: 5px 6px 5px 12px !important;
  font-size: 14px !important;
  background-color: var(--primaryColorMain) !important;
  border-color: var(--primaryColorMain) !important;
}
ng-select.custom .ng-select-container.ng-has-value .ng-value span {
  color: var(--gray00) !important;
}
ng-select.custom .ng-select-container.ng-has-value .ng-value .ng-value-icon {
  float: right !important;
  border-radius: 100% !important;
  background-color: var(--gray00) !important;
  color: var(--primaryColorMain) !important;
}
ng-select.custom .ng-select-container .ng-value-container .ng-placeholder {
  position: relative !important;
  top: 0px !important;
  font-size: 16px !important;
  font-family: "Inter";
  padding-left: 12px !important;
  color: var(--gray600) !important;
}
ng-select.custom .ng-select-container:hover, ng-select.custom .ng-select-container:focus {
  border-color: var(--primaryColorMain) !important;
  border-width: 1.5px !important;
}
ng-select.custom ng-dropdown-panel {
  border-color: #d9d9d9 !important;
  padding: 16px 8px 16px 8px !important;
  border-radius: 8px !important;
  margin-top: 8px !important;
  background-color: var(--elevate0) !important;
}
ng-select.custom ng-dropdown-panel .scroll-host {
  max-height: 224px !important;
}
ng-select.custom ng-dropdown-panel .ng-option {
  color: var(--bodyColor) !important;
  font-size: 14px !important;
  line-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  background-color: var(--elevate0) !important;
}
ng-select.custom ng-dropdown-panel .ng-option.ng-option-disabled {
  cursor: not-allowed !important;
}
ng-select.custom ng-dropdown-panel .ng-option.ng-option-marked {
  background-color: var(--primaryColorExtraLight) !important;
}
ng-select.custom ng-dropdown-panel .ng-option .item {
  width: 100% !important;
  cursor: pointer;
}
ng-select.custom ng-dropdown-panel .ng-option .item.ng-option-disabled {
  cursor: not-allowed !important;
}
ng-select.custom ng-dropdown-panel .ng-option .item label {
  cursor: pointer;
}
ng-select.custom .is-multiple .ng-select-container {
  overflow: auto !important;
}

.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 0px !important;
}

textarea {
  padding: 16px 16px 8px 16px;
  height: 78px;
  border-radius: 8px;
  border-color: var(--gray400);
  resize: auto !important;
  outline: none;
}
textarea:hover {
  border-color: var(--primaryColorLight) !important;
}
textarea:focus {
  border-color: var(--primaryColorMain) !important;
  border-width: 1.5px !important;
}
textarea:active {
  border-color: var(--gray500) !important;
  border-width: 1px !important;
}
textarea:disabled {
  background-color: var(--gray100), var(--gray500);
  border-color: var(--gray500);
}
textarea.ng-invalid.ng-touched {
  border-color: var(--errorColorMain) !important;
  border-width: 2px !important;
}
textarea.show-valid.ng-valid.ng-touched {
  border-color: var(--successColorMain) !important;
}
textarea::-webkit-resizer {
  display: none;
}

.wrap {
  position: relative;
  display: inline-block;
}
.wrap:has(> .ng-invalid.ng-touched)::after {
  border-color: var(--errorColorMain) !important;
}
.wrap::after {
  content: "";
  border-top: 1px solid var(--gray400);
  width: 16px;
  transform: rotate(-45deg);
  background: transparent;
  position: absolute;
  right: 12px;
  bottom: 22px;
  pointer-events: none;
  border-radius: 25%;
}
.wrap .pull-tab {
  border-top: 1px solid var(--gray400);
  width: 12px;
  transform: rotate(-45deg);
  position: absolute;
  bottom: 20px;
  right: 12px;
  pointer-events: none;
  border-radius: 25%;
}
.wrap .pull-tab:has(+ .ng-invalid.ng-touched) {
  border-color: var(--errorColorMain) !important;
}
.wrap:hover::after,
.wrap:hover .pull-tab, .wrap:focus::after,
.wrap:focus .pull-tab {
  border-color: var(--primaryColorLight) !important;
}

label {
  margin-bottom: 8px !important;
  font-family: "Lexend" !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: var(--textColor) !important;
}
label span.required {
  color: var(--errorColorMain) !important;
}
label span.optional {
  color: var(--gray500) !important;
}

.ds-checkbox {
  width: 18px !important;
  height: 18px !important;
  background-color: var(----gray00);
}
.ds-checkbox:checked {
  background-color: var(--primaryColorMain) !important;
  border-color: var(--primaryColorMain) !important;
}

.ds-btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.ds-btn-check:checked {
  background-color: var(--primaryColorMain) !important;
  border-color: var(--primaryColorMain) !important;
}

.ds-btn {
  border-width: 1px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  outline: none !important;
}
.ds-btn.h-sm {
  height: 32px;
  padding: 4px 12px 4px 12px;
}
.ds-btn.h-md {
  height: 40px;
  padding: 8px 16px 8px 16px;
}
.ds-btn.h-lg {
  height: 44px;
  padding: 8px 16px 8px 16px;
}
.ds-btn:disabled {
  cursor: not-allowed;
}

.ds-btn-link {
  border: none;
  background: none !important;
}
.ds-btn-link fa-icon {
  text-decoration: none !important;
}
.ds-btn-link.ds-btn-link-underline {
  text-decoration: underline;
}
.ds-btn-link:disabled {
  color: var(--gray600);
}

.ds-btn-primary {
  border: none;
  background-color: var(--primaryColorMain);
  color: var(--gray00);
}
.ds-btn-primary:hover {
  background-color: var(--primaryColorMain);
}
.ds-btn-primary:active, .ds-btn-primary:focus {
  border-width: 2px;
  border-color: var(--primaryColorExtraLight);
  background-color: var(--primaryColorMain);
}
.ds-btn-primary:disabled {
  border: none;
  background-color: var(--gray500);
  color: var(--gray01);
}

.ds-btn-primary-flat {
  border: none;
  background-color: var(--primaryColorExtraLight);
  color: var(--primaryColorDark);
}
.ds-btn-primary-flat:hover {
  border: 1.5px var(--primaryColorMain) solid;
}
.ds-btn-primary-flat:disabled {
  border: none;
}

.ds-btn-primary-ghost {
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: var(--primaryColorMain);
  background: none;
  color: var(--primaryColorMain);
}
.ds-btn-primary-ghost:hover {
  color: var(--primaryColorMain);
  text-decoration: underline;
}

.ds-btn-primary-link {
  border: none;
  background: none !important;
  color: var(--primaryColorMain);
}
.ds-btn-primary-link fa-icon {
  text-decoration: none !important;
}
.ds-btn-primary-link:disabled {
  color: var(--gray600);
}

.ds-btn-success {
  border: none;
  background-color: var(--successColorDark);
  color: var(--gray00);
}
.ds-btn-success:hover {
  background-color: var(--successColorMain);
}
.ds-btn-success:active, .ds-btn-success:focus {
  border-width: 2px;
  border-color: var(--successColorExtraLight);
  background-color: var(--successColorDark);
}
.ds-btn-success:disabled {
  border: none;
  background-color: var(--gray500);
  color: var(--gray01);
}

.ds-btn-success-flat {
  border: none;
  background-color: var(--successColorExtraLight);
  color: var(--successColorMain);
}
.ds-btn-success-flat:hover {
  border: 1.5px var(--successColorMain) solid;
}
.ds-btn-success-flat:disabled {
  border: none;
}

.ds-btn-success-ghost {
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: var(--successColorDark);
  background: none;
  color: var(--successColorDark);
}
.ds-btn-success-ghost:hover {
  border: 0 !important;
  color: var(--successColorMain);
  text-decoration: underline;
}

.ds-btn-success-link {
  border: none;
  background: none !important;
  color: var(--successColorDark);
}
.ds-btn-success-link fa-icon {
  text-decoration: none !important;
}
.ds-btn-success-link:disabled {
  color: var(--gray600);
}

.ds-btn-error {
  border: none;
  background-color: var(--errorColorDark);
  color: var(--gray00);
}
.ds-btn-error:hover {
  background-color: var(--errorColorMain);
}
.ds-btn-error:active, .ds-btn-error:focus {
  border-width: 2px;
  border-color: var(--errorColorExtraLight);
  background-color: var(--errorColorDark);
}
.ds-btn-error:disabled {
  border: none;
  background-color: var(--gray500);
  color: var(--gray01);
}

.ds-btn-error-flat {
  border: none;
  background-color: var(--errorColorExtraLight);
  color: var(--errorColorDark);
}
.ds-btn-error-flat:hover {
  border: 1.5px var(--errorColorMain) solid;
}
.ds-btn-error-flat:disabled {
  border: none;
}

.ds-btn-error-ghost {
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: var(--errorColorDark);
  background: none;
  color: var(--errorColorDark);
}
.ds-btn-error-ghost:hover {
  border: 0 !important;
  color: var(--errorColorMain);
  text-decoration: underline;
}

.ds-btn-error-link {
  border: none;
  background: none !important;
  color: var(--errorColorDark);
}
.ds-btn-error-link fa-icon {
  text-decoration: none !important;
}
.ds-btn-error-link:disabled {
  color: var(--gray600);
}

.ds-btn-info {
  border: none;
  background-color: var(--infoColorMain);
  color: var(--gray00);
}
.ds-btn-info:hover {
  background-color: var(--infoColorMain);
}
.ds-btn-info:active, .ds-btn-info:focus {
  border-width: 2px;
  border-color: var(--infoColorExtraLight);
  background-color: var(--infoColorMain);
}
.ds-btn-info:disabled {
  border: none;
  background-color: var(--gray500);
  color: var(--gray01);
}

.ds-btn-info-flat {
  border: none;
  background-color: var(--infoColorExtraLight);
  color: var(--infoColorMain);
}
.ds-btn-info-flat:hover {
  border: 1.5px var(--infoColorMain) solid;
}
.ds-btn-info-flat:disabled {
  border: none;
}

.ds-btn-info-ghost {
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: var(--infoColorDark);
  background: none;
  color: var(--infoColorDark);
}
.ds-btn-info-ghost:hover {
  border: 0 !important;
  color: var(--infoColorMain);
  text-decoration: underline;
}

.ds-btn-info-link {
  border: none;
  background: none !important;
  color: var(--infoColorDark);
}
.ds-btn-info-link fa-icon {
  text-decoration: none !important;
}
.ds-btn-info-link:disabled {
  color: var(--gray600);
}

.modal-content {
  padding: 16px 24px;
  border-radius: 16px;
  background-color: var(--elevate0);
}

lib-ds-modal .modal-header {
  padding: 24px;
  border-bottom: 1px solid var(--gray200) !important;
}
lib-ds-modal .modal-header .ds-btn-close {
  width: 32px;
  height: 32px;
  color: var(--bodyColor) !important;
  line-height: 32px;
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}
lib-ds-modal .modal-body {
  padding: 16px 24px;
}
lib-ds-modal .modal-footer {
  padding: 16px 24px;
  height: auto;
  border-top: 1px solid var(--gray200) !important;
  justify-content: space-between !important;
}

.items-page {
  font-size: 14px;
  line-height: 22px;
  color: var(--bodyColor);
}

.page-item {
  font-size: 16px;
  line-height: 24px;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  align-items: center;
}
.page-item.active .page-link {
  background-color: var(--primaryColorMain);
  color: var(--gray00);
  border-radius: 50px;
}
.page-item.disabled {
  cursor: not-allowed;
}
.page-item.disabled:first-child .page-link, .page-item.disabled:last-child .page-link {
  color: var(--gray400);
}
.page-item.disabled .page-link span {
  color: var(--gray400);
}
.page-item .page-link {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: none;
  background: none;
  color: var(--bodyColor);
  gap: 16px;
  box-shadow: none;
  justify-content: center;
  font-family: "Lexend";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.ds-result-pagination {
  color: var(--gray500);
}

.tabs {
  color: var(--primaryColorMain);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  position: relative;
}

.tab-content-title .underline {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 26px;
  width: 0px;
  height: 2px;
  background-color: var(--primaryColorMain);
  border-radius: 2px;
  transition: width 0.3s ease, right 0.3s ease;
}

.tab-content-title.active .underline {
  width: 100%; /* A largura se expandirá para 100% quando a classe .active estiver presente */
  right: 0; /* A origem da animação começa da direita */
}

.tab-content-title {
  position: relative;
  margin: 0px;
  margin-right: 24px;
}

div[ds-content] {
  position: absolute;
  left: 0px;
  top: 40px;
  color: var(--bodyColor);
}

.bg-alert-default {
  background-color: var(--primaryColorExtraLight);
  color: var(--primaryColorDark) !important;
}

.bg-alert-success {
  background-color: var(--successColorExtraLight);
  color: var(--successColorDark) !important;
}

.bg-alert-warning {
  background-color: var(--warningColorExtraLight);
  color: var(--warningColorDark) !important;
}

.bg-alert-error {
  background-color: var(--errorColorExtraLight);
  color: var(--errorColorDark) !important;
}

.bg-alert-info {
  background-color: var(--infoColorExtraLight);
  color: var(--infoColorDark) !important;
}

.ds-switch_container {
  width: auto;
}

.ds-switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.ds-switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.ds-switch-shadow + label {
  padding: 2px;
  width: 41px;
  height: 24px;
  background-color: var(--gray200);
  border-radius: 60px;
}

.ds-switch-shadow + label:before,
.ds-switch-shadow + label:after {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  content: "";
}

.ds-switch-shadow + label:before {
  right: 0px;
  left: 0px;
  background-color: var(--gray200);
  border-radius: 60px;
  transition: background 0.4s;
}

.ds-switch-shadow + label:after {
  width: 16px;
  height: 16px;
  top: 3px;
  right: 3px;
  background-color: var(--gray00);
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}

.ds-switch-shadow:checked + label:before {
  background-color: var(--primaryColorMain);
}

.ds-switch-shadow:checked + label:after {
  transform: translateX(22px);
}

.ant-picker-focused, .ant-picker:hover {
  border: 1.5px var(--primaryColorMain) solid !important;
  box-shadow: none;
}

.ant-picker {
  box-sizing: border-box;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  padding: 4px 11px;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  transition: border 0s, box-shadow 0.3s;
  width: 100%;
}
.ant-picker.h-lg {
  height: 56px;
}
.ant-picker.h-md {
  height: 48px;
}
.ant-picker.h-sm {
  height: 38px;
}
.ant-picker.ng-invalid.ng-touched {
  border-color: var(--errorColorMain) !important;
  border-width: 2px !important;
}

.ant-picker-input > input::placeholder {
  font-size: 16px;
  font-family: "Inter";
  font-weight: 400;
  color: #7C7C7C;
  padding-left: 0px;
  margin: 0px;
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid var(--primaryColorDark);
  border-radius: 2px;
  content: "";
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: var(--primaryColorDark);
}

.ant-picker-today-btn, .ant-picker-today-btn:hover {
  color: var(--primaryColorDark);
}

.ant-picker-clear > * {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  width: 32px !important;
  height: 24px !important;
}

.ds-radio {
  width: 24px !important;
  height: 24px !important;
  background-color: var(----gray00);
}

.ds-radio:checked {
  background-color: var(--primaryColorMain) !important;
  border-color: var(--primaryColorMain) !important;
}

body {
  background: var(--lightBg);
}

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