/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/style.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@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/assets/sass/utilities/_index.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@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/assets/sass/utilities/_reset.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@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/assets/sass/main.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular/material/prebuilt-themes/azure-blue.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}html{--mat-app-background-color:#faf9fd;--mat-app-text-color:#1a1b1f;--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-ripple-color:rgba(26, 27, 31, 0.1);--mat-option-selected-state-label-text-color:#131c2b;--mat-option-label-text-color:#1a1b1f;--mat-option-hover-state-layer-color:rgba(26, 27, 31, 0.08);--mat-option-focus-state-layer-color:rgba(26, 27, 31, 0.12);--mat-option-selected-state-layer-color:#dae2f9;--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:1.25rem;--mat-option-label-text-size:1rem;--mat-option-label-text-tracking:0.006rem;--mat-option-label-text-weight:400;--mat-optgroup-label-text-color:#44474e;--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:1.25rem;--mat-optgroup-label-text-size:0.875rem;--mat-optgroup-label-text-tracking:0.006rem;--mat-optgroup-label-text-weight:500;--mat-full-pseudo-checkbox-selected-icon-color:#005cbb;--mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;--mat-full-pseudo-checkbox-unselected-icon-color:#44474e;--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#faf9fd;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:rgba(26, 27, 31, 0.38);--mat-full-pseudo-checkbox-disabled-selected-icon-color:rgba(26, 27, 31, 0.38);--mat-minimal-pseudo-checkbox-selected-checkmark-color:#005cbb;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:rgba(26, 27, 31, 0.38);--mdc-elevated-card-container-color:#f4f3f6;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-elevated-card-container-shape:12px;--mdc-outlined-card-container-color:#faf9fd;--mdc-outlined-card-outline-color:#c4c6d0;--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-shape:12px;--mdc-outlined-card-outline-width:1px;--mat-card-subtitle-text-color:#1a1b1f;--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:1.75rem;--mat-card-title-text-size:1.375rem;--mat-card-title-text-tracking:0;--mat-card-title-text-weight:400;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:1.5rem;--mat-card-subtitle-text-size:1rem;--mat-card-subtitle-text-tracking:0.009rem;--mat-card-subtitle-text-weight:500;--mdc-linear-progress-active-indicator-color:#005cbb;--mdc-linear-progress-track-color:#e0e2ec;--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0;--mdc-plain-tooltip-container-color:#2f3033;--mdc-plain-tooltip-supporting-text-color:#f2f0f4;--mdc-plain-tooltip-supporting-text-line-height:1rem;--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:0.75rem;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.025rem;--mdc-plain-tooltip-container-shape:4px;--mdc-filled-text-field-caret-color:#005cbb;--mdc-filled-text-field-focus-active-indicator-color:#005cbb;--mdc-filled-text-field-focus-label-text-color:#005cbb;--mdc-filled-text-field-container-color:#e0e2ec;--mdc-filled-text-field-disabled-container-color:rgba(26, 27, 31, 0.04);--mdc-filled-text-field-label-text-color:#44474e;--mdc-filled-text-field-hover-label-text-color:#44474e;--mdc-filled-text-field-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-filled-text-field-input-text-color:#1a1b1f;--mdc-filled-text-field-disabled-input-text-color:rgba(26, 27, 31, 0.38);--mdc-filled-text-field-input-text-placeholder-color:#44474e;--mdc-filled-text-field-error-hover-label-text-color:#410002;--mdc-filled-text-field-error-focus-label-text-color:#ba1a1a;--mdc-filled-text-field-error-label-text-color:#ba1a1a;--mdc-filled-text-field-active-indicator-color:#44474e;--mdc-filled-text-field-disabled-active-indicator-color:rgba(26, 27, 31, 0.38);--mdc-filled-text-field-hover-active-indicator-color:#1a1b1f;--mdc-filled-text-field-error-active-indicator-color:#ba1a1a;--mdc-filled-text-field-error-focus-active-indicator-color:#ba1a1a;--mdc-filled-text-field-error-hover-active-indicator-color:#410002;--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:1rem;--mdc-filled-text-field-label-text-tracking:0.031rem;--mdc-filled-text-field-label-text-weight:400;--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-caret-color:#005cbb;--mdc-outlined-text-field-focus-outline-color:#005cbb;--mdc-outlined-text-field-focus-label-text-color:#005cbb;--mdc-outlined-text-field-label-text-color:#44474e;--mdc-outlined-text-field-hover-label-text-color:#1a1b1f;--mdc-outlined-text-field-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-outlined-text-field-input-text-color:#1a1b1f;--mdc-outlined-text-field-disabled-input-text-color:rgba(26, 27, 31, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:#44474e;--mdc-outlined-text-field-error-focus-label-text-color:#ba1a1a;--mdc-outlined-text-field-error-label-text-color:#ba1a1a;--mdc-outlined-text-field-error-hover-label-text-color:#410002;--mdc-outlined-text-field-outline-color:#74777f;--mdc-outlined-text-field-disabled-outline-color:rgba(26, 27, 31, 0.12);--mdc-outlined-text-field-hover-outline-color:#1a1b1f;--mdc-outlined-text-field-error-focus-outline-color:#ba1a1a;--mdc-outlined-text-field-error-hover-outline-color:#410002;--mdc-outlined-text-field-error-outline-color:#ba1a1a;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:1rem;--mdc-outlined-text-field-label-text-tracking:0.031rem;--mdc-outlined-text-field-label-text-weight:400;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px;--mat-form-field-focus-select-arrow-color:#005cbb;--mat-form-field-disabled-input-text-placeholder-color:rgba(26, 27, 31, 0.38);--mat-form-field-state-layer-color:#1a1b1f;--mat-form-field-error-text-color:#ba1a1a;--mat-form-field-select-option-text-color:#1a1b1f;--mat-form-field-select-disabled-option-text-color:rgba(26, 27, 31, 0.38);--mat-form-field-leading-icon-color:#44474e;--mat-form-field-disabled-leading-icon-color:rgba(26, 27, 31, 0.38);--mat-form-field-trailing-icon-color:#44474e;--mat-form-field-disabled-trailing-icon-color:rgba(26, 27, 31, 0.38);--mat-form-field-error-focus-trailing-icon-color:#ba1a1a;--mat-form-field-error-hover-trailing-icon-color:#410002;--mat-form-field-error-trailing-icon-color:#ba1a1a;--mat-form-field-enabled-select-arrow-color:#44474e;--mat-form-field-disabled-select-arrow-color:rgba(26, 27, 31, 0.38);--mat-form-field-hover-state-layer-opacity:0.08;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:1.5rem;--mat-form-field-container-text-size:1rem;--mat-form-field-container-text-tracking:0.031rem;--mat-form-field-container-text-weight:400;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:1rem;--mat-form-field-subscript-text-size:0.75rem;--mat-form-field-subscript-text-tracking:0.025rem;--mat-form-field-subscript-text-weight:400;--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px;--mat-form-field-focus-state-layer-opacity:0;--mat-select-panel-background-color:#efedf0;--mat-select-enabled-trigger-text-color:#1a1b1f;--mat-select-disabled-trigger-text-color:rgba(26, 27, 31, 0.38);--mat-select-placeholder-text-color:#44474e;--mat-select-enabled-arrow-color:#44474e;--mat-select-disabled-arrow-color:rgba(26, 27, 31, 0.38);--mat-select-focused-arrow-color:#005cbb;--mat-select-invalid-arrow-color:#ba1a1a;--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:1.5rem;--mat-select-trigger-text-size:1rem;--mat-select-trigger-text-tracking:0.031rem;--mat-select-trigger-text-weight:400;--mat-select-arrow-transform:translateY(-8px);--mat-select-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-autocomplete-background-color:#efedf0;--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-dialog-container-color:#faf9fd;--mdc-dialog-subhead-color:#1a1b1f;--mdc-dialog-supporting-text-color:#44474e;--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:2rem;--mdc-dialog-subhead-size:1.5rem;--mdc-dialog-subhead-weight:400;--mdc-dialog-subhead-tracking:0;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:1.25rem;--mdc-dialog-supporting-text-size:0.875rem;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.016rem;--mdc-dialog-container-shape:28px;--mat-dialog-container-elevation-shadow:none;--mat-dialog-container-max-width:560px;--mat-dialog-container-small-max-width:calc(100vw - 32px);--mat-dialog-container-min-width:280px;--mat-dialog-actions-alignment:flex-end;--mat-dialog-actions-padding:16px 24px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px 0;--mat-dialog-headline-padding:6px 24px 13px;--mdc-chip-outline-color:#74777f;--mdc-chip-disabled-outline-color:rgba(26, 27, 31, 0.12);--mdc-chip-focus-outline-color:#44474e;--mdc-chip-hover-state-layer-opacity:0.08;--mdc-chip-selected-hover-state-layer-opacity:0.08;--mdc-chip-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-chip-elevated-selected-container-color:#dae2f9;--mdc-chip-flat-disabled-selected-container-color:rgba(26, 27, 31, 0.12);--mdc-chip-focus-state-layer-color:#44474e;--mdc-chip-hover-state-layer-color:#44474e;--mdc-chip-selected-hover-state-layer-color:#131c2b;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:#131c2b;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#44474e;--mdc-chip-selected-label-text-color:#131c2b;--mdc-chip-with-icon-icon-color:#44474e;--mdc-chip-with-icon-disabled-icon-color:#1a1b1f;--mdc-chip-with-icon-selected-icon-color:#131c2b;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#1a1b1f;--mdc-chip-with-trailing-icon-trailing-icon-color:#44474e;--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:1.25rem;--mdc-chip-label-text-size:0.875rem;--mdc-chip-label-text-tracking:0.006rem;--mdc-chip-label-text-weight:500;--mdc-chip-container-height:32px;--mdc-chip-container-shape-radius:8px;--mdc-chip-with-avatar-avatar-shape-radius:24px;--mdc-chip-with-avatar-avatar-size:24px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:1px;--mdc-chip-with-avatar-disabled-avatar-opacity:0.38;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:0.38;--mdc-chip-with-icon-disabled-icon-opacity:0.38;--mdc-chip-elevated-container-color:transparent;--mat-chip-trailing-action-state-layer-color:#44474e;--mat-chip-selected-trailing-action-state-layer-color:#131c2b;--mat-chip-trailing-action-hover-state-layer-opacity:0.08;--mat-chip-trailing-action-focus-state-layer-opacity:0.12;--mat-chip-selected-disabled-trailing-icon-color:#1a1b1f;--mat-chip-selected-trailing-icon-color:#131c2b;--mat-chip-disabled-container-opacity:1;--mat-chip-trailing-action-opacity:1;--mat-chip-trailing-action-focus-opacity:1;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.08;--mdc-switch-selected-pressed-state-layer-opacity:0.12;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.08;--mdc-switch-unselected-pressed-state-layer-opacity:0.12;--mdc-switch-selected-focus-state-layer-color:#005cbb;--mdc-switch-selected-handle-color:#ffffff;--mdc-switch-selected-hover-state-layer-color:#005cbb;--mdc-switch-selected-pressed-state-layer-color:#005cbb;--mdc-switch-selected-focus-handle-color:#d7e3ff;--mdc-switch-selected-hover-handle-color:#d7e3ff;--mdc-switch-selected-pressed-handle-color:#d7e3ff;--mdc-switch-selected-focus-track-color:#005cbb;--mdc-switch-selected-hover-track-color:#005cbb;--mdc-switch-selected-pressed-track-color:#005cbb;--mdc-switch-selected-track-color:#005cbb;--mdc-switch-disabled-selected-handle-color:#faf9fd;--mdc-switch-disabled-selected-icon-color:#1a1b1f;--mdc-switch-disabled-selected-track-color:#1a1b1f;--mdc-switch-disabled-unselected-handle-color:#1a1b1f;--mdc-switch-disabled-unselected-icon-color:#e0e2ec;--mdc-switch-disabled-unselected-track-color:#e0e2ec;--mdc-switch-selected-icon-color:#001b3f;--mdc-switch-unselected-focus-handle-color:#44474e;--mdc-switch-unselected-focus-state-layer-color:#1a1b1f;--mdc-switch-unselected-focus-track-color:#e0e2ec;--mdc-switch-unselected-handle-color:#74777f;--mdc-switch-unselected-hover-handle-color:#44474e;--mdc-switch-unselected-hover-state-layer-color:#1a1b1f;--mdc-switch-unselected-hover-track-color:#e0e2ec;--mdc-switch-unselected-icon-color:#e0e2ec;--mdc-switch-unselected-pressed-handle-color:#44474e;--mdc-switch-unselected-pressed-state-layer-color:#1a1b1f;--mdc-switch-unselected-pressed-track-color:#e0e2ec;--mdc-switch-unselected-track-color:#e0e2ec;--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-shape:9999px;--mdc-switch-selected-icon-size:16px;--mdc-switch-track-height:32px;--mdc-switch-track-shape:9999px;--mdc-switch-track-width:52px;--mdc-switch-unselected-icon-size:16px;--mdc-switch-state-layer-size:40px;--mat-switch-track-outline-color:#74777f;--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;--mat-switch-label-text-color:#1a1b1f;--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:1.25rem;--mat-switch-label-text-size:0.875rem;--mat-switch-label-text-tracking:0.016rem;--mat-switch-label-text-weight:400;--mat-switch-disabled-selected-handle-opacity:1;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:16px;--mat-switch-selected-handle-size:24px;--mat-switch-pressed-handle-size:28px;--mat-switch-with-icon-handle-size:24px;--mat-switch-selected-handle-horizontal-margin:0 24px;--mat-switch-selected-with-icon-handle-horizontal-margin:0 24px;--mat-switch-selected-pressed-handle-horizontal-margin:0 22px;--mat-switch-unselected-handle-horizontal-margin:0 8px;--mat-switch-unselected-with-icon-handle-horizontal-margin:0 4px;--mat-switch-unselected-pressed-handle-horizontal-margin:0 2px;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:0;--mat-switch-visible-track-transition:opacity 75ms;--mat-switch-hidden-track-transition:opacity 75ms;--mat-switch-track-outline-width:2px;--mat-switch-selected-track-outline-width:2px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:2px;--mdc-radio-disabled-selected-icon-color:#1a1b1f;--mdc-radio-disabled-unselected-icon-color:#1a1b1f;--mdc-radio-unselected-hover-icon-color:#1a1b1f;--mdc-radio-unselected-focus-icon-color:#1a1b1f;--mdc-radio-unselected-icon-color:#44474e;--mdc-radio-unselected-pressed-icon-color:#1a1b1f;--mdc-radio-selected-focus-icon-color:#005cbb;--mdc-radio-selected-hover-icon-color:#005cbb;--mdc-radio-selected-icon-color:#005cbb;--mdc-radio-selected-pressed-icon-color:#005cbb;--mdc-radio-state-layer-size:40px;--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mat-radio-ripple-color:#1a1b1f;--mat-radio-checked-ripple-color:#005cbb;--mat-radio-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-radio-label-text-color:#1a1b1f;--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:1.25rem;--mat-radio-label-text-size:0.875rem;--mat-radio-label-text-tracking:0.016rem;--mat-radio-label-text-weight:400;--mat-radio-touch-target-display:block;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-slider-handle-color:#005cbb;--mdc-slider-focus-handle-color:#005cbb;--mdc-slider-hover-handle-color:#005cbb;--mdc-slider-active-track-color:#005cbb;--mdc-slider-inactive-track-color:#e0e2ec;--mdc-slider-with-tick-marks-inactive-container-color:#44474e;--mdc-slider-with-tick-marks-active-container-color:#ffffff;--mdc-slider-disabled-active-track-color:#1a1b1f;--mdc-slider-disabled-handle-color:#1a1b1f;--mdc-slider-disabled-inactive-track-color:#1a1b1f;--mdc-slider-label-container-color:#005cbb;--mdc-slider-label-label-text-color:#ffffff;--mdc-slider-with-overlap-handle-outline-color:#ffffff;--mdc-slider-with-tick-marks-disabled-container-color:#1a1b1f;--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:0.75rem;--mdc-slider-label-label-text-line-height:1rem;--mdc-slider-label-label-text-tracking:0.031rem;--mdc-slider-label-label-text-weight:500;--mdc-slider-active-track-height:4px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:9999px;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.38;--mdc-slider-with-tick-marks-container-shape:9999px;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.38;--mat-slider-ripple-color:#005cbb;--mat-slider-hover-state-layer-color:rgba(0, 92, 187, 0.05);--mat-slider-focus-state-layer-color:rgba(0, 92, 187, 0.2);--mat-slider-value-indicator-width:28px;--mat-slider-value-indicator-height:28px;--mat-slider-value-indicator-caret-display:none;--mat-slider-value-indicator-border-radius:50% 50% 50% 0;--mat-slider-value-indicator-padding:0;--mat-slider-value-indicator-text-transform:rotate(45deg);--mat-slider-value-indicator-container-transform:translateX(-50%) rotate(-45deg);--mat-slider-value-indicator-opacity:1;--mat-menu-item-label-text-color:#1a1b1f;--mat-menu-item-icon-color:#44474e;--mat-menu-item-hover-state-layer-color:rgba(26, 27, 31, 0.08);--mat-menu-item-focus-state-layer-color:rgba(26, 27, 31, 0.12);--mat-menu-container-color:#efedf0;--mat-menu-divider-color:#e0e2ec;--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:0.875rem;--mat-menu-item-label-text-tracking:0.006rem;--mat-menu-item-label-text-line-height:1.25rem;--mat-menu-item-label-text-weight:500;--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:8px;--mat-menu-divider-top-spacing:8px;--mat-menu-item-spacing:12px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:12px;--mat-menu-item-trailing-spacing:12px;--mat-menu-item-with-icon-leading-spacing:12px;--mat-menu-item-with-icon-trailing-spacing:12px;--mat-menu-base-elevation-level:2;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-leading-avatar-color:#d7e3ff;--mdc-list-list-item-disabled-state-layer-color:#1a1b1f;--mdc-list-list-item-disabled-state-layer-opacity:0.12;--mdc-list-list-item-label-text-color:#1a1b1f;--mdc-list-list-item-supporting-text-color:#44474e;--mdc-list-list-item-leading-icon-color:#44474e;--mdc-list-list-item-trailing-supporting-text-color:#44474e;--mdc-list-list-item-trailing-icon-color:#44474e;--mdc-list-list-item-selected-trailing-icon-color:#005cbb;--mdc-list-list-item-disabled-label-text-color:#1a1b1f;--mdc-list-list-item-disabled-leading-icon-color:#1a1b1f;--mdc-list-list-item-disabled-trailing-icon-color:#1a1b1f;--mdc-list-list-item-hover-label-text-color:#1a1b1f;--mdc-list-list-item-focus-label-text-color:#1a1b1f;--mdc-list-list-item-hover-state-layer-color:#1a1b1f;--mdc-list-list-item-hover-state-layer-opacity:0.08;--mdc-list-list-item-focus-state-layer-color:#1a1b1f;--mdc-list-list-item-focus-state-layer-opacity:0.12;--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:1.5rem;--mdc-list-list-item-label-text-size:1rem;--mdc-list-list-item-label-text-tracking:0.031rem;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:1.25rem;--mdc-list-list-item-supporting-text-size:0.875rem;--mdc-list-list-item-supporting-text-tracking:0.016rem;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:1rem;--mdc-list-list-item-trailing-supporting-text-size:0.688rem;--mdc-list-list-item-trailing-supporting-text-tracking:0.031rem;--mdc-list-list-item-trailing-supporting-text-weight:500;--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:9999px;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-label-text-opacity:0.3;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:#dae2f9;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:16px;--mat-list-active-indicator-shape:9999px;--mat-paginator-container-text-color:#1a1b1f;--mat-paginator-container-background-color:#faf9fd;--mat-paginator-enabled-icon-color:#44474e;--mat-paginator-disabled-icon-color:rgba(26, 27, 31, 0.38);--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:1rem;--mat-paginator-container-text-size:0.75rem;--mat-paginator-container-text-tracking:0.025rem;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:0.75rem;--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block;--mdc-secondary-navigation-tab-container-height:48px;--mdc-tab-indicator-active-indicator-color:#005cbb;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mat-tab-header-divider-color:#e0e2ec;--mat-tab-header-pagination-icon-color:#1a1b1f;--mat-tab-header-inactive-label-text-color:#1a1b1f;--mat-tab-header-active-label-text-color:#1a1b1f;--mat-tab-header-active-ripple-color:#1a1b1f;--mat-tab-header-inactive-ripple-color:#1a1b1f;--mat-tab-header-inactive-focus-label-text-color:#1a1b1f;--mat-tab-header-inactive-hover-label-text-color:#1a1b1f;--mat-tab-header-active-focus-label-text-color:#1a1b1f;--mat-tab-header-active-hover-label-text-color:#1a1b1f;--mat-tab-header-active-focus-indicator-color:#005cbb;--mat-tab-header-active-hover-indicator-color:#005cbb;--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:0.875rem;--mat-tab-header-label-text-tracking:0.006rem;--mat-tab-header-label-text-line-height:1.25rem;--mat-tab-header-label-text-weight:500;--mat-tab-header-divider-height:1px;--mdc-checkbox-disabled-selected-checkmark-color:#faf9fd;--mdc-checkbox-selected-focus-state-layer-opacity:0.12;--mdc-checkbox-selected-hover-state-layer-opacity:0.08;--mdc-checkbox-selected-pressed-state-layer-opacity:0.12;--mdc-checkbox-unselected-focus-state-layer-opacity:0.12;--mdc-checkbox-unselected-hover-state-layer-opacity:0.08;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.12;--mdc-checkbox-selected-pressed-icon-color:#005cbb;--mdc-checkbox-disabled-selected-icon-color:rgba(26, 27, 31, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(26, 27, 31, 0.38);--mdc-checkbox-selected-checkmark-color:#ffffff;--mdc-checkbox-selected-focus-icon-color:#005cbb;--mdc-checkbox-selected-hover-icon-color:#005cbb;--mdc-checkbox-selected-icon-color:#005cbb;--mdc-checkbox-unselected-focus-icon-color:#1a1b1f;--mdc-checkbox-unselected-hover-icon-color:#1a1b1f;--mdc-checkbox-unselected-icon-color:#44474e;--mdc-checkbox-selected-focus-state-layer-color:#005cbb;--mdc-checkbox-selected-hover-state-layer-color:#005cbb;--mdc-checkbox-selected-pressed-state-layer-color:#1a1b1f;--mdc-checkbox-unselected-focus-state-layer-color:#1a1b1f;--mdc-checkbox-unselected-hover-state-layer-color:#1a1b1f;--mdc-checkbox-unselected-pressed-state-layer-color:#005cbb;--mdc-checkbox-state-layer-size:40px;--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f;--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:1.25rem;--mat-checkbox-label-text-size:0.875rem;--mat-checkbox-label-text-tracking:0.016rem;--mat-checkbox-label-text-weight:400;--mat-checkbox-touch-target-display:block;--mdc-text-button-label-text-color:#005cbb;--mdc-text-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:0.875rem;--mdc-text-button-label-text-tracking:0.006rem;--mdc-text-button-label-text-weight:500;--mdc-text-button-container-height:40px;--mdc-text-button-container-shape:9999px;--mdc-protected-button-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-container-color:#faf9fd;--mdc-protected-button-label-text-color:#005cbb;--mdc-protected-button-disabled-container-color:rgba(26, 27, 31, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:0.875rem;--mdc-protected-button-label-text-tracking:0.006rem;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-container-height:40px;--mdc-protected-button-container-shape:9999px;--mdc-filled-button-container-color:#005cbb;--mdc-filled-button-label-text-color:#ffffff;--mdc-filled-button-disabled-container-color:rgba(26, 27, 31, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:0.875rem;--mdc-filled-button-label-text-tracking:0.006rem;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-container-height:40px;--mdc-filled-button-container-shape:9999px;--mdc-outlined-button-disabled-outline-color:rgba(26, 27, 31, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);--mdc-outlined-button-label-text-color:#005cbb;--mdc-outlined-button-outline-color:#74777f;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:0.875rem;--mdc-outlined-button-label-text-tracking:0.006rem;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-container-height:40px;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:9999px;--mat-text-button-state-layer-color:#005cbb;--mat-text-button-disabled-state-layer-color:#44474e;--mat-text-button-ripple-color:rgba(0, 92, 187, 0.12);--mat-text-button-hover-state-layer-opacity:0.08;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mat-text-button-touch-target-display:block;--mat-text-button-horizontal-padding:12px;--mat-text-button-with-icon-horizontal-padding:16px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:-4px;--mat-protected-button-state-layer-color:#005cbb;--mat-protected-button-disabled-state-layer-color:#44474e;--mat-protected-button-ripple-color:rgba(0, 92, 187, 0.12);--mat-protected-button-hover-state-layer-opacity:0.08;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mat-protected-button-touch-target-display:block;--mat-protected-button-horizontal-padding:24px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-8px;--mat-filled-button-state-layer-color:#ffffff;--mat-filled-button-disabled-state-layer-color:#44474e;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);--mat-filled-button-hover-state-layer-opacity:0.08;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mat-filled-button-touch-target-display:block;--mat-filled-button-horizontal-padding:24px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-8px;--mat-outlined-button-state-layer-color:#005cbb;--mat-outlined-button-disabled-state-layer-color:#44474e;--mat-outlined-button-ripple-color:rgba(0, 92, 187, 0.12);--mat-outlined-button-hover-state-layer-opacity:0.08;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12;--mat-outlined-button-touch-target-display:block;--mat-outlined-button-horizontal-padding:24px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-8px;--mdc-icon-button-icon-color:#44474e;--mdc-icon-button-disabled-icon-color:rgba(26, 27, 31, 0.38);--mdc-icon-button-state-layer-size:40px;--mdc-icon-button-icon-size:24px;--mat-icon-button-state-layer-color:#44474e;--mat-icon-button-disabled-state-layer-color:#44474e;--mat-icon-button-ripple-color:rgba(68, 71, 78, 0.12);--mat-icon-button-hover-state-layer-opacity:0.08;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12;--mat-icon-button-touch-target-display:block;--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:0.875rem;--mdc-extended-fab-label-text-tracking:0.006rem;--mdc-extended-fab-label-text-weight:500;--mdc-extended-fab-container-height:56px;--mdc-extended-fab-container-shape:16px;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-container-color:#d7e3ff;--mdc-fab-container-shape:16px;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-color:#d7e3ff;--mdc-fab-small-container-shape:12px;--mat-fab-foreground-color:#001b3f;--mat-fab-state-layer-color:#001b3f;--mat-fab-ripple-color:rgba(0, 27, 63, 0.12);--mat-fab-hover-state-layer-opacity:0.08;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(26, 27, 31, 0.12);--mat-fab-disabled-state-foreground-color:rgba(26, 27, 31, 0.38);--mat-fab-touch-target-display:block;--mat-fab-small-foreground-color:#001b3f;--mat-fab-small-state-layer-color:#001b3f;--mat-fab-small-ripple-color:rgba(0, 27, 63, 0.12);--mat-fab-small-hover-state-layer-opacity:0.08;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(26, 27, 31, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(26, 27, 31, 0.38);--mdc-snackbar-container-color:#2f3033;--mdc-snackbar-supporting-text-color:#f2f0f4;--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:1.25rem;--mdc-snackbar-supporting-text-size:0.875rem;--mdc-snackbar-supporting-text-weight:400;--mdc-snackbar-container-shape:4px;--mat-snack-bar-button-color:#abc7ff;--mat-table-background-color:#faf9fd;--mat-table-header-headline-color:#1a1b1f;--mat-table-row-item-label-text-color:#1a1b1f;--mat-table-row-item-outline-color:#74777f;--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:1.25rem;--mat-table-header-headline-size:0.875rem;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.006rem;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:1.25rem;--mat-table-row-item-label-text-size:0.875rem;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.016rem;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:1.25rem;--mat-table-footer-supporting-text-size:0.875rem;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.016rem;--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px;--mat-table-row-item-outline-width:1px;--mdc-circular-progress-active-indicator-color:#005cbb;--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px;--mat-badge-background-color:#ba1a1a;--mat-badge-text-color:#ffffff;--mat-badge-disabled-state-background-color:rgba(186, 26, 26, 0.38);--mat-badge-disabled-state-text-color:#ffffff;--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:0.688rem;--mat-badge-text-weight:500;--mat-badge-large-size-text-size:0.688rem;--mat-badge-container-shape:9999px;--mat-badge-container-size:16px;--mat-badge-small-size-container-size:6px;--mat-badge-large-size-container-size:16px;--mat-badge-legacy-container-size:unset;--mat-badge-legacy-small-size-container-size:unset;--mat-badge-legacy-large-size-container-size:unset;--mat-badge-container-offset:-12px 0;--mat-badge-small-size-container-offset:-6px 0;--mat-badge-large-size-container-offset:-12px 0;--mat-badge-container-overlap-offset:-12px;--mat-badge-small-size-container-overlap-offset:-6px;--mat-badge-large-size-container-overlap-offset:-12px;--mat-badge-container-padding:0 4px;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0 4px;--mat-badge-line-height:16px;--mat-badge-small-size-text-size:0;--mat-badge-small-size-line-height:6px;--mat-badge-large-size-line-height:16px;--mat-bottom-sheet-container-text-color:#1a1b1f;--mat-bottom-sheet-container-background-color:#f4f3f6;--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:1.5rem;--mat-bottom-sheet-container-text-size:1rem;--mat-bottom-sheet-container-text-tracking:0.031rem;--mat-bottom-sheet-container-text-weight:400;--mat-bottom-sheet-container-shape:28px;--mat-standard-button-toggle-hover-state-layer-opacity:0.08;--mat-standard-button-toggle-focus-state-layer-opacity:0.12;--mat-standard-button-toggle-text-color:#1a1b1f;--mat-standard-button-toggle-state-layer-color:#1a1b1f;--mat-standard-button-toggle-selected-state-background-color:#dae2f9;--mat-standard-button-toggle-selected-state-text-color:#131c2b;--mat-standard-button-toggle-disabled-state-text-color:rgba(26, 27, 31, 0.38);--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(26, 27, 31, 0.38);--mat-standard-button-toggle-disabled-selected-state-background-color:rgba(26, 27, 31, 0.12);--mat-standard-button-toggle-divider-color:#74777f;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:1.25rem;--mat-standard-button-toggle-label-text-size:0.875rem;--mat-standard-button-toggle-label-text-tracking:0.006rem;--mat-standard-button-toggle-label-text-weight:500;--mat-standard-button-toggle-height:40px;--mat-standard-button-toggle-shape:9999px;--mat-standard-button-toggle-background-color:transparent;--mat-standard-button-toggle-disabled-state-background-color:transparent;--mat-datepicker-calendar-date-selected-state-text-color:#ffffff;--mat-datepicker-calendar-date-selected-state-background-color:#005cbb;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(26, 27, 31, 0.38);--mat-datepicker-calendar-date-today-selected-state-outline-color:#005cbb;--mat-datepicker-calendar-date-focus-state-background-color:rgba(26, 27, 31, 0.12);--mat-datepicker-calendar-date-hover-state-background-color:rgba(26, 27, 31, 0.08);--mat-datepicker-toggle-active-state-icon-color:#44474e;--mat-datepicker-calendar-date-in-range-state-background-color:#d7e3ff;--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#e0e0ff;--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#dae2f9;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#565e71;--mat-datepicker-toggle-icon-color:#44474e;--mat-datepicker-calendar-body-label-text-color:#1a1b1f;--mat-datepicker-calendar-period-button-text-color:#44474e;--mat-datepicker-calendar-period-button-icon-color:#44474e;--mat-datepicker-calendar-navigation-button-icon-color:#44474e;--mat-datepicker-calendar-header-text-color:#44474e;--mat-datepicker-calendar-date-today-outline-color:#005cbb;--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(26, 27, 31, 0.38);--mat-datepicker-calendar-date-text-color:#1a1b1f;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(26, 27, 31, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:#005cbb;--mat-datepicker-range-input-separator-color:#1a1b1f;--mat-datepicker-range-input-disabled-state-separator-color:rgba(26, 27, 31, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(26, 27, 31, 0.38);--mat-datepicker-calendar-container-background-color:#e9e7eb;--mat-datepicker-calendar-container-text-color:#1a1b1f;--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:0.875rem;--mat-datepicker-calendar-body-label-text-size:0.875rem;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:0.875rem;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:0.875rem;--mat-datepicker-calendar-header-text-weight:500;--mat-datepicker-calendar-container-shape:16px;--mat-datepicker-calendar-container-touch-shape:28px;--mat-datepicker-calendar-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-divider-color:transparent;--mat-datepicker-calendar-date-outline-color:transparent;--mat-divider-color:#74777f;--mat-divider-width:1px;--mat-expansion-container-background-color:#faf9fd;--mat-expansion-container-text-color:#1a1b1f;--mat-expansion-actions-divider-color:#74777f;--mat-expansion-header-hover-state-layer-color:rgba(26, 27, 31, 0.08);--mat-expansion-header-focus-state-layer-color:rgba(26, 27, 31, 0.12);--mat-expansion-header-disabled-state-text-color:rgba(26, 27, 31, 0.38);--mat-expansion-header-text-color:#1a1b1f;--mat-expansion-header-description-color:#44474e;--mat-expansion-header-indicator-color:#44474e;--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:1rem;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:1.5rem;--mat-expansion-header-text-tracking:0.009rem;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:1.5rem;--mat-expansion-container-text-size:1rem;--mat-expansion-container-text-tracking:0.031rem;--mat-expansion-container-text-weight:400;--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px;--mat-expansion-container-shape:12px;--mat-expansion-legacy-header-indicator-display:none;--mat-expansion-header-indicator-display:inline-block;--mat-grid-list-tile-header-primary-text-size:400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-header-secondary-text-size:400 0.875rem / 1.25rem Roboto, sans-serif;--mat-grid-list-tile-footer-primary-text-size:400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-footer-secondary-text-size:400 0.875rem / 1.25rem Roboto, sans-serif;--mat-icon-color:inherit;--mat-sidenav-container-background-color:#faf9fd;--mat-sidenav-container-text-color:#44474e;--mat-sidenav-content-background-color:#faf9fd;--mat-sidenav-content-text-color:#1a1b1f;--mat-sidenav-scrim-color:rgba(45, 48, 56, 0.4);--mat-sidenav-container-shape:16px;--mat-sidenav-container-elevation-shadow:none;--mat-sidenav-container-width:360px;--mat-sidenav-container-divider-color:transparent;--mat-stepper-header-icon-foreground-color:#faf9fd;--mat-stepper-header-selected-state-icon-background-color:#005cbb;--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;--mat-stepper-header-edit-state-icon-background-color:#005cbb;--mat-stepper-header-edit-state-icon-foreground-color:#ffffff;--mat-stepper-container-color:#faf9fd;--mat-stepper-line-color:#74777f;--mat-stepper-header-hover-state-layer-color:rgba(47, 48, 51, 0.08);--mat-stepper-header-focus-state-layer-color:rgba(47, 48, 51, 0.12);--mat-stepper-header-label-text-color:#44474e;--mat-stepper-header-optional-label-text-color:#44474e;--mat-stepper-header-selected-state-label-text-color:#44474e;--mat-stepper-header-error-state-label-text-color:#ba1a1a;--mat-stepper-header-icon-background-color:#44474e;--mat-stepper-header-error-state-icon-foreground-color:#ba1a1a;--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:0.875rem;--mat-stepper-header-label-text-weight:500;--mat-stepper-header-error-state-label-text-size:0.875rem;--mat-stepper-header-selected-state-label-text-size:0.875rem;--mat-stepper-header-selected-state-label-text-weight:500;--mat-stepper-header-height:72px;--mat-stepper-header-focus-state-layer-shape:12px;--mat-stepper-header-hover-state-layer-shape:12px;--mat-stepper-header-error-state-icon-background-color:transparent;--mat-sort-arrow-color:#1a1b1f;--mat-toolbar-container-background-color:#faf9fd;--mat-toolbar-container-text-color:#1a1b1f;--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:1.75rem;--mat-toolbar-title-text-size:1.375rem;--mat-toolbar-title-text-tracking:0;--mat-toolbar-title-text-weight:400;--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px;--mat-tree-container-background-color:#faf9fd;--mat-tree-node-text-color:#1a1b1f;--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:1rem;--mat-tree-node-text-weight:400;--mat-tree-node-min-height:48px}.mat-theme-loaded-marker{display:none}.mat-primary{--mat-stepper-header-selected-state-icon-background-color:#005cbb;--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;--mat-stepper-header-edit-state-icon-background-color:#005cbb;--mat-stepper-header-edit-state-icon-foreground-color:#ffffff}.mat-primary.mat-icon{--mat-icon-color:#005cbb}.mat-primary.mat-mdc-checkbox{--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f}.mat-primary.mat-mdc-slide-toggle{--mat-switch-track-outline-color:#74777f;--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;--mat-switch-label-text-color:#1a1b1f}.mat-primary.mat-mdc-button-base{--mdc-icon-button-icon-color:#005cbb;--mat-icon-button-state-layer-color:#005cbb;--mat-icon-button-ripple-color:rgba(0, 92, 187, 0.12)}.mat-primary .mdc-list-item__start,.mat-primary .mdc-list-item__end{--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f}.mat-badge{--mat-badge-background-color:#005cbb;--mat-badge-text-color:#ffffff;--mat-badge-disabled-state-background-color:rgba(0, 92, 187, 0.38);--mat-badge-disabled-state-text-color:#ffffff}.mat-accent{--mat-option-selected-state-label-text-color:#00006e;--mat-option-selected-state-layer-color:#e0e0ff;--mdc-circular-progress-active-indicator-color:#343dff;--mat-full-pseudo-checkbox-selected-icon-color:#343dff;--mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#343dff;--mat-stepper-header-selected-state-icon-background-color:#343dff;--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;--mat-stepper-header-edit-state-icon-background-color:#343dff;--mat-stepper-header-edit-state-icon-foreground-color:#ffffff}.mat-accent.mat-icon{--mat-icon-color:#343dff}.mat-accent.mat-mdc-checkbox{--mdc-checkbox-selected-pressed-icon-color:#343dff;--mdc-checkbox-selected-checkmark-color:#ffffff;--mdc-checkbox-selected-focus-icon-color:#343dff;--mdc-checkbox-selected-hover-icon-color:#343dff;--mdc-checkbox-selected-icon-color:#343dff;--mdc-checkbox-selected-focus-state-layer-color:#343dff;--mdc-checkbox-selected-hover-state-layer-color:#343dff;--mdc-checkbox-unselected-pressed-state-layer-color:#343dff;--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f}.mat-accent.mat-mdc-slider{--mdc-slider-handle-color:#343dff;--mdc-slider-focus-handle-color:#343dff;--mdc-slider-hover-handle-color:#343dff;--mdc-slider-active-track-color:#343dff;--mdc-slider-with-tick-marks-active-container-color:#ffffff;--mdc-slider-label-container-color:#343dff;--mdc-slider-label-label-text-color:#ffffff;--mdc-slider-with-overlap-handle-outline-color:#ffffff;--mat-slider-ripple-color:#343dff;--mat-slider-hover-state-layer-color:rgba(52, 61, 255, 0.05);--mat-slider-focus-state-layer-color:rgba(52, 61, 255, 0.2)}.mat-accent.mat-mdc-tab-group,.mat-accent.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#343dff;--mat-tab-header-active-focus-indicator-color:#343dff;--mat-tab-header-active-hover-indicator-color:#343dff}.mat-accent.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color:#343dff;--mdc-switch-selected-handle-color:#ffffff;--mdc-switch-selected-hover-state-layer-color:#343dff;--mdc-switch-selected-pressed-state-layer-color:#343dff;--mdc-switch-selected-focus-handle-color:#e0e0ff;--mdc-switch-selected-hover-handle-color:#e0e0ff;--mdc-switch-selected-pressed-handle-color:#e0e0ff;--mdc-switch-selected-focus-track-color:#343dff;--mdc-switch-selected-hover-track-color:#343dff;--mdc-switch-selected-pressed-track-color:#343dff;--mdc-switch-selected-track-color:#343dff;--mdc-switch-selected-icon-color:#00006e;--mat-switch-track-outline-color:#74777f;--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;--mat-switch-label-text-color:#1a1b1f}.mat-accent.mat-mdc-form-field{--mat-select-focused-arrow-color:#343dff}.mat-accent.mat-mdc-radio-button{--mdc-radio-selected-focus-icon-color:#343dff;--mdc-radio-selected-hover-icon-color:#343dff;--mdc-radio-selected-icon-color:#343dff;--mdc-radio-selected-pressed-icon-color:#343dff;--mat-radio-checked-ripple-color:#343dff}.mat-accent.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#343dff;--mdc-linear-progress-track-color:#e0e0ff}.mat-accent.mat-mdc-form-field{--mdc-filled-text-field-caret-color:#343dff;--mdc-filled-text-field-focus-active-indicator-color:#343dff;--mdc-filled-text-field-focus-label-text-color:#343dff;--mdc-outlined-text-field-caret-color:#343dff;--mdc-outlined-text-field-focus-outline-color:#343dff;--mdc-outlined-text-field-focus-label-text-color:#343dff;--mat-form-field-focus-select-arrow-color:#343dff}.mat-accent.mat-datepicker-content{--mat-datepicker-calendar-date-selected-state-text-color:#ffffff;--mat-datepicker-calendar-date-selected-state-background-color:#343dff;--mat-datepicker-calendar-date-today-selected-state-outline-color:#343dff;--mat-datepicker-calendar-date-in-range-state-background-color:#e0e0ff;--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#d7e3ff;--mat-datepicker-calendar-date-today-outline-color:#343dff;--mat-datepicker-calendar-date-preview-state-outline-color:#343dff}.mat-accent.mat-mdc-button-base{--mdc-text-button-label-text-color:#343dff;--mdc-protected-button-label-text-color:#343dff;--mdc-filled-button-container-color:#343dff;--mdc-filled-button-label-text-color:#ffffff;--mdc-outlined-button-label-text-color:#343dff;--mat-text-button-state-layer-color:#343dff;--mat-text-button-ripple-color:rgba(52, 61, 255, 0.12);--mat-protected-button-state-layer-color:#343dff;--mat-protected-button-ripple-color:rgba(52, 61, 255, 0.12);--mat-filled-button-state-layer-color:#ffffff;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);--mat-outlined-button-state-layer-color:#343dff;--mat-outlined-button-ripple-color:rgba(52, 61, 255, 0.12);--mdc-icon-button-icon-color:#343dff;--mat-icon-button-state-layer-color:#343dff;--mat-icon-button-ripple-color:rgba(52, 61, 255, 0.12)}.mat-accent.mat-mdc-standard-chip{--mdc-chip-elevated-selected-container-color:#e0e0ff;--mdc-chip-selected-hover-state-layer-color:#00006e;--mdc-chip-selected-focus-state-layer-color:#00006e;--mdc-chip-selected-label-text-color:#00006e;--mdc-chip-with-icon-selected-icon-color:#00006e;--mat-chip-selected-trailing-action-state-layer-color:#00006e;--mat-chip-selected-trailing-icon-color:#00006e}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-checkbox-selected-pressed-icon-color:#343dff;--mdc-checkbox-selected-checkmark-color:#ffffff;--mdc-checkbox-selected-focus-icon-color:#343dff;--mdc-checkbox-selected-hover-icon-color:#343dff;--mdc-checkbox-selected-icon-color:#343dff;--mdc-checkbox-selected-focus-state-layer-color:#343dff;--mdc-checkbox-selected-hover-state-layer-color:#343dff;--mdc-checkbox-unselected-pressed-state-layer-color:#343dff;--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f;--mdc-radio-selected-focus-icon-color:#343dff;--mdc-radio-selected-hover-icon-color:#343dff;--mdc-radio-selected-icon-color:#343dff;--mdc-radio-selected-pressed-icon-color:#343dff;--mat-radio-checked-ripple-color:#343dff}.mat-accent.mat-mdc-fab,.mat-accent.mat-mdc-mini-fab{--mdc-fab-container-color:#e0e0ff;--mdc-fab-small-container-color:#e0e0ff;--mat-fab-foreground-color:#00006e;--mat-fab-state-layer-color:#00006e;--mat-fab-ripple-color:rgba(0, 0, 110, 0.12);--mat-fab-small-foreground-color:#00006e;--mat-fab-small-state-layer-color:#00006e;--mat-fab-small-ripple-color:rgba(0, 0, 110, 0.12)}.mat-badge-accent{--mat-badge-background-color:#343dff;--mat-badge-text-color:#ffffff;--mat-badge-disabled-state-background-color:rgba(52, 61, 255, 0.38);--mat-badge-disabled-state-text-color:#ffffff}.mat-warn{--mat-option-selected-state-label-text-color:#410002;--mat-option-selected-state-layer-color:#ffdad6;--mdc-circular-progress-active-indicator-color:#ba1a1a;--mat-full-pseudo-checkbox-selected-icon-color:#ba1a1a;--mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ba1a1a;--mat-stepper-header-selected-state-icon-background-color:#ba1a1a;--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;--mat-stepper-header-edit-state-icon-background-color:#ba1a1a;--mat-stepper-header-edit-state-icon-foreground-color:#ffffff}.mat-warn.mat-icon{--mat-icon-color:#ba1a1a}.mat-warn.mat-mdc-checkbox{--mdc-checkbox-selected-pressed-icon-color:#ba1a1a;--mdc-checkbox-selected-checkmark-color:#ffffff;--mdc-checkbox-selected-focus-icon-color:#ba1a1a;--mdc-checkbox-selected-hover-icon-color:#ba1a1a;--mdc-checkbox-selected-icon-color:#ba1a1a;--mdc-checkbox-selected-focus-state-layer-color:#ba1a1a;--mdc-checkbox-selected-hover-state-layer-color:#ba1a1a;--mdc-checkbox-unselected-pressed-state-layer-color:#ba1a1a;--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f}.mat-warn.mat-mdc-slider{--mdc-slider-handle-color:#ba1a1a;--mdc-slider-focus-handle-color:#ba1a1a;--mdc-slider-hover-handle-color:#ba1a1a;--mdc-slider-active-track-color:#ba1a1a;--mdc-slider-with-tick-marks-active-container-color:#ffffff;--mdc-slider-label-container-color:#ba1a1a;--mdc-slider-label-label-text-color:#ffffff;--mdc-slider-with-overlap-handle-outline-color:#ffffff;--mat-slider-ripple-color:#ba1a1a;--mat-slider-hover-state-layer-color:rgba(186, 26, 26, 0.05);--mat-slider-focus-state-layer-color:rgba(186, 26, 26, 0.2)}.mat-warn.mat-mdc-tab-group,.mat-warn.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#ba1a1a;--mat-tab-header-active-focus-indicator-color:#ba1a1a;--mat-tab-header-active-hover-indicator-color:#ba1a1a}.mat-warn.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color:#ba1a1a;--mdc-switch-selected-handle-color:#ffffff;--mdc-switch-selected-hover-state-layer-color:#ba1a1a;--mdc-switch-selected-pressed-state-layer-color:#ba1a1a;--mdc-switch-selected-focus-handle-color:#ffdad6;--mdc-switch-selected-hover-handle-color:#ffdad6;--mdc-switch-selected-pressed-handle-color:#ffdad6;--mdc-switch-selected-focus-track-color:#ba1a1a;--mdc-switch-selected-hover-track-color:#ba1a1a;--mdc-switch-selected-pressed-track-color:#ba1a1a;--mdc-switch-selected-track-color:#ba1a1a;--mdc-switch-selected-icon-color:#410002;--mat-switch-track-outline-color:#74777f;--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;--mat-switch-label-text-color:#1a1b1f}.mat-warn.mat-mdc-form-field{--mat-select-focused-arrow-color:#ba1a1a}.mat-warn.mat-mdc-radio-button{--mdc-radio-selected-focus-icon-color:#ba1a1a;--mdc-radio-selected-hover-icon-color:#ba1a1a;--mdc-radio-selected-icon-color:#ba1a1a;--mdc-radio-selected-pressed-icon-color:#ba1a1a;--mat-radio-checked-ripple-color:#ba1a1a}.mat-warn.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#ba1a1a;--mdc-linear-progress-track-color:#ffdad6}.mat-warn.mat-mdc-form-field{--mdc-filled-text-field-caret-color:#ba1a1a;--mdc-filled-text-field-focus-active-indicator-color:#ba1a1a;--mdc-filled-text-field-focus-label-text-color:#ba1a1a;--mdc-outlined-text-field-caret-color:#ba1a1a;--mdc-outlined-text-field-focus-outline-color:#ba1a1a;--mdc-outlined-text-field-focus-label-text-color:#ba1a1a;--mat-form-field-focus-select-arrow-color:#ba1a1a}.mat-warn.mat-datepicker-content{--mat-datepicker-calendar-date-selected-state-text-color:#ffffff;--mat-datepicker-calendar-date-selected-state-background-color:#ba1a1a;--mat-datepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;--mat-datepicker-calendar-date-in-range-state-background-color:#ffdad6;--mat-datepicker-calendar-date-today-outline-color:#ba1a1a;--mat-datepicker-calendar-date-preview-state-outline-color:#ba1a1a}.mat-warn.mat-mdc-button-base{--mdc-text-button-label-text-color:#ba1a1a;--mdc-protected-button-label-text-color:#ba1a1a;--mdc-filled-button-container-color:#ba1a1a;--mdc-filled-button-label-text-color:#ffffff;--mdc-outlined-button-label-text-color:#ba1a1a;--mat-text-button-state-layer-color:#ba1a1a;--mat-text-button-ripple-color:rgba(186, 26, 26, 0.12);--mat-protected-button-state-layer-color:#ba1a1a;--mat-protected-button-ripple-color:rgba(186, 26, 26, 0.12);--mat-filled-button-state-layer-color:#ffffff;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);--mat-outlined-button-state-layer-color:#ba1a1a;--mat-outlined-button-ripple-color:rgba(186, 26, 26, 0.12);--mdc-icon-button-icon-color:#ba1a1a;--mat-icon-button-state-layer-color:#ba1a1a;--mat-icon-button-ripple-color:rgba(186, 26, 26, 0.12)}.mat-warn.mat-mdc-standard-chip{--mdc-chip-elevated-selected-container-color:#ffdad6;--mdc-chip-selected-hover-state-layer-color:#410002;--mdc-chip-selected-focus-state-layer-color:#410002;--mdc-chip-selected-label-text-color:#410002;--mdc-chip-with-icon-selected-icon-color:#410002;--mat-chip-selected-trailing-action-state-layer-color:#410002;--mat-chip-selected-trailing-icon-color:#410002}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-checkbox-selected-pressed-icon-color:#ba1a1a;--mdc-checkbox-selected-checkmark-color:#ffffff;--mdc-checkbox-selected-focus-icon-color:#ba1a1a;--mdc-checkbox-selected-hover-icon-color:#ba1a1a;--mdc-checkbox-selected-icon-color:#ba1a1a;--mdc-checkbox-selected-focus-state-layer-color:#ba1a1a;--mdc-checkbox-selected-hover-state-layer-color:#ba1a1a;--mdc-checkbox-unselected-pressed-state-layer-color:#ba1a1a;--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);--mat-checkbox-label-text-color:#1a1b1f;--mdc-radio-selected-focus-icon-color:#ba1a1a;--mdc-radio-selected-hover-icon-color:#ba1a1a;--mdc-radio-selected-icon-color:#ba1a1a;--mdc-radio-selected-pressed-icon-color:#ba1a1a;--mat-radio-checked-ripple-color:#ba1a1a}.mat-display-large,.mat-typography .mat-display-large,.mat-typography h1{font:400 3.562rem / 4rem Roboto,sans-serif;letter-spacing:-0.016rem;margin:0 0 .5em}.mat-display-medium,.mat-typography .mat-display-medium,.mat-typography h2{font:400 2.812rem / 3.25rem Roboto,sans-serif;letter-spacing:0;margin:0 0 .5em}.mat-display-small,.mat-typography .mat-display-small,.mat-typography h3{font:400 2.25rem / 2.75rem Roboto,sans-serif;letter-spacing:0;margin:0 0 .5em}.mat-headline-large,.mat-typography .mat-headline-large,.mat-typography h4{font:400 2rem / 2.5rem Roboto,sans-serif;letter-spacing:0;margin:0 0 .5em}.mat-headline-medium,.mat-typography .mat-headline-medium,.mat-typography h5{font:400 1.75rem / 2.25rem Roboto,sans-serif;letter-spacing:0;margin:0 0 .5em}.mat-headline-small,.mat-typography .mat-headline-small,.mat-typography h6{font:400 1.5rem / 2rem Roboto,sans-serif;letter-spacing:0;margin:0 0 .5em}.mat-title-large,.mat-typography .mat-title-large{font:400 1.375rem / 1.75rem Roboto,sans-serif;letter-spacing:0}.mat-title-medium,.mat-typography .mat-title-medium{font:500 1rem / 1.5rem Roboto,sans-serif;letter-spacing:.009rem}.mat-title-small,.mat-typography .mat-title-small{font:500 .875rem / 1.25rem Roboto,sans-serif;letter-spacing:.006rem}.mat-body-large,.mat-typography .mat-body-large,.mat-typography{font:400 1rem / 1.5rem Roboto,sans-serif;letter-spacing:.031rem}.mat-body-large p,.mat-typography .mat-body-large p,.mat-typography p{margin:0 0 .75em}.mat-body-medium,.mat-typography .mat-body-medium{font:400 .875rem / 1.25rem Roboto,sans-serif;letter-spacing:.016rem}.mat-body-small,.mat-typography .mat-body-small{font:400 .75rem / 1rem Roboto,sans-serif;letter-spacing:.025rem}.mat-label-large,.mat-typography .mat-label-large{font:500 .875rem / 1.25rem Roboto,sans-serif;letter-spacing:.006rem}.mat-label-medium,.mat-typography .mat-label-medium{font:500 .75rem / 1rem Roboto,sans-serif;letter-spacing:.031rem}.mat-label-small,.mat-typography .mat-label-small{font:500 .688rem / 1rem Roboto,sans-serif;letter-spacing:.031rem}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/remixicon.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************/
/*
* Remix Icon v4.2.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2024-02-25
*/
@font-face {
  font-family: "remixicon";
  src: url('remixicon.eot?t=1708865856766'); /* IE9*/
  src: url('remixicon.eot?t=1708865856766#iefix') format('embedded-opentype'), 
  url('remixicon.woff2?t=1708865856766') format("woff2"),
  url('remixicon.woff?t=1708865856766') format("woff"),
  url('remixicon.ttf?t=1708865856766') format('truetype'), 
  url('remixicon.svg?t=1708865856766#remixicon') format('svg'); /* iOS 4.1- */
  font-display: swap;
}

[class^="ri-"], [class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.ri-xxs { font-size: .5em; }
.ri-xs { font-size: .75em; }
.ri-sm { font-size: .875em }
.ri-1x { font-size: 1em; }
.ri-2x { font-size: 2em; }
.ri-3x { font-size: 3em; }
.ri-4x { font-size: 4em; }
.ri-5x { font-size: 5em; }
.ri-6x { font-size: 6em; }
.ri-7x { font-size: 7em; }
.ri-8x { font-size: 8em; }
.ri-9x { font-size: 9em; }
.ri-10x { font-size: 10em; }
.ri-fw { text-align: center; width: 1.25em; }

.ri-24-hours-fill:before { content: "\ea01"; }
.ri-24-hours-line:before { content: "\ea02"; }
.ri-4k-fill:before { content: "\ea03"; }
.ri-4k-line:before { content: "\ea04"; }
.ri-a-b:before { content: "\ea05"; }
.ri-account-box-fill:before { content: "\ea06"; }
.ri-account-box-line:before { content: "\ea07"; }
.ri-account-circle-fill:before { content: "\ea08"; }
.ri-account-circle-line:before { content: "\ea09"; }
.ri-account-pin-box-fill:before { content: "\ea0a"; }
.ri-account-pin-box-line:before { content: "\ea0b"; }
.ri-account-pin-circle-fill:before { content: "\ea0c"; }
.ri-account-pin-circle-line:before { content: "\ea0d"; }
.ri-add-box-fill:before { content: "\ea0e"; }
.ri-add-box-line:before { content: "\ea0f"; }
.ri-add-circle-fill:before { content: "\ea10"; }
.ri-add-circle-line:before { content: "\ea11"; }
.ri-add-fill:before { content: "\ea12"; }
.ri-add-line:before { content: "\ea13"; }
.ri-admin-fill:before { content: "\ea14"; }
.ri-admin-line:before { content: "\ea15"; }
.ri-advertisement-fill:before { content: "\ea16"; }
.ri-advertisement-line:before { content: "\ea17"; }
.ri-airplay-fill:before { content: "\ea18"; }
.ri-airplay-line:before { content: "\ea19"; }
.ri-alarm-fill:before { content: "\ea1a"; }
.ri-alarm-line:before { content: "\ea1b"; }
.ri-alarm-warning-fill:before { content: "\ea1c"; }
.ri-alarm-warning-line:before { content: "\ea1d"; }
.ri-album-fill:before { content: "\ea1e"; }
.ri-album-line:before { content: "\ea1f"; }
.ri-alert-fill:before { content: "\ea20"; }
.ri-alert-line:before { content: "\ea21"; }
.ri-aliens-fill:before { content: "\ea22"; }
.ri-aliens-line:before { content: "\ea23"; }
.ri-align-bottom:before { content: "\ea24"; }
.ri-align-center:before { content: "\ea25"; }
.ri-align-justify:before { content: "\ea26"; }
.ri-align-left:before { content: "\ea27"; }
.ri-align-right:before { content: "\ea28"; }
.ri-align-top:before { content: "\ea29"; }
.ri-align-vertically:before { content: "\ea2a"; }
.ri-alipay-fill:before { content: "\ea2b"; }
.ri-alipay-line:before { content: "\ea2c"; }
.ri-amazon-fill:before { content: "\ea2d"; }
.ri-amazon-line:before { content: "\ea2e"; }
.ri-anchor-fill:before { content: "\ea2f"; }
.ri-anchor-line:before { content: "\ea30"; }
.ri-ancient-gate-fill:before { content: "\ea31"; }
.ri-ancient-gate-line:before { content: "\ea32"; }
.ri-ancient-pavilion-fill:before { content: "\ea33"; }
.ri-ancient-pavilion-line:before { content: "\ea34"; }
.ri-android-fill:before { content: "\ea35"; }
.ri-android-line:before { content: "\ea36"; }
.ri-angularjs-fill:before { content: "\ea37"; }
.ri-angularjs-line:before { content: "\ea38"; }
.ri-anticlockwise-2-fill:before { content: "\ea39"; }
.ri-anticlockwise-2-line:before { content: "\ea3a"; }
.ri-anticlockwise-fill:before { content: "\ea3b"; }
.ri-anticlockwise-line:before { content: "\ea3c"; }
.ri-app-store-fill:before { content: "\ea3d"; }
.ri-app-store-line:before { content: "\ea3e"; }
.ri-apple-fill:before { content: "\ea3f"; }
.ri-apple-line:before { content: "\ea40"; }
.ri-apps-2-fill:before { content: "\ea41"; }
.ri-apps-2-line:before { content: "\ea42"; }
.ri-apps-fill:before { content: "\ea43"; }
.ri-apps-line:before { content: "\ea44"; }
.ri-archive-drawer-fill:before { content: "\ea45"; }
.ri-archive-drawer-line:before { content: "\ea46"; }
.ri-archive-fill:before { content: "\ea47"; }
.ri-archive-line:before { content: "\ea48"; }
.ri-arrow-down-circle-fill:before { content: "\ea49"; }
.ri-arrow-down-circle-line:before { content: "\ea4a"; }
.ri-arrow-down-fill:before { content: "\ea4b"; }
.ri-arrow-down-line:before { content: "\ea4c"; }
.ri-arrow-down-s-fill:before { content: "\ea4d"; }
.ri-arrow-down-s-line:before { content: "\ea4e"; }
.ri-arrow-drop-down-fill:before { content: "\ea4f"; }
.ri-arrow-drop-down-line:before { content: "\ea50"; }
.ri-arrow-drop-left-fill:before { content: "\ea51"; }
.ri-arrow-drop-left-line:before { content: "\ea52"; }
.ri-arrow-drop-right-fill:before { content: "\ea53"; }
.ri-arrow-drop-right-line:before { content: "\ea54"; }
.ri-arrow-drop-up-fill:before { content: "\ea55"; }
.ri-arrow-drop-up-line:before { content: "\ea56"; }
.ri-arrow-go-back-fill:before { content: "\ea57"; }
.ri-arrow-go-back-line:before { content: "\ea58"; }
.ri-arrow-go-forward-fill:before { content: "\ea59"; }
.ri-arrow-go-forward-line:before { content: "\ea5a"; }
.ri-arrow-left-circle-fill:before { content: "\ea5b"; }
.ri-arrow-left-circle-line:before { content: "\ea5c"; }
.ri-arrow-left-down-fill:before { content: "\ea5d"; }
.ri-arrow-left-down-line:before { content: "\ea5e"; }
.ri-arrow-left-fill:before { content: "\ea5f"; }
.ri-arrow-left-line:before { content: "\ea60"; }
.ri-arrow-left-right-fill:before { content: "\ea61"; }
.ri-arrow-left-right-line:before { content: "\ea62"; }
.ri-arrow-left-s-fill:before { content: "\ea63"; }
.ri-arrow-left-s-line:before { content: "\ea64"; }
.ri-arrow-left-up-fill:before { content: "\ea65"; }
.ri-arrow-left-up-line:before { content: "\ea66"; }
.ri-arrow-right-circle-fill:before { content: "\ea67"; }
.ri-arrow-right-circle-line:before { content: "\ea68"; }
.ri-arrow-right-down-fill:before { content: "\ea69"; }
.ri-arrow-right-down-line:before { content: "\ea6a"; }
.ri-arrow-right-fill:before { content: "\ea6b"; }
.ri-arrow-right-line:before { content: "\ea6c"; }
.ri-arrow-right-s-fill:before { content: "\ea6d"; }
.ri-arrow-right-s-line:before { content: "\ea6e"; }
.ri-arrow-right-up-fill:before { content: "\ea6f"; }
.ri-arrow-right-up-line:before { content: "\ea70"; }
.ri-arrow-up-circle-fill:before { content: "\ea71"; }
.ri-arrow-up-circle-line:before { content: "\ea72"; }
.ri-arrow-up-down-fill:before { content: "\ea73"; }
.ri-arrow-up-down-line:before { content: "\ea74"; }
.ri-arrow-up-fill:before { content: "\ea75"; }
.ri-arrow-up-line:before { content: "\ea76"; }
.ri-arrow-up-s-fill:before { content: "\ea77"; }
.ri-arrow-up-s-line:before { content: "\ea78"; }
.ri-artboard-2-fill:before { content: "\ea79"; }
.ri-artboard-2-line:before { content: "\ea7a"; }
.ri-artboard-fill:before { content: "\ea7b"; }
.ri-artboard-line:before { content: "\ea7c"; }
.ri-article-fill:before { content: "\ea7d"; }
.ri-article-line:before { content: "\ea7e"; }
.ri-aspect-ratio-fill:before { content: "\ea7f"; }
.ri-aspect-ratio-line:before { content: "\ea80"; }
.ri-asterisk:before { content: "\ea81"; }
.ri-at-fill:before { content: "\ea82"; }
.ri-at-line:before { content: "\ea83"; }
.ri-attachment-2:before { content: "\ea84"; }
.ri-attachment-fill:before { content: "\ea85"; }
.ri-attachment-line:before { content: "\ea86"; }
.ri-auction-fill:before { content: "\ea87"; }
.ri-auction-line:before { content: "\ea88"; }
.ri-award-fill:before { content: "\ea89"; }
.ri-award-line:before { content: "\ea8a"; }
.ri-baidu-fill:before { content: "\ea8b"; }
.ri-baidu-line:before { content: "\ea8c"; }
.ri-ball-pen-fill:before { content: "\ea8d"; }
.ri-ball-pen-line:before { content: "\ea8e"; }
.ri-bank-card-2-fill:before { content: "\ea8f"; }
.ri-bank-card-2-line:before { content: "\ea90"; }
.ri-bank-card-fill:before { content: "\ea91"; }
.ri-bank-card-line:before { content: "\ea92"; }
.ri-bank-fill:before { content: "\ea93"; }
.ri-bank-line:before { content: "\ea94"; }
.ri-bar-chart-2-fill:before { content: "\ea95"; }
.ri-bar-chart-2-line:before { content: "\ea96"; }
.ri-bar-chart-box-fill:before { content: "\ea97"; }
.ri-bar-chart-box-line:before { content: "\ea98"; }
.ri-bar-chart-fill:before { content: "\ea99"; }
.ri-bar-chart-grouped-fill:before { content: "\ea9a"; }
.ri-bar-chart-grouped-line:before { content: "\ea9b"; }
.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; }
.ri-bar-chart-horizontal-line:before { content: "\ea9d"; }
.ri-bar-chart-line:before { content: "\ea9e"; }
.ri-barcode-box-fill:before { content: "\ea9f"; }
.ri-barcode-box-line:before { content: "\eaa0"; }
.ri-barcode-fill:before { content: "\eaa1"; }
.ri-barcode-line:before { content: "\eaa2"; }
.ri-barricade-fill:before { content: "\eaa3"; }
.ri-barricade-line:before { content: "\eaa4"; }
.ri-base-station-fill:before { content: "\eaa5"; }
.ri-base-station-line:before { content: "\eaa6"; }
.ri-basketball-fill:before { content: "\eaa7"; }
.ri-basketball-line:before { content: "\eaa8"; }
.ri-battery-2-charge-fill:before { content: "\eaa9"; }
.ri-battery-2-charge-line:before { content: "\eaaa"; }
.ri-battery-2-fill:before { content: "\eaab"; }
.ri-battery-2-line:before { content: "\eaac"; }
.ri-battery-charge-fill:before { content: "\eaad"; }
.ri-battery-charge-line:before { content: "\eaae"; }
.ri-battery-fill:before { content: "\eaaf"; }
.ri-battery-line:before { content: "\eab0"; }
.ri-battery-low-fill:before { content: "\eab1"; }
.ri-battery-low-line:before { content: "\eab2"; }
.ri-battery-saver-fill:before { content: "\eab3"; }
.ri-battery-saver-line:before { content: "\eab4"; }
.ri-battery-share-fill:before { content: "\eab5"; }
.ri-battery-share-line:before { content: "\eab6"; }
.ri-bear-smile-fill:before { content: "\eab7"; }
.ri-bear-smile-line:before { content: "\eab8"; }
.ri-behance-fill:before { content: "\eab9"; }
.ri-behance-line:before { content: "\eaba"; }
.ri-bell-fill:before { content: "\eabb"; }
.ri-bell-line:before { content: "\eabc"; }
.ri-bike-fill:before { content: "\eabd"; }
.ri-bike-line:before { content: "\eabe"; }
.ri-bilibili-fill:before { content: "\eabf"; }
.ri-bilibili-line:before { content: "\eac0"; }
.ri-bill-fill:before { content: "\eac1"; }
.ri-bill-line:before { content: "\eac2"; }
.ri-billiards-fill:before { content: "\eac3"; }
.ri-billiards-line:before { content: "\eac4"; }
.ri-bit-coin-fill:before { content: "\eac5"; }
.ri-bit-coin-line:before { content: "\eac6"; }
.ri-blaze-fill:before { content: "\eac7"; }
.ri-blaze-line:before { content: "\eac8"; }
.ri-bluetooth-connect-fill:before { content: "\eac9"; }
.ri-bluetooth-connect-line:before { content: "\eaca"; }
.ri-bluetooth-fill:before { content: "\eacb"; }
.ri-bluetooth-line:before { content: "\eacc"; }
.ri-blur-off-fill:before { content: "\eacd"; }
.ri-blur-off-line:before { content: "\eace"; }
.ri-body-scan-fill:before { content: "\eacf"; }
.ri-body-scan-line:before { content: "\ead0"; }
.ri-bold:before { content: "\ead1"; }
.ri-book-2-fill:before { content: "\ead2"; }
.ri-book-2-line:before { content: "\ead3"; }
.ri-book-3-fill:before { content: "\ead4"; }
.ri-book-3-line:before { content: "\ead5"; }
.ri-book-fill:before { content: "\ead6"; }
.ri-book-line:before { content: "\ead7"; }
.ri-book-marked-fill:before { content: "\ead8"; }
.ri-book-marked-line:before { content: "\ead9"; }
.ri-book-open-fill:before { content: "\eada"; }
.ri-book-open-line:before { content: "\eadb"; }
.ri-book-read-fill:before { content: "\eadc"; }
.ri-book-read-line:before { content: "\eadd"; }
.ri-booklet-fill:before { content: "\eade"; }
.ri-booklet-line:before { content: "\eadf"; }
.ri-bookmark-2-fill:before { content: "\eae0"; }
.ri-bookmark-2-line:before { content: "\eae1"; }
.ri-bookmark-3-fill:before { content: "\eae2"; }
.ri-bookmark-3-line:before { content: "\eae3"; }
.ri-bookmark-fill:before { content: "\eae4"; }
.ri-bookmark-line:before { content: "\eae5"; }
.ri-boxing-fill:before { content: "\eae6"; }
.ri-boxing-line:before { content: "\eae7"; }
.ri-braces-fill:before { content: "\eae8"; }
.ri-braces-line:before { content: "\eae9"; }
.ri-brackets-fill:before { content: "\eaea"; }
.ri-brackets-line:before { content: "\eaeb"; }
.ri-briefcase-2-fill:before { content: "\eaec"; }
.ri-briefcase-2-line:before { content: "\eaed"; }
.ri-briefcase-3-fill:before { content: "\eaee"; }
.ri-briefcase-3-line:before { content: "\eaef"; }
.ri-briefcase-4-fill:before { content: "\eaf0"; }
.ri-briefcase-4-line:before { content: "\eaf1"; }
.ri-briefcase-5-fill:before { content: "\eaf2"; }
.ri-briefcase-5-line:before { content: "\eaf3"; }
.ri-briefcase-fill:before { content: "\eaf4"; }
.ri-briefcase-line:before { content: "\eaf5"; }
.ri-bring-forward:before { content: "\eaf6"; }
.ri-bring-to-front:before { content: "\eaf7"; }
.ri-broadcast-fill:before { content: "\eaf8"; }
.ri-broadcast-line:before { content: "\eaf9"; }
.ri-brush-2-fill:before { content: "\eafa"; }
.ri-brush-2-line:before { content: "\eafb"; }
.ri-brush-3-fill:before { content: "\eafc"; }
.ri-brush-3-line:before { content: "\eafd"; }
.ri-brush-4-fill:before { content: "\eafe"; }
.ri-brush-4-line:before { content: "\eaff"; }
.ri-brush-fill:before { content: "\eb00"; }
.ri-brush-line:before { content: "\eb01"; }
.ri-bubble-chart-fill:before { content: "\eb02"; }
.ri-bubble-chart-line:before { content: "\eb03"; }
.ri-bug-2-fill:before { content: "\eb04"; }
.ri-bug-2-line:before { content: "\eb05"; }
.ri-bug-fill:before { content: "\eb06"; }
.ri-bug-line:before { content: "\eb07"; }
.ri-building-2-fill:before { content: "\eb08"; }
.ri-building-2-line:before { content: "\eb09"; }
.ri-building-3-fill:before { content: "\eb0a"; }
.ri-building-3-line:before { content: "\eb0b"; }
.ri-building-4-fill:before { content: "\eb0c"; }
.ri-building-4-line:before { content: "\eb0d"; }
.ri-building-fill:before { content: "\eb0e"; }
.ri-building-line:before { content: "\eb0f"; }
.ri-bus-2-fill:before { content: "\eb10"; }
.ri-bus-2-line:before { content: "\eb11"; }
.ri-bus-fill:before { content: "\eb12"; }
.ri-bus-line:before { content: "\eb13"; }
.ri-bus-wifi-fill:before { content: "\eb14"; }
.ri-bus-wifi-line:before { content: "\eb15"; }
.ri-cactus-fill:before { content: "\eb16"; }
.ri-cactus-line:before { content: "\eb17"; }
.ri-cake-2-fill:before { content: "\eb18"; }
.ri-cake-2-line:before { content: "\eb19"; }
.ri-cake-3-fill:before { content: "\eb1a"; }
.ri-cake-3-line:before { content: "\eb1b"; }
.ri-cake-fill:before { content: "\eb1c"; }
.ri-cake-line:before { content: "\eb1d"; }
.ri-calculator-fill:before { content: "\eb1e"; }
.ri-calculator-line:before { content: "\eb1f"; }
.ri-calendar-2-fill:before { content: "\eb20"; }
.ri-calendar-2-line:before { content: "\eb21"; }
.ri-calendar-check-fill:before { content: "\eb22"; }
.ri-calendar-check-line:before { content: "\eb23"; }
.ri-calendar-event-fill:before { content: "\eb24"; }
.ri-calendar-event-line:before { content: "\eb25"; }
.ri-calendar-fill:before { content: "\eb26"; }
.ri-calendar-line:before { content: "\eb27"; }
.ri-calendar-todo-fill:before { content: "\eb28"; }
.ri-calendar-todo-line:before { content: "\eb29"; }
.ri-camera-2-fill:before { content: "\eb2a"; }
.ri-camera-2-line:before { content: "\eb2b"; }
.ri-camera-3-fill:before { content: "\eb2c"; }
.ri-camera-3-line:before { content: "\eb2d"; }
.ri-camera-fill:before { content: "\eb2e"; }
.ri-camera-lens-fill:before { content: "\eb2f"; }
.ri-camera-lens-line:before { content: "\eb30"; }
.ri-camera-line:before { content: "\eb31"; }
.ri-camera-off-fill:before { content: "\eb32"; }
.ri-camera-off-line:before { content: "\eb33"; }
.ri-camera-switch-fill:before { content: "\eb34"; }
.ri-camera-switch-line:before { content: "\eb35"; }
.ri-capsule-fill:before { content: "\eb36"; }
.ri-capsule-line:before { content: "\eb37"; }
.ri-car-fill:before { content: "\eb38"; }
.ri-car-line:before { content: "\eb39"; }
.ri-car-washing-fill:before { content: "\eb3a"; }
.ri-car-washing-line:before { content: "\eb3b"; }
.ri-caravan-fill:before { content: "\eb3c"; }
.ri-caravan-line:before { content: "\eb3d"; }
.ri-cast-fill:before { content: "\eb3e"; }
.ri-cast-line:before { content: "\eb3f"; }
.ri-cellphone-fill:before { content: "\eb40"; }
.ri-cellphone-line:before { content: "\eb41"; }
.ri-celsius-fill:before { content: "\eb42"; }
.ri-celsius-line:before { content: "\eb43"; }
.ri-centos-fill:before { content: "\eb44"; }
.ri-centos-line:before { content: "\eb45"; }
.ri-character-recognition-fill:before { content: "\eb46"; }
.ri-character-recognition-line:before { content: "\eb47"; }
.ri-charging-pile-2-fill:before { content: "\eb48"; }
.ri-charging-pile-2-line:before { content: "\eb49"; }
.ri-charging-pile-fill:before { content: "\eb4a"; }
.ri-charging-pile-line:before { content: "\eb4b"; }
.ri-chat-1-fill:before { content: "\eb4c"; }
.ri-chat-1-line:before { content: "\eb4d"; }
.ri-chat-2-fill:before { content: "\eb4e"; }
.ri-chat-2-line:before { content: "\eb4f"; }
.ri-chat-3-fill:before { content: "\eb50"; }
.ri-chat-3-line:before { content: "\eb51"; }
.ri-chat-4-fill:before { content: "\eb52"; }
.ri-chat-4-line:before { content: "\eb53"; }
.ri-chat-check-fill:before { content: "\eb54"; }
.ri-chat-check-line:before { content: "\eb55"; }
.ri-chat-delete-fill:before { content: "\eb56"; }
.ri-chat-delete-line:before { content: "\eb57"; }
.ri-chat-download-fill:before { content: "\eb58"; }
.ri-chat-download-line:before { content: "\eb59"; }
.ri-chat-follow-up-fill:before { content: "\eb5a"; }
.ri-chat-follow-up-line:before { content: "\eb5b"; }
.ri-chat-forward-fill:before { content: "\eb5c"; }
.ri-chat-forward-line:before { content: "\eb5d"; }
.ri-chat-heart-fill:before { content: "\eb5e"; }
.ri-chat-heart-line:before { content: "\eb5f"; }
.ri-chat-history-fill:before { content: "\eb60"; }
.ri-chat-history-line:before { content: "\eb61"; }
.ri-chat-new-fill:before { content: "\eb62"; }
.ri-chat-new-line:before { content: "\eb63"; }
.ri-chat-off-fill:before { content: "\eb64"; }
.ri-chat-off-line:before { content: "\eb65"; }
.ri-chat-poll-fill:before { content: "\eb66"; }
.ri-chat-poll-line:before { content: "\eb67"; }
.ri-chat-private-fill:before { content: "\eb68"; }
.ri-chat-private-line:before { content: "\eb69"; }
.ri-chat-quote-fill:before { content: "\eb6a"; }
.ri-chat-quote-line:before { content: "\eb6b"; }
.ri-chat-settings-fill:before { content: "\eb6c"; }
.ri-chat-settings-line:before { content: "\eb6d"; }
.ri-chat-smile-2-fill:before { content: "\eb6e"; }
.ri-chat-smile-2-line:before { content: "\eb6f"; }
.ri-chat-smile-3-fill:before { content: "\eb70"; }
.ri-chat-smile-3-line:before { content: "\eb71"; }
.ri-chat-smile-fill:before { content: "\eb72"; }
.ri-chat-smile-line:before { content: "\eb73"; }
.ri-chat-upload-fill:before { content: "\eb74"; }
.ri-chat-upload-line:before { content: "\eb75"; }
.ri-chat-voice-fill:before { content: "\eb76"; }
.ri-chat-voice-line:before { content: "\eb77"; }
.ri-check-double-fill:before { content: "\eb78"; }
.ri-check-double-line:before { content: "\eb79"; }
.ri-check-fill:before { content: "\eb7a"; }
.ri-check-line:before { content: "\eb7b"; }
.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; }
.ri-checkbox-blank-circle-line:before { content: "\eb7d"; }
.ri-checkbox-blank-fill:before { content: "\eb7e"; }
.ri-checkbox-blank-line:before { content: "\eb7f"; }
.ri-checkbox-circle-fill:before { content: "\eb80"; }
.ri-checkbox-circle-line:before { content: "\eb81"; }
.ri-checkbox-fill:before { content: "\eb82"; }
.ri-checkbox-indeterminate-fill:before { content: "\eb83"; }
.ri-checkbox-indeterminate-line:before { content: "\eb84"; }
.ri-checkbox-line:before { content: "\eb85"; }
.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; }
.ri-checkbox-multiple-blank-line:before { content: "\eb87"; }
.ri-checkbox-multiple-fill:before { content: "\eb88"; }
.ri-checkbox-multiple-line:before { content: "\eb89"; }
.ri-china-railway-fill:before { content: "\eb8a"; }
.ri-china-railway-line:before { content: "\eb8b"; }
.ri-chrome-fill:before { content: "\eb8c"; }
.ri-chrome-line:before { content: "\eb8d"; }
.ri-clapperboard-fill:before { content: "\eb8e"; }
.ri-clapperboard-line:before { content: "\eb8f"; }
.ri-clipboard-fill:before { content: "\eb90"; }
.ri-clipboard-line:before { content: "\eb91"; }
.ri-clockwise-2-fill:before { content: "\eb92"; }
.ri-clockwise-2-line:before { content: "\eb93"; }
.ri-clockwise-fill:before { content: "\eb94"; }
.ri-clockwise-line:before { content: "\eb95"; }
.ri-close-circle-fill:before { content: "\eb96"; }
.ri-close-circle-line:before { content: "\eb97"; }
.ri-close-fill:before { content: "\eb98"; }
.ri-close-line:before { content: "\eb99"; }
.ri-closed-captioning-fill:before { content: "\eb9a"; }
.ri-closed-captioning-line:before { content: "\eb9b"; }
.ri-cloud-fill:before { content: "\eb9c"; }
.ri-cloud-line:before { content: "\eb9d"; }
.ri-cloud-off-fill:before { content: "\eb9e"; }
.ri-cloud-off-line:before { content: "\eb9f"; }
.ri-cloud-windy-fill:before { content: "\eba0"; }
.ri-cloud-windy-line:before { content: "\eba1"; }
.ri-cloudy-2-fill:before { content: "\eba2"; }
.ri-cloudy-2-line:before { content: "\eba3"; }
.ri-cloudy-fill:before { content: "\eba4"; }
.ri-cloudy-line:before { content: "\eba5"; }
.ri-code-box-fill:before { content: "\eba6"; }
.ri-code-box-line:before { content: "\eba7"; }
.ri-code-fill:before { content: "\eba8"; }
.ri-code-line:before { content: "\eba9"; }
.ri-code-s-fill:before { content: "\ebaa"; }
.ri-code-s-line:before { content: "\ebab"; }
.ri-code-s-slash-fill:before { content: "\ebac"; }
.ri-code-s-slash-line:before { content: "\ebad"; }
.ri-code-view:before { content: "\ebae"; }
.ri-codepen-fill:before { content: "\ebaf"; }
.ri-codepen-line:before { content: "\ebb0"; }
.ri-coin-fill:before { content: "\ebb1"; }
.ri-coin-line:before { content: "\ebb2"; }
.ri-coins-fill:before { content: "\ebb3"; }
.ri-coins-line:before { content: "\ebb4"; }
.ri-collage-fill:before { content: "\ebb5"; }
.ri-collage-line:before { content: "\ebb6"; }
.ri-command-fill:before { content: "\ebb7"; }
.ri-command-line:before { content: "\ebb8"; }
.ri-community-fill:before { content: "\ebb9"; }
.ri-community-line:before { content: "\ebba"; }
.ri-compass-2-fill:before { content: "\ebbb"; }
.ri-compass-2-line:before { content: "\ebbc"; }
.ri-compass-3-fill:before { content: "\ebbd"; }
.ri-compass-3-line:before { content: "\ebbe"; }
.ri-compass-4-fill:before { content: "\ebbf"; }
.ri-compass-4-line:before { content: "\ebc0"; }
.ri-compass-discover-fill:before { content: "\ebc1"; }
.ri-compass-discover-line:before { content: "\ebc2"; }
.ri-compass-fill:before { content: "\ebc3"; }
.ri-compass-line:before { content: "\ebc4"; }
.ri-compasses-2-fill:before { content: "\ebc5"; }
.ri-compasses-2-line:before { content: "\ebc6"; }
.ri-compasses-fill:before { content: "\ebc7"; }
.ri-compasses-line:before { content: "\ebc8"; }
.ri-computer-fill:before { content: "\ebc9"; }
.ri-computer-line:before { content: "\ebca"; }
.ri-contacts-book-2-fill:before { content: "\ebcb"; }
.ri-contacts-book-2-line:before { content: "\ebcc"; }
.ri-contacts-book-fill:before { content: "\ebcd"; }
.ri-contacts-book-line:before { content: "\ebce"; }
.ri-contacts-book-upload-fill:before { content: "\ebcf"; }
.ri-contacts-book-upload-line:before { content: "\ebd0"; }
.ri-contacts-fill:before { content: "\ebd1"; }
.ri-contacts-line:before { content: "\ebd2"; }
.ri-contrast-2-fill:before { content: "\ebd3"; }
.ri-contrast-2-line:before { content: "\ebd4"; }
.ri-contrast-drop-2-fill:before { content: "\ebd5"; }
.ri-contrast-drop-2-line:before { content: "\ebd6"; }
.ri-contrast-drop-fill:before { content: "\ebd7"; }
.ri-contrast-drop-line:before { content: "\ebd8"; }
.ri-contrast-fill:before { content: "\ebd9"; }
.ri-contrast-line:before { content: "\ebda"; }
.ri-copper-coin-fill:before { content: "\ebdb"; }
.ri-copper-coin-line:before { content: "\ebdc"; }
.ri-copper-diamond-fill:before { content: "\ebdd"; }
.ri-copper-diamond-line:before { content: "\ebde"; }
.ri-copyleft-fill:before { content: "\ebdf"; }
.ri-copyleft-line:before { content: "\ebe0"; }
.ri-copyright-fill:before { content: "\ebe1"; }
.ri-copyright-line:before { content: "\ebe2"; }
.ri-coreos-fill:before { content: "\ebe3"; }
.ri-coreos-line:before { content: "\ebe4"; }
.ri-coupon-2-fill:before { content: "\ebe5"; }
.ri-coupon-2-line:before { content: "\ebe6"; }
.ri-coupon-3-fill:before { content: "\ebe7"; }
.ri-coupon-3-line:before { content: "\ebe8"; }
.ri-coupon-4-fill:before { content: "\ebe9"; }
.ri-coupon-4-line:before { content: "\ebea"; }
.ri-coupon-5-fill:before { content: "\ebeb"; }
.ri-coupon-5-line:before { content: "\ebec"; }
.ri-coupon-fill:before { content: "\ebed"; }
.ri-coupon-line:before { content: "\ebee"; }
.ri-cpu-fill:before { content: "\ebef"; }
.ri-cpu-line:before { content: "\ebf0"; }
.ri-creative-commons-by-fill:before { content: "\ebf1"; }
.ri-creative-commons-by-line:before { content: "\ebf2"; }
.ri-creative-commons-fill:before { content: "\ebf3"; }
.ri-creative-commons-line:before { content: "\ebf4"; }
.ri-creative-commons-nc-fill:before { content: "\ebf5"; }
.ri-creative-commons-nc-line:before { content: "\ebf6"; }
.ri-creative-commons-nd-fill:before { content: "\ebf7"; }
.ri-creative-commons-nd-line:before { content: "\ebf8"; }
.ri-creative-commons-sa-fill:before { content: "\ebf9"; }
.ri-creative-commons-sa-line:before { content: "\ebfa"; }
.ri-creative-commons-zero-fill:before { content: "\ebfb"; }
.ri-creative-commons-zero-line:before { content: "\ebfc"; }
.ri-criminal-fill:before { content: "\ebfd"; }
.ri-criminal-line:before { content: "\ebfe"; }
.ri-crop-2-fill:before { content: "\ebff"; }
.ri-crop-2-line:before { content: "\ec00"; }
.ri-crop-fill:before { content: "\ec01"; }
.ri-crop-line:before { content: "\ec02"; }
.ri-css3-fill:before { content: "\ec03"; }
.ri-css3-line:before { content: "\ec04"; }
.ri-cup-fill:before { content: "\ec05"; }
.ri-cup-line:before { content: "\ec06"; }
.ri-currency-fill:before { content: "\ec07"; }
.ri-currency-line:before { content: "\ec08"; }
.ri-cursor-fill:before { content: "\ec09"; }
.ri-cursor-line:before { content: "\ec0a"; }
.ri-customer-service-2-fill:before { content: "\ec0b"; }
.ri-customer-service-2-line:before { content: "\ec0c"; }
.ri-customer-service-fill:before { content: "\ec0d"; }
.ri-customer-service-line:before { content: "\ec0e"; }
.ri-dashboard-2-fill:before { content: "\ec0f"; }
.ri-dashboard-2-line:before { content: "\ec10"; }
.ri-dashboard-3-fill:before { content: "\ec11"; }
.ri-dashboard-3-line:before { content: "\ec12"; }
.ri-dashboard-fill:before { content: "\ec13"; }
.ri-dashboard-line:before { content: "\ec14"; }
.ri-database-2-fill:before { content: "\ec15"; }
.ri-database-2-line:before { content: "\ec16"; }
.ri-database-fill:before { content: "\ec17"; }
.ri-database-line:before { content: "\ec18"; }
.ri-delete-back-2-fill:before { content: "\ec19"; }
.ri-delete-back-2-line:before { content: "\ec1a"; }
.ri-delete-back-fill:before { content: "\ec1b"; }
.ri-delete-back-line:before { content: "\ec1c"; }
.ri-delete-bin-2-fill:before { content: "\ec1d"; }
.ri-delete-bin-2-line:before { content: "\ec1e"; }
.ri-delete-bin-3-fill:before { content: "\ec1f"; }
.ri-delete-bin-3-line:before { content: "\ec20"; }
.ri-delete-bin-4-fill:before { content: "\ec21"; }
.ri-delete-bin-4-line:before { content: "\ec22"; }
.ri-delete-bin-5-fill:before { content: "\ec23"; }
.ri-delete-bin-5-line:before { content: "\ec24"; }
.ri-delete-bin-6-fill:before { content: "\ec25"; }
.ri-delete-bin-6-line:before { content: "\ec26"; }
.ri-delete-bin-7-fill:before { content: "\ec27"; }
.ri-delete-bin-7-line:before { content: "\ec28"; }
.ri-delete-bin-fill:before { content: "\ec29"; }
.ri-delete-bin-line:before { content: "\ec2a"; }
.ri-delete-column:before { content: "\ec2b"; }
.ri-delete-row:before { content: "\ec2c"; }
.ri-device-fill:before { content: "\ec2d"; }
.ri-device-line:before { content: "\ec2e"; }
.ri-device-recover-fill:before { content: "\ec2f"; }
.ri-device-recover-line:before { content: "\ec30"; }
.ri-dingding-fill:before { content: "\ec31"; }
.ri-dingding-line:before { content: "\ec32"; }
.ri-direction-fill:before { content: "\ec33"; }
.ri-direction-line:before { content: "\ec34"; }
.ri-disc-fill:before { content: "\ec35"; }
.ri-disc-line:before { content: "\ec36"; }
.ri-discord-fill:before { content: "\ec37"; }
.ri-discord-line:before { content: "\ec38"; }
.ri-discuss-fill:before { content: "\ec39"; }
.ri-discuss-line:before { content: "\ec3a"; }
.ri-dislike-fill:before { content: "\ec3b"; }
.ri-dislike-line:before { content: "\ec3c"; }
.ri-disqus-fill:before { content: "\ec3d"; }
.ri-disqus-line:before { content: "\ec3e"; }
.ri-divide-fill:before { content: "\ec3f"; }
.ri-divide-line:before { content: "\ec40"; }
.ri-donut-chart-fill:before { content: "\ec41"; }
.ri-donut-chart-line:before { content: "\ec42"; }
.ri-door-closed-fill:before { content: "\ec43"; }
.ri-door-closed-line:before { content: "\ec44"; }
.ri-door-fill:before { content: "\ec45"; }
.ri-door-line:before { content: "\ec46"; }
.ri-door-lock-box-fill:before { content: "\ec47"; }
.ri-door-lock-box-line:before { content: "\ec48"; }
.ri-door-lock-fill:before { content: "\ec49"; }
.ri-door-lock-line:before { content: "\ec4a"; }
.ri-door-open-fill:before { content: "\ec4b"; }
.ri-door-open-line:before { content: "\ec4c"; }
.ri-dossier-fill:before { content: "\ec4d"; }
.ri-dossier-line:before { content: "\ec4e"; }
.ri-douban-fill:before { content: "\ec4f"; }
.ri-douban-line:before { content: "\ec50"; }
.ri-double-quotes-l:before { content: "\ec51"; }
.ri-double-quotes-r:before { content: "\ec52"; }
.ri-download-2-fill:before { content: "\ec53"; }
.ri-download-2-line:before { content: "\ec54"; }
.ri-download-cloud-2-fill:before { content: "\ec55"; }
.ri-download-cloud-2-line:before { content: "\ec56"; }
.ri-download-cloud-fill:before { content: "\ec57"; }
.ri-download-cloud-line:before { content: "\ec58"; }
.ri-download-fill:before { content: "\ec59"; }
.ri-download-line:before { content: "\ec5a"; }
.ri-draft-fill:before { content: "\ec5b"; }
.ri-draft-line:before { content: "\ec5c"; }
.ri-drag-drop-fill:before { content: "\ec5d"; }
.ri-drag-drop-line:before { content: "\ec5e"; }
.ri-drag-move-2-fill:before { content: "\ec5f"; }
.ri-drag-move-2-line:before { content: "\ec60"; }
.ri-drag-move-fill:before { content: "\ec61"; }
.ri-drag-move-line:before { content: "\ec62"; }
.ri-dribbble-fill:before { content: "\ec63"; }
.ri-dribbble-line:before { content: "\ec64"; }
.ri-drive-fill:before { content: "\ec65"; }
.ri-drive-line:before { content: "\ec66"; }
.ri-drizzle-fill:before { content: "\ec67"; }
.ri-drizzle-line:before { content: "\ec68"; }
.ri-drop-fill:before { content: "\ec69"; }
.ri-drop-line:before { content: "\ec6a"; }
.ri-dropbox-fill:before { content: "\ec6b"; }
.ri-dropbox-line:before { content: "\ec6c"; }
.ri-dual-sim-1-fill:before { content: "\ec6d"; }
.ri-dual-sim-1-line:before { content: "\ec6e"; }
.ri-dual-sim-2-fill:before { content: "\ec6f"; }
.ri-dual-sim-2-line:before { content: "\ec70"; }
.ri-dv-fill:before { content: "\ec71"; }
.ri-dv-line:before { content: "\ec72"; }
.ri-dvd-fill:before { content: "\ec73"; }
.ri-dvd-line:before { content: "\ec74"; }
.ri-e-bike-2-fill:before { content: "\ec75"; }
.ri-e-bike-2-line:before { content: "\ec76"; }
.ri-e-bike-fill:before { content: "\ec77"; }
.ri-e-bike-line:before { content: "\ec78"; }
.ri-earth-fill:before { content: "\ec79"; }
.ri-earth-line:before { content: "\ec7a"; }
.ri-earthquake-fill:before { content: "\ec7b"; }
.ri-earthquake-line:before { content: "\ec7c"; }
.ri-edge-fill:before { content: "\ec7d"; }
.ri-edge-line:before { content: "\ec7e"; }
.ri-edit-2-fill:before { content: "\ec7f"; }
.ri-edit-2-line:before { content: "\ec80"; }
.ri-edit-box-fill:before { content: "\ec81"; }
.ri-edit-box-line:before { content: "\ec82"; }
.ri-edit-circle-fill:before { content: "\ec83"; }
.ri-edit-circle-line:before { content: "\ec84"; }
.ri-edit-fill:before { content: "\ec85"; }
.ri-edit-line:before { content: "\ec86"; }
.ri-eject-fill:before { content: "\ec87"; }
.ri-eject-line:before { content: "\ec88"; }
.ri-emotion-2-fill:before { content: "\ec89"; }
.ri-emotion-2-line:before { content: "\ec8a"; }
.ri-emotion-fill:before { content: "\ec8b"; }
.ri-emotion-happy-fill:before { content: "\ec8c"; }
.ri-emotion-happy-line:before { content: "\ec8d"; }
.ri-emotion-laugh-fill:before { content: "\ec8e"; }
.ri-emotion-laugh-line:before { content: "\ec8f"; }
.ri-emotion-line:before { content: "\ec90"; }
.ri-emotion-normal-fill:before { content: "\ec91"; }
.ri-emotion-normal-line:before { content: "\ec92"; }
.ri-emotion-sad-fill:before { content: "\ec93"; }
.ri-emotion-sad-line:before { content: "\ec94"; }
.ri-emotion-unhappy-fill:before { content: "\ec95"; }
.ri-emotion-unhappy-line:before { content: "\ec96"; }
.ri-empathize-fill:before { content: "\ec97"; }
.ri-empathize-line:before { content: "\ec98"; }
.ri-emphasis-cn:before { content: "\ec99"; }
.ri-emphasis:before { content: "\ec9a"; }
.ri-english-input:before { content: "\ec9b"; }
.ri-equalizer-fill:before { content: "\ec9c"; }
.ri-equalizer-line:before { content: "\ec9d"; }
.ri-eraser-fill:before { content: "\ec9e"; }
.ri-eraser-line:before { content: "\ec9f"; }
.ri-error-warning-fill:before { content: "\eca0"; }
.ri-error-warning-line:before { content: "\eca1"; }
.ri-evernote-fill:before { content: "\eca2"; }
.ri-evernote-line:before { content: "\eca3"; }
.ri-exchange-box-fill:before { content: "\eca4"; }
.ri-exchange-box-line:before { content: "\eca5"; }
.ri-exchange-cny-fill:before { content: "\eca6"; }
.ri-exchange-cny-line:before { content: "\eca7"; }
.ri-exchange-dollar-fill:before { content: "\eca8"; }
.ri-exchange-dollar-line:before { content: "\eca9"; }
.ri-exchange-fill:before { content: "\ecaa"; }
.ri-exchange-funds-fill:before { content: "\ecab"; }
.ri-exchange-funds-line:before { content: "\ecac"; }
.ri-exchange-line:before { content: "\ecad"; }
.ri-external-link-fill:before { content: "\ecae"; }
.ri-external-link-line:before { content: "\ecaf"; }
.ri-eye-2-fill:before { content: "\ecb0"; }
.ri-eye-2-line:before { content: "\ecb1"; }
.ri-eye-close-fill:before { content: "\ecb2"; }
.ri-eye-close-line:before { content: "\ecb3"; }
.ri-eye-fill:before { content: "\ecb4"; }
.ri-eye-line:before { content: "\ecb5"; }
.ri-eye-off-fill:before { content: "\ecb6"; }
.ri-eye-off-line:before { content: "\ecb7"; }
.ri-facebook-box-fill:before { content: "\ecb8"; }
.ri-facebook-box-line:before { content: "\ecb9"; }
.ri-facebook-circle-fill:before { content: "\ecba"; }
.ri-facebook-circle-line:before { content: "\ecbb"; }
.ri-facebook-fill:before { content: "\ecbc"; }
.ri-facebook-line:before { content: "\ecbd"; }
.ri-fahrenheit-fill:before { content: "\ecbe"; }
.ri-fahrenheit-line:before { content: "\ecbf"; }
.ri-feedback-fill:before { content: "\ecc0"; }
.ri-feedback-line:before { content: "\ecc1"; }
.ri-file-2-fill:before { content: "\ecc2"; }
.ri-file-2-line:before { content: "\ecc3"; }
.ri-file-3-fill:before { content: "\ecc4"; }
.ri-file-3-line:before { content: "\ecc5"; }
.ri-file-4-fill:before { content: "\ecc6"; }
.ri-file-4-line:before { content: "\ecc7"; }
.ri-file-add-fill:before { content: "\ecc8"; }
.ri-file-add-line:before { content: "\ecc9"; }
.ri-file-chart-2-fill:before { content: "\ecca"; }
.ri-file-chart-2-line:before { content: "\eccb"; }
.ri-file-chart-fill:before { content: "\eccc"; }
.ri-file-chart-line:before { content: "\eccd"; }
.ri-file-cloud-fill:before { content: "\ecce"; }
.ri-file-cloud-line:before { content: "\eccf"; }
.ri-file-code-fill:before { content: "\ecd0"; }
.ri-file-code-line:before { content: "\ecd1"; }
.ri-file-copy-2-fill:before { content: "\ecd2"; }
.ri-file-copy-2-line:before { content: "\ecd3"; }
.ri-file-copy-fill:before { content: "\ecd4"; }
.ri-file-copy-line:before { content: "\ecd5"; }
.ri-file-damage-fill:before { content: "\ecd6"; }
.ri-file-damage-line:before { content: "\ecd7"; }
.ri-file-download-fill:before { content: "\ecd8"; }
.ri-file-download-line:before { content: "\ecd9"; }
.ri-file-edit-fill:before { content: "\ecda"; }
.ri-file-edit-line:before { content: "\ecdb"; }
.ri-file-excel-2-fill:before { content: "\ecdc"; }
.ri-file-excel-2-line:before { content: "\ecdd"; }
.ri-file-excel-fill:before { content: "\ecde"; }
.ri-file-excel-line:before { content: "\ecdf"; }
.ri-file-fill:before { content: "\ece0"; }
.ri-file-forbid-fill:before { content: "\ece1"; }
.ri-file-forbid-line:before { content: "\ece2"; }
.ri-file-gif-fill:before { content: "\ece3"; }
.ri-file-gif-line:before { content: "\ece4"; }
.ri-file-history-fill:before { content: "\ece5"; }
.ri-file-history-line:before { content: "\ece6"; }
.ri-file-hwp-fill:before { content: "\ece7"; }
.ri-file-hwp-line:before { content: "\ece8"; }
.ri-file-info-fill:before { content: "\ece9"; }
.ri-file-info-line:before { content: "\ecea"; }
.ri-file-line:before { content: "\eceb"; }
.ri-file-list-2-fill:before { content: "\ecec"; }
.ri-file-list-2-line:before { content: "\eced"; }
.ri-file-list-3-fill:before { content: "\ecee"; }
.ri-file-list-3-line:before { content: "\ecef"; }
.ri-file-list-fill:before { content: "\ecf0"; }
.ri-file-list-line:before { content: "\ecf1"; }
.ri-file-lock-fill:before { content: "\ecf2"; }
.ri-file-lock-line:before { content: "\ecf3"; }
.ri-file-marked-fill:before { content: "\ecf4"; }
.ri-file-marked-line:before { content: "\ecf5"; }
.ri-file-music-fill:before { content: "\ecf6"; }
.ri-file-music-line:before { content: "\ecf7"; }
.ri-file-paper-2-fill:before { content: "\ecf8"; }
.ri-file-paper-2-line:before { content: "\ecf9"; }
.ri-file-paper-fill:before { content: "\ecfa"; }
.ri-file-paper-line:before { content: "\ecfb"; }
.ri-file-pdf-fill:before { content: "\ecfc"; }
.ri-file-pdf-line:before { content: "\ecfd"; }
.ri-file-ppt-2-fill:before { content: "\ecfe"; }
.ri-file-ppt-2-line:before { content: "\ecff"; }
.ri-file-ppt-fill:before { content: "\ed00"; }
.ri-file-ppt-line:before { content: "\ed01"; }
.ri-file-reduce-fill:before { content: "\ed02"; }
.ri-file-reduce-line:before { content: "\ed03"; }
.ri-file-search-fill:before { content: "\ed04"; }
.ri-file-search-line:before { content: "\ed05"; }
.ri-file-settings-fill:before { content: "\ed06"; }
.ri-file-settings-line:before { content: "\ed07"; }
.ri-file-shield-2-fill:before { content: "\ed08"; }
.ri-file-shield-2-line:before { content: "\ed09"; }
.ri-file-shield-fill:before { content: "\ed0a"; }
.ri-file-shield-line:before { content: "\ed0b"; }
.ri-file-shred-fill:before { content: "\ed0c"; }
.ri-file-shred-line:before { content: "\ed0d"; }
.ri-file-text-fill:before { content: "\ed0e"; }
.ri-file-text-line:before { content: "\ed0f"; }
.ri-file-transfer-fill:before { content: "\ed10"; }
.ri-file-transfer-line:before { content: "\ed11"; }
.ri-file-unknow-fill:before { content: "\ed12"; }
.ri-file-unknow-line:before { content: "\ed13"; }
.ri-file-upload-fill:before { content: "\ed14"; }
.ri-file-upload-line:before { content: "\ed15"; }
.ri-file-user-fill:before { content: "\ed16"; }
.ri-file-user-line:before { content: "\ed17"; }
.ri-file-warning-fill:before { content: "\ed18"; }
.ri-file-warning-line:before { content: "\ed19"; }
.ri-file-word-2-fill:before { content: "\ed1a"; }
.ri-file-word-2-line:before { content: "\ed1b"; }
.ri-file-word-fill:before { content: "\ed1c"; }
.ri-file-word-line:before { content: "\ed1d"; }
.ri-file-zip-fill:before { content: "\ed1e"; }
.ri-file-zip-line:before { content: "\ed1f"; }
.ri-film-fill:before { content: "\ed20"; }
.ri-film-line:before { content: "\ed21"; }
.ri-filter-2-fill:before { content: "\ed22"; }
.ri-filter-2-line:before { content: "\ed23"; }
.ri-filter-3-fill:before { content: "\ed24"; }
.ri-filter-3-line:before { content: "\ed25"; }
.ri-filter-fill:before { content: "\ed26"; }
.ri-filter-line:before { content: "\ed27"; }
.ri-filter-off-fill:before { content: "\ed28"; }
.ri-filter-off-line:before { content: "\ed29"; }
.ri-find-replace-fill:before { content: "\ed2a"; }
.ri-find-replace-line:before { content: "\ed2b"; }
.ri-finder-fill:before { content: "\ed2c"; }
.ri-finder-line:before { content: "\ed2d"; }
.ri-fingerprint-2-fill:before { content: "\ed2e"; }
.ri-fingerprint-2-line:before { content: "\ed2f"; }
.ri-fingerprint-fill:before { content: "\ed30"; }
.ri-fingerprint-line:before { content: "\ed31"; }
.ri-fire-fill:before { content: "\ed32"; }
.ri-fire-line:before { content: "\ed33"; }
.ri-firefox-fill:before { content: "\ed34"; }
.ri-firefox-line:before { content: "\ed35"; }
.ri-first-aid-kit-fill:before { content: "\ed36"; }
.ri-first-aid-kit-line:before { content: "\ed37"; }
.ri-flag-2-fill:before { content: "\ed38"; }
.ri-flag-2-line:before { content: "\ed39"; }
.ri-flag-fill:before { content: "\ed3a"; }
.ri-flag-line:before { content: "\ed3b"; }
.ri-flashlight-fill:before { content: "\ed3c"; }
.ri-flashlight-line:before { content: "\ed3d"; }
.ri-flask-fill:before { content: "\ed3e"; }
.ri-flask-line:before { content: "\ed3f"; }
.ri-flight-land-fill:before { content: "\ed40"; }
.ri-flight-land-line:before { content: "\ed41"; }
.ri-flight-takeoff-fill:before { content: "\ed42"; }
.ri-flight-takeoff-line:before { content: "\ed43"; }
.ri-flood-fill:before { content: "\ed44"; }
.ri-flood-line:before { content: "\ed45"; }
.ri-flow-chart:before { content: "\ed46"; }
.ri-flutter-fill:before { content: "\ed47"; }
.ri-flutter-line:before { content: "\ed48"; }
.ri-focus-2-fill:before { content: "\ed49"; }
.ri-focus-2-line:before { content: "\ed4a"; }
.ri-focus-3-fill:before { content: "\ed4b"; }
.ri-focus-3-line:before { content: "\ed4c"; }
.ri-focus-fill:before { content: "\ed4d"; }
.ri-focus-line:before { content: "\ed4e"; }
.ri-foggy-fill:before { content: "\ed4f"; }
.ri-foggy-line:before { content: "\ed50"; }
.ri-folder-2-fill:before { content: "\ed51"; }
.ri-folder-2-line:before { content: "\ed52"; }
.ri-folder-3-fill:before { content: "\ed53"; }
.ri-folder-3-line:before { content: "\ed54"; }
.ri-folder-4-fill:before { content: "\ed55"; }
.ri-folder-4-line:before { content: "\ed56"; }
.ri-folder-5-fill:before { content: "\ed57"; }
.ri-folder-5-line:before { content: "\ed58"; }
.ri-folder-add-fill:before { content: "\ed59"; }
.ri-folder-add-line:before { content: "\ed5a"; }
.ri-folder-chart-2-fill:before { content: "\ed5b"; }
.ri-folder-chart-2-line:before { content: "\ed5c"; }
.ri-folder-chart-fill:before { content: "\ed5d"; }
.ri-folder-chart-line:before { content: "\ed5e"; }
.ri-folder-download-fill:before { content: "\ed5f"; }
.ri-folder-download-line:before { content: "\ed60"; }
.ri-folder-fill:before { content: "\ed61"; }
.ri-folder-forbid-fill:before { content: "\ed62"; }
.ri-folder-forbid-line:before { content: "\ed63"; }
.ri-folder-history-fill:before { content: "\ed64"; }
.ri-folder-history-line:before { content: "\ed65"; }
.ri-folder-info-fill:before { content: "\ed66"; }
.ri-folder-info-line:before { content: "\ed67"; }
.ri-folder-keyhole-fill:before { content: "\ed68"; }
.ri-folder-keyhole-line:before { content: "\ed69"; }
.ri-folder-line:before { content: "\ed6a"; }
.ri-folder-lock-fill:before { content: "\ed6b"; }
.ri-folder-lock-line:before { content: "\ed6c"; }
.ri-folder-music-fill:before { content: "\ed6d"; }
.ri-folder-music-line:before { content: "\ed6e"; }
.ri-folder-open-fill:before { content: "\ed6f"; }
.ri-folder-open-line:before { content: "\ed70"; }
.ri-folder-received-fill:before { content: "\ed71"; }
.ri-folder-received-line:before { content: "\ed72"; }
.ri-folder-reduce-fill:before { content: "\ed73"; }
.ri-folder-reduce-line:before { content: "\ed74"; }
.ri-folder-settings-fill:before { content: "\ed75"; }
.ri-folder-settings-line:before { content: "\ed76"; }
.ri-folder-shared-fill:before { content: "\ed77"; }
.ri-folder-shared-line:before { content: "\ed78"; }
.ri-folder-shield-2-fill:before { content: "\ed79"; }
.ri-folder-shield-2-line:before { content: "\ed7a"; }
.ri-folder-shield-fill:before { content: "\ed7b"; }
.ri-folder-shield-line:before { content: "\ed7c"; }
.ri-folder-transfer-fill:before { content: "\ed7d"; }
.ri-folder-transfer-line:before { content: "\ed7e"; }
.ri-folder-unknow-fill:before { content: "\ed7f"; }
.ri-folder-unknow-line:before { content: "\ed80"; }
.ri-folder-upload-fill:before { content: "\ed81"; }
.ri-folder-upload-line:before { content: "\ed82"; }
.ri-folder-user-fill:before { content: "\ed83"; }
.ri-folder-user-line:before { content: "\ed84"; }
.ri-folder-warning-fill:before { content: "\ed85"; }
.ri-folder-warning-line:before { content: "\ed86"; }
.ri-folder-zip-fill:before { content: "\ed87"; }
.ri-folder-zip-line:before { content: "\ed88"; }
.ri-folders-fill:before { content: "\ed89"; }
.ri-folders-line:before { content: "\ed8a"; }
.ri-font-color:before { content: "\ed8b"; }
.ri-font-size-2:before { content: "\ed8c"; }
.ri-font-size:before { content: "\ed8d"; }
.ri-football-fill:before { content: "\ed8e"; }
.ri-football-line:before { content: "\ed8f"; }
.ri-footprint-fill:before { content: "\ed90"; }
.ri-footprint-line:before { content: "\ed91"; }
.ri-forbid-2-fill:before { content: "\ed92"; }
.ri-forbid-2-line:before { content: "\ed93"; }
.ri-forbid-fill:before { content: "\ed94"; }
.ri-forbid-line:before { content: "\ed95"; }
.ri-format-clear:before { content: "\ed96"; }
.ri-fridge-fill:before { content: "\ed97"; }
.ri-fridge-line:before { content: "\ed98"; }
.ri-fullscreen-exit-fill:before { content: "\ed99"; }
.ri-fullscreen-exit-line:before { content: "\ed9a"; }
.ri-fullscreen-fill:before { content: "\ed9b"; }
.ri-fullscreen-line:before { content: "\ed9c"; }
.ri-function-fill:before { content: "\ed9d"; }
.ri-function-line:before { content: "\ed9e"; }
.ri-functions:before { content: "\ed9f"; }
.ri-funds-box-fill:before { content: "\eda0"; }
.ri-funds-box-line:before { content: "\eda1"; }
.ri-funds-fill:before { content: "\eda2"; }
.ri-funds-line:before { content: "\eda3"; }
.ri-gallery-fill:before { content: "\eda4"; }
.ri-gallery-line:before { content: "\eda5"; }
.ri-gallery-upload-fill:before { content: "\eda6"; }
.ri-gallery-upload-line:before { content: "\eda7"; }
.ri-game-fill:before { content: "\eda8"; }
.ri-game-line:before { content: "\eda9"; }
.ri-gamepad-fill:before { content: "\edaa"; }
.ri-gamepad-line:before { content: "\edab"; }
.ri-gas-station-fill:before { content: "\edac"; }
.ri-gas-station-line:before { content: "\edad"; }
.ri-gatsby-fill:before { content: "\edae"; }
.ri-gatsby-line:before { content: "\edaf"; }
.ri-genderless-fill:before { content: "\edb0"; }
.ri-genderless-line:before { content: "\edb1"; }
.ri-ghost-2-fill:before { content: "\edb2"; }
.ri-ghost-2-line:before { content: "\edb3"; }
.ri-ghost-fill:before { content: "\edb4"; }
.ri-ghost-line:before { content: "\edb5"; }
.ri-ghost-smile-fill:before { content: "\edb6"; }
.ri-ghost-smile-line:before { content: "\edb7"; }
.ri-gift-2-fill:before { content: "\edb8"; }
.ri-gift-2-line:before { content: "\edb9"; }
.ri-gift-fill:before { content: "\edba"; }
.ri-gift-line:before { content: "\edbb"; }
.ri-git-branch-fill:before { content: "\edbc"; }
.ri-git-branch-line:before { content: "\edbd"; }
.ri-git-commit-fill:before { content: "\edbe"; }
.ri-git-commit-line:before { content: "\edbf"; }
.ri-git-merge-fill:before { content: "\edc0"; }
.ri-git-merge-line:before { content: "\edc1"; }
.ri-git-pull-request-fill:before { content: "\edc2"; }
.ri-git-pull-request-line:before { content: "\edc3"; }
.ri-git-repository-commits-fill:before { content: "\edc4"; }
.ri-git-repository-commits-line:before { content: "\edc5"; }
.ri-git-repository-fill:before { content: "\edc6"; }
.ri-git-repository-line:before { content: "\edc7"; }
.ri-git-repository-private-fill:before { content: "\edc8"; }
.ri-git-repository-private-line:before { content: "\edc9"; }
.ri-github-fill:before { content: "\edca"; }
.ri-github-line:before { content: "\edcb"; }
.ri-gitlab-fill:before { content: "\edcc"; }
.ri-gitlab-line:before { content: "\edcd"; }
.ri-global-fill:before { content: "\edce"; }
.ri-global-line:before { content: "\edcf"; }
.ri-globe-fill:before { content: "\edd0"; }
.ri-globe-line:before { content: "\edd1"; }
.ri-goblet-fill:before { content: "\edd2"; }
.ri-goblet-line:before { content: "\edd3"; }
.ri-google-fill:before { content: "\edd4"; }
.ri-google-line:before { content: "\edd5"; }
.ri-google-play-fill:before { content: "\edd6"; }
.ri-google-play-line:before { content: "\edd7"; }
.ri-government-fill:before { content: "\edd8"; }
.ri-government-line:before { content: "\edd9"; }
.ri-gps-fill:before { content: "\edda"; }
.ri-gps-line:before { content: "\eddb"; }
.ri-gradienter-fill:before { content: "\eddc"; }
.ri-gradienter-line:before { content: "\eddd"; }
.ri-grid-fill:before { content: "\edde"; }
.ri-grid-line:before { content: "\eddf"; }
.ri-group-2-fill:before { content: "\ede0"; }
.ri-group-2-line:before { content: "\ede1"; }
.ri-group-fill:before { content: "\ede2"; }
.ri-group-line:before { content: "\ede3"; }
.ri-guide-fill:before { content: "\ede4"; }
.ri-guide-line:before { content: "\ede5"; }
.ri-h-1:before { content: "\ede6"; }
.ri-h-2:before { content: "\ede7"; }
.ri-h-3:before { content: "\ede8"; }
.ri-h-4:before { content: "\ede9"; }
.ri-h-5:before { content: "\edea"; }
.ri-h-6:before { content: "\edeb"; }
.ri-hail-fill:before { content: "\edec"; }
.ri-hail-line:before { content: "\eded"; }
.ri-hammer-fill:before { content: "\edee"; }
.ri-hammer-line:before { content: "\edef"; }
.ri-hand-coin-fill:before { content: "\edf0"; }
.ri-hand-coin-line:before { content: "\edf1"; }
.ri-hand-heart-fill:before { content: "\edf2"; }
.ri-hand-heart-line:before { content: "\edf3"; }
.ri-hand-sanitizer-fill:before { content: "\edf4"; }
.ri-hand-sanitizer-line:before { content: "\edf5"; }
.ri-handbag-fill:before { content: "\edf6"; }
.ri-handbag-line:before { content: "\edf7"; }
.ri-hard-drive-2-fill:before { content: "\edf8"; }
.ri-hard-drive-2-line:before { content: "\edf9"; }
.ri-hard-drive-fill:before { content: "\edfa"; }
.ri-hard-drive-line:before { content: "\edfb"; }
.ri-hashtag:before { content: "\edfc"; }
.ri-haze-2-fill:before { content: "\edfd"; }
.ri-haze-2-line:before { content: "\edfe"; }
.ri-haze-fill:before { content: "\edff"; }
.ri-haze-line:before { content: "\ee00"; }
.ri-hd-fill:before { content: "\ee01"; }
.ri-hd-line:before { content: "\ee02"; }
.ri-heading:before { content: "\ee03"; }
.ri-headphone-fill:before { content: "\ee04"; }
.ri-headphone-line:before { content: "\ee05"; }
.ri-health-book-fill:before { content: "\ee06"; }
.ri-health-book-line:before { content: "\ee07"; }
.ri-heart-2-fill:before { content: "\ee08"; }
.ri-heart-2-line:before { content: "\ee09"; }
.ri-heart-3-fill:before { content: "\ee0a"; }
.ri-heart-3-line:before { content: "\ee0b"; }
.ri-heart-add-fill:before { content: "\ee0c"; }
.ri-heart-add-line:before { content: "\ee0d"; }
.ri-heart-fill:before { content: "\ee0e"; }
.ri-heart-line:before { content: "\ee0f"; }
.ri-heart-pulse-fill:before { content: "\ee10"; }
.ri-heart-pulse-line:before { content: "\ee11"; }
.ri-hearts-fill:before { content: "\ee12"; }
.ri-hearts-line:before { content: "\ee13"; }
.ri-heavy-showers-fill:before { content: "\ee14"; }
.ri-heavy-showers-line:before { content: "\ee15"; }
.ri-history-fill:before { content: "\ee16"; }
.ri-history-line:before { content: "\ee17"; }
.ri-home-2-fill:before { content: "\ee18"; }
.ri-home-2-line:before { content: "\ee19"; }
.ri-home-3-fill:before { content: "\ee1a"; }
.ri-home-3-line:before { content: "\ee1b"; }
.ri-home-4-fill:before { content: "\ee1c"; }
.ri-home-4-line:before { content: "\ee1d"; }
.ri-home-5-fill:before { content: "\ee1e"; }
.ri-home-5-line:before { content: "\ee1f"; }
.ri-home-6-fill:before { content: "\ee20"; }
.ri-home-6-line:before { content: "\ee21"; }
.ri-home-7-fill:before { content: "\ee22"; }
.ri-home-7-line:before { content: "\ee23"; }
.ri-home-8-fill:before { content: "\ee24"; }
.ri-home-8-line:before { content: "\ee25"; }
.ri-home-fill:before { content: "\ee26"; }
.ri-home-gear-fill:before { content: "\ee27"; }
.ri-home-gear-line:before { content: "\ee28"; }
.ri-home-heart-fill:before { content: "\ee29"; }
.ri-home-heart-line:before { content: "\ee2a"; }
.ri-home-line:before { content: "\ee2b"; }
.ri-home-smile-2-fill:before { content: "\ee2c"; }
.ri-home-smile-2-line:before { content: "\ee2d"; }
.ri-home-smile-fill:before { content: "\ee2e"; }
.ri-home-smile-line:before { content: "\ee2f"; }
.ri-home-wifi-fill:before { content: "\ee30"; }
.ri-home-wifi-line:before { content: "\ee31"; }
.ri-honor-of-kings-fill:before { content: "\ee32"; }
.ri-honor-of-kings-line:before { content: "\ee33"; }
.ri-honour-fill:before { content: "\ee34"; }
.ri-honour-line:before { content: "\ee35"; }
.ri-hospital-fill:before { content: "\ee36"; }
.ri-hospital-line:before { content: "\ee37"; }
.ri-hotel-bed-fill:before { content: "\ee38"; }
.ri-hotel-bed-line:before { content: "\ee39"; }
.ri-hotel-fill:before { content: "\ee3a"; }
.ri-hotel-line:before { content: "\ee3b"; }
.ri-hotspot-fill:before { content: "\ee3c"; }
.ri-hotspot-line:before { content: "\ee3d"; }
.ri-hq-fill:before { content: "\ee3e"; }
.ri-hq-line:before { content: "\ee3f"; }
.ri-html5-fill:before { content: "\ee40"; }
.ri-html5-line:before { content: "\ee41"; }
.ri-ie-fill:before { content: "\ee42"; }
.ri-ie-line:before { content: "\ee43"; }
.ri-image-2-fill:before { content: "\ee44"; }
.ri-image-2-line:before { content: "\ee45"; }
.ri-image-add-fill:before { content: "\ee46"; }
.ri-image-add-line:before { content: "\ee47"; }
.ri-image-edit-fill:before { content: "\ee48"; }
.ri-image-edit-line:before { content: "\ee49"; }
.ri-image-fill:before { content: "\ee4a"; }
.ri-image-line:before { content: "\ee4b"; }
.ri-inbox-archive-fill:before { content: "\ee4c"; }
.ri-inbox-archive-line:before { content: "\ee4d"; }
.ri-inbox-fill:before { content: "\ee4e"; }
.ri-inbox-line:before { content: "\ee4f"; }
.ri-inbox-unarchive-fill:before { content: "\ee50"; }
.ri-inbox-unarchive-line:before { content: "\ee51"; }
.ri-increase-decrease-fill:before { content: "\ee52"; }
.ri-increase-decrease-line:before { content: "\ee53"; }
.ri-indent-decrease:before { content: "\ee54"; }
.ri-indent-increase:before { content: "\ee55"; }
.ri-indeterminate-circle-fill:before { content: "\ee56"; }
.ri-indeterminate-circle-line:before { content: "\ee57"; }
.ri-information-fill:before { content: "\ee58"; }
.ri-information-line:before { content: "\ee59"; }
.ri-infrared-thermometer-fill:before { content: "\ee5a"; }
.ri-infrared-thermometer-line:before { content: "\ee5b"; }
.ri-ink-bottle-fill:before { content: "\ee5c"; }
.ri-ink-bottle-line:before { content: "\ee5d"; }
.ri-input-cursor-move:before { content: "\ee5e"; }
.ri-input-method-fill:before { content: "\ee5f"; }
.ri-input-method-line:before { content: "\ee60"; }
.ri-insert-column-left:before { content: "\ee61"; }
.ri-insert-column-right:before { content: "\ee62"; }
.ri-insert-row-bottom:before { content: "\ee63"; }
.ri-insert-row-top:before { content: "\ee64"; }
.ri-instagram-fill:before { content: "\ee65"; }
.ri-instagram-line:before { content: "\ee66"; }
.ri-install-fill:before { content: "\ee67"; }
.ri-install-line:before { content: "\ee68"; }
.ri-invision-fill:before { content: "\ee69"; }
.ri-invision-line:before { content: "\ee6a"; }
.ri-italic:before { content: "\ee6b"; }
.ri-kakao-talk-fill:before { content: "\ee6c"; }
.ri-kakao-talk-line:before { content: "\ee6d"; }
.ri-key-2-fill:before { content: "\ee6e"; }
.ri-key-2-line:before { content: "\ee6f"; }
.ri-key-fill:before { content: "\ee70"; }
.ri-key-line:before { content: "\ee71"; }
.ri-keyboard-box-fill:before { content: "\ee72"; }
.ri-keyboard-box-line:before { content: "\ee73"; }
.ri-keyboard-fill:before { content: "\ee74"; }
.ri-keyboard-line:before { content: "\ee75"; }
.ri-keynote-fill:before { content: "\ee76"; }
.ri-keynote-line:before { content: "\ee77"; }
.ri-knife-blood-fill:before { content: "\ee78"; }
.ri-knife-blood-line:before { content: "\ee79"; }
.ri-knife-fill:before { content: "\ee7a"; }
.ri-knife-line:before { content: "\ee7b"; }
.ri-landscape-fill:before { content: "\ee7c"; }
.ri-landscape-line:before { content: "\ee7d"; }
.ri-layout-2-fill:before { content: "\ee7e"; }
.ri-layout-2-line:before { content: "\ee7f"; }
.ri-layout-3-fill:before { content: "\ee80"; }
.ri-layout-3-line:before { content: "\ee81"; }
.ri-layout-4-fill:before { content: "\ee82"; }
.ri-layout-4-line:before { content: "\ee83"; }
.ri-layout-5-fill:before { content: "\ee84"; }
.ri-layout-5-line:before { content: "\ee85"; }
.ri-layout-6-fill:before { content: "\ee86"; }
.ri-layout-6-line:before { content: "\ee87"; }
.ri-layout-bottom-2-fill:before { content: "\ee88"; }
.ri-layout-bottom-2-line:before { content: "\ee89"; }
.ri-layout-bottom-fill:before { content: "\ee8a"; }
.ri-layout-bottom-line:before { content: "\ee8b"; }
.ri-layout-column-fill:before { content: "\ee8c"; }
.ri-layout-column-line:before { content: "\ee8d"; }
.ri-layout-fill:before { content: "\ee8e"; }
.ri-layout-grid-fill:before { content: "\ee8f"; }
.ri-layout-grid-line:before { content: "\ee90"; }
.ri-layout-left-2-fill:before { content: "\ee91"; }
.ri-layout-left-2-line:before { content: "\ee92"; }
.ri-layout-left-fill:before { content: "\ee93"; }
.ri-layout-left-line:before { content: "\ee94"; }
.ri-layout-line:before { content: "\ee95"; }
.ri-layout-masonry-fill:before { content: "\ee96"; }
.ri-layout-masonry-line:before { content: "\ee97"; }
.ri-layout-right-2-fill:before { content: "\ee98"; }
.ri-layout-right-2-line:before { content: "\ee99"; }
.ri-layout-right-fill:before { content: "\ee9a"; }
.ri-layout-right-line:before { content: "\ee9b"; }
.ri-layout-row-fill:before { content: "\ee9c"; }
.ri-layout-row-line:before { content: "\ee9d"; }
.ri-layout-top-2-fill:before { content: "\ee9e"; }
.ri-layout-top-2-line:before { content: "\ee9f"; }
.ri-layout-top-fill:before { content: "\eea0"; }
.ri-layout-top-line:before { content: "\eea1"; }
.ri-leaf-fill:before { content: "\eea2"; }
.ri-leaf-line:before { content: "\eea3"; }
.ri-lifebuoy-fill:before { content: "\eea4"; }
.ri-lifebuoy-line:before { content: "\eea5"; }
.ri-lightbulb-fill:before { content: "\eea6"; }
.ri-lightbulb-flash-fill:before { content: "\eea7"; }
.ri-lightbulb-flash-line:before { content: "\eea8"; }
.ri-lightbulb-line:before { content: "\eea9"; }
.ri-line-chart-fill:before { content: "\eeaa"; }
.ri-line-chart-line:before { content: "\eeab"; }
.ri-line-fill:before { content: "\eeac"; }
.ri-line-height:before { content: "\eead"; }
.ri-line-line:before { content: "\eeae"; }
.ri-link-m:before { content: "\eeaf"; }
.ri-link-unlink-m:before { content: "\eeb0"; }
.ri-link-unlink:before { content: "\eeb1"; }
.ri-link:before { content: "\eeb2"; }
.ri-linkedin-box-fill:before { content: "\eeb3"; }
.ri-linkedin-box-line:before { content: "\eeb4"; }
.ri-linkedin-fill:before { content: "\eeb5"; }
.ri-linkedin-line:before { content: "\eeb6"; }
.ri-links-fill:before { content: "\eeb7"; }
.ri-links-line:before { content: "\eeb8"; }
.ri-list-check-2:before { content: "\eeb9"; }
.ri-list-check:before { content: "\eeba"; }
.ri-list-ordered:before { content: "\eebb"; }
.ri-list-settings-fill:before { content: "\eebc"; }
.ri-list-settings-line:before { content: "\eebd"; }
.ri-list-unordered:before { content: "\eebe"; }
.ri-live-fill:before { content: "\eebf"; }
.ri-live-line:before { content: "\eec0"; }
.ri-loader-2-fill:before { content: "\eec1"; }
.ri-loader-2-line:before { content: "\eec2"; }
.ri-loader-3-fill:before { content: "\eec3"; }
.ri-loader-3-line:before { content: "\eec4"; }
.ri-loader-4-fill:before { content: "\eec5"; }
.ri-loader-4-line:before { content: "\eec6"; }
.ri-loader-5-fill:before { content: "\eec7"; }
.ri-loader-5-line:before { content: "\eec8"; }
.ri-loader-fill:before { content: "\eec9"; }
.ri-loader-line:before { content: "\eeca"; }
.ri-lock-2-fill:before { content: "\eecb"; }
.ri-lock-2-line:before { content: "\eecc"; }
.ri-lock-fill:before { content: "\eecd"; }
.ri-lock-line:before { content: "\eece"; }
.ri-lock-password-fill:before { content: "\eecf"; }
.ri-lock-password-line:before { content: "\eed0"; }
.ri-lock-unlock-fill:before { content: "\eed1"; }
.ri-lock-unlock-line:before { content: "\eed2"; }
.ri-login-box-fill:before { content: "\eed3"; }
.ri-login-box-line:before { content: "\eed4"; }
.ri-login-circle-fill:before { content: "\eed5"; }
.ri-login-circle-line:before { content: "\eed6"; }
.ri-logout-box-fill:before { content: "\eed7"; }
.ri-logout-box-line:before { content: "\eed8"; }
.ri-logout-box-r-fill:before { content: "\eed9"; }
.ri-logout-box-r-line:before { content: "\eeda"; }
.ri-logout-circle-fill:before { content: "\eedb"; }
.ri-logout-circle-line:before { content: "\eedc"; }
.ri-logout-circle-r-fill:before { content: "\eedd"; }
.ri-logout-circle-r-line:before { content: "\eede"; }
.ri-luggage-cart-fill:before { content: "\eedf"; }
.ri-luggage-cart-line:before { content: "\eee0"; }
.ri-luggage-deposit-fill:before { content: "\eee1"; }
.ri-luggage-deposit-line:before { content: "\eee2"; }
.ri-lungs-fill:before { content: "\eee3"; }
.ri-lungs-line:before { content: "\eee4"; }
.ri-mac-fill:before { content: "\eee5"; }
.ri-mac-line:before { content: "\eee6"; }
.ri-macbook-fill:before { content: "\eee7"; }
.ri-macbook-line:before { content: "\eee8"; }
.ri-magic-fill:before { content: "\eee9"; }
.ri-magic-line:before { content: "\eeea"; }
.ri-mail-add-fill:before { content: "\eeeb"; }
.ri-mail-add-line:before { content: "\eeec"; }
.ri-mail-check-fill:before { content: "\eeed"; }
.ri-mail-check-line:before { content: "\eeee"; }
.ri-mail-close-fill:before { content: "\eeef"; }
.ri-mail-close-line:before { content: "\eef0"; }
.ri-mail-download-fill:before { content: "\eef1"; }
.ri-mail-download-line:before { content: "\eef2"; }
.ri-mail-fill:before { content: "\eef3"; }
.ri-mail-forbid-fill:before { content: "\eef4"; }
.ri-mail-forbid-line:before { content: "\eef5"; }
.ri-mail-line:before { content: "\eef6"; }
.ri-mail-lock-fill:before { content: "\eef7"; }
.ri-mail-lock-line:before { content: "\eef8"; }
.ri-mail-open-fill:before { content: "\eef9"; }
.ri-mail-open-line:before { content: "\eefa"; }
.ri-mail-send-fill:before { content: "\eefb"; }
.ri-mail-send-line:before { content: "\eefc"; }
.ri-mail-settings-fill:before { content: "\eefd"; }
.ri-mail-settings-line:before { content: "\eefe"; }
.ri-mail-star-fill:before { content: "\eeff"; }
.ri-mail-star-line:before { content: "\ef00"; }
.ri-mail-unread-fill:before { content: "\ef01"; }
.ri-mail-unread-line:before { content: "\ef02"; }
.ri-mail-volume-fill:before { content: "\ef03"; }
.ri-mail-volume-line:before { content: "\ef04"; }
.ri-map-2-fill:before { content: "\ef05"; }
.ri-map-2-line:before { content: "\ef06"; }
.ri-map-fill:before { content: "\ef07"; }
.ri-map-line:before { content: "\ef08"; }
.ri-map-pin-2-fill:before { content: "\ef09"; }
.ri-map-pin-2-line:before { content: "\ef0a"; }
.ri-map-pin-3-fill:before { content: "\ef0b"; }
.ri-map-pin-3-line:before { content: "\ef0c"; }
.ri-map-pin-4-fill:before { content: "\ef0d"; }
.ri-map-pin-4-line:before { content: "\ef0e"; }
.ri-map-pin-5-fill:before { content: "\ef0f"; }
.ri-map-pin-5-line:before { content: "\ef10"; }
.ri-map-pin-add-fill:before { content: "\ef11"; }
.ri-map-pin-add-line:before { content: "\ef12"; }
.ri-map-pin-fill:before { content: "\ef13"; }
.ri-map-pin-line:before { content: "\ef14"; }
.ri-map-pin-range-fill:before { content: "\ef15"; }
.ri-map-pin-range-line:before { content: "\ef16"; }
.ri-map-pin-time-fill:before { content: "\ef17"; }
.ri-map-pin-time-line:before { content: "\ef18"; }
.ri-map-pin-user-fill:before { content: "\ef19"; }
.ri-map-pin-user-line:before { content: "\ef1a"; }
.ri-mark-pen-fill:before { content: "\ef1b"; }
.ri-mark-pen-line:before { content: "\ef1c"; }
.ri-markdown-fill:before { content: "\ef1d"; }
.ri-markdown-line:before { content: "\ef1e"; }
.ri-markup-fill:before { content: "\ef1f"; }
.ri-markup-line:before { content: "\ef20"; }
.ri-mastercard-fill:before { content: "\ef21"; }
.ri-mastercard-line:before { content: "\ef22"; }
.ri-mastodon-fill:before { content: "\ef23"; }
.ri-mastodon-line:before { content: "\ef24"; }
.ri-medal-2-fill:before { content: "\ef25"; }
.ri-medal-2-line:before { content: "\ef26"; }
.ri-medal-fill:before { content: "\ef27"; }
.ri-medal-line:before { content: "\ef28"; }
.ri-medicine-bottle-fill:before { content: "\ef29"; }
.ri-medicine-bottle-line:before { content: "\ef2a"; }
.ri-medium-fill:before { content: "\ef2b"; }
.ri-medium-line:before { content: "\ef2c"; }
.ri-men-fill:before { content: "\ef2d"; }
.ri-men-line:before { content: "\ef2e"; }
.ri-mental-health-fill:before { content: "\ef2f"; }
.ri-mental-health-line:before { content: "\ef30"; }
.ri-menu-2-fill:before { content: "\ef31"; }
.ri-menu-2-line:before { content: "\ef32"; }
.ri-menu-3-fill:before { content: "\ef33"; }
.ri-menu-3-line:before { content: "\ef34"; }
.ri-menu-4-fill:before { content: "\ef35"; }
.ri-menu-4-line:before { content: "\ef36"; }
.ri-menu-5-fill:before { content: "\ef37"; }
.ri-menu-5-line:before { content: "\ef38"; }
.ri-menu-add-fill:before { content: "\ef39"; }
.ri-menu-add-line:before { content: "\ef3a"; }
.ri-menu-fill:before { content: "\ef3b"; }
.ri-menu-fold-fill:before { content: "\ef3c"; }
.ri-menu-fold-line:before { content: "\ef3d"; }
.ri-menu-line:before { content: "\ef3e"; }
.ri-menu-unfold-fill:before { content: "\ef3f"; }
.ri-menu-unfold-line:before { content: "\ef40"; }
.ri-merge-cells-horizontal:before { content: "\ef41"; }
.ri-merge-cells-vertical:before { content: "\ef42"; }
.ri-message-2-fill:before { content: "\ef43"; }
.ri-message-2-line:before { content: "\ef44"; }
.ri-message-3-fill:before { content: "\ef45"; }
.ri-message-3-line:before { content: "\ef46"; }
.ri-message-fill:before { content: "\ef47"; }
.ri-message-line:before { content: "\ef48"; }
.ri-messenger-fill:before { content: "\ef49"; }
.ri-messenger-line:before { content: "\ef4a"; }
.ri-meteor-fill:before { content: "\ef4b"; }
.ri-meteor-line:before { content: "\ef4c"; }
.ri-mic-2-fill:before { content: "\ef4d"; }
.ri-mic-2-line:before { content: "\ef4e"; }
.ri-mic-fill:before { content: "\ef4f"; }
.ri-mic-line:before { content: "\ef50"; }
.ri-mic-off-fill:before { content: "\ef51"; }
.ri-mic-off-line:before { content: "\ef52"; }
.ri-mickey-fill:before { content: "\ef53"; }
.ri-mickey-line:before { content: "\ef54"; }
.ri-microscope-fill:before { content: "\ef55"; }
.ri-microscope-line:before { content: "\ef56"; }
.ri-microsoft-fill:before { content: "\ef57"; }
.ri-microsoft-line:before { content: "\ef58"; }
.ri-mind-map:before { content: "\ef59"; }
.ri-mini-program-fill:before { content: "\ef5a"; }
.ri-mini-program-line:before { content: "\ef5b"; }
.ri-mist-fill:before { content: "\ef5c"; }
.ri-mist-line:before { content: "\ef5d"; }
.ri-money-cny-box-fill:before { content: "\ef5e"; }
.ri-money-cny-box-line:before { content: "\ef5f"; }
.ri-money-cny-circle-fill:before { content: "\ef60"; }
.ri-money-cny-circle-line:before { content: "\ef61"; }
.ri-money-dollar-box-fill:before { content: "\ef62"; }
.ri-money-dollar-box-line:before { content: "\ef63"; }
.ri-money-dollar-circle-fill:before { content: "\ef64"; }
.ri-money-dollar-circle-line:before { content: "\ef65"; }
.ri-money-euro-box-fill:before { content: "\ef66"; }
.ri-money-euro-box-line:before { content: "\ef67"; }
.ri-money-euro-circle-fill:before { content: "\ef68"; }
.ri-money-euro-circle-line:before { content: "\ef69"; }
.ri-money-pound-box-fill:before { content: "\ef6a"; }
.ri-money-pound-box-line:before { content: "\ef6b"; }
.ri-money-pound-circle-fill:before { content: "\ef6c"; }
.ri-money-pound-circle-line:before { content: "\ef6d"; }
.ri-moon-clear-fill:before { content: "\ef6e"; }
.ri-moon-clear-line:before { content: "\ef6f"; }
.ri-moon-cloudy-fill:before { content: "\ef70"; }
.ri-moon-cloudy-line:before { content: "\ef71"; }
.ri-moon-fill:before { content: "\ef72"; }
.ri-moon-foggy-fill:before { content: "\ef73"; }
.ri-moon-foggy-line:before { content: "\ef74"; }
.ri-moon-line:before { content: "\ef75"; }
.ri-more-2-fill:before { content: "\ef76"; }
.ri-more-2-line:before { content: "\ef77"; }
.ri-more-fill:before { content: "\ef78"; }
.ri-more-line:before { content: "\ef79"; }
.ri-motorbike-fill:before { content: "\ef7a"; }
.ri-motorbike-line:before { content: "\ef7b"; }
.ri-mouse-fill:before { content: "\ef7c"; }
.ri-mouse-line:before { content: "\ef7d"; }
.ri-movie-2-fill:before { content: "\ef7e"; }
.ri-movie-2-line:before { content: "\ef7f"; }
.ri-movie-fill:before { content: "\ef80"; }
.ri-movie-line:before { content: "\ef81"; }
.ri-music-2-fill:before { content: "\ef82"; }
.ri-music-2-line:before { content: "\ef83"; }
.ri-music-fill:before { content: "\ef84"; }
.ri-music-line:before { content: "\ef85"; }
.ri-mv-fill:before { content: "\ef86"; }
.ri-mv-line:before { content: "\ef87"; }
.ri-navigation-fill:before { content: "\ef88"; }
.ri-navigation-line:before { content: "\ef89"; }
.ri-netease-cloud-music-fill:before { content: "\ef8a"; }
.ri-netease-cloud-music-line:before { content: "\ef8b"; }
.ri-netflix-fill:before { content: "\ef8c"; }
.ri-netflix-line:before { content: "\ef8d"; }
.ri-newspaper-fill:before { content: "\ef8e"; }
.ri-newspaper-line:before { content: "\ef8f"; }
.ri-node-tree:before { content: "\ef90"; }
.ri-notification-2-fill:before { content: "\ef91"; }
.ri-notification-2-line:before { content: "\ef92"; }
.ri-notification-3-fill:before { content: "\ef93"; }
.ri-notification-3-line:before { content: "\ef94"; }
.ri-notification-4-fill:before { content: "\ef95"; }
.ri-notification-4-line:before { content: "\ef96"; }
.ri-notification-badge-fill:before { content: "\ef97"; }
.ri-notification-badge-line:before { content: "\ef98"; }
.ri-notification-fill:before { content: "\ef99"; }
.ri-notification-line:before { content: "\ef9a"; }
.ri-notification-off-fill:before { content: "\ef9b"; }
.ri-notification-off-line:before { content: "\ef9c"; }
.ri-npmjs-fill:before { content: "\ef9d"; }
.ri-npmjs-line:before { content: "\ef9e"; }
.ri-number-0:before { content: "\ef9f"; }
.ri-number-1:before { content: "\efa0"; }
.ri-number-2:before { content: "\efa1"; }
.ri-number-3:before { content: "\efa2"; }
.ri-number-4:before { content: "\efa3"; }
.ri-number-5:before { content: "\efa4"; }
.ri-number-6:before { content: "\efa5"; }
.ri-number-7:before { content: "\efa6"; }
.ri-number-8:before { content: "\efa7"; }
.ri-number-9:before { content: "\efa8"; }
.ri-numbers-fill:before { content: "\efa9"; }
.ri-numbers-line:before { content: "\efaa"; }
.ri-nurse-fill:before { content: "\efab"; }
.ri-nurse-line:before { content: "\efac"; }
.ri-oil-fill:before { content: "\efad"; }
.ri-oil-line:before { content: "\efae"; }
.ri-omega:before { content: "\efaf"; }
.ri-open-arm-fill:before { content: "\efb0"; }
.ri-open-arm-line:before { content: "\efb1"; }
.ri-open-source-fill:before { content: "\efb2"; }
.ri-open-source-line:before { content: "\efb3"; }
.ri-opera-fill:before { content: "\efb4"; }
.ri-opera-line:before { content: "\efb5"; }
.ri-order-play-fill:before { content: "\efb6"; }
.ri-order-play-line:before { content: "\efb7"; }
.ri-organization-chart:before { content: "\efb8"; }
.ri-outlet-2-fill:before { content: "\efb9"; }
.ri-outlet-2-line:before { content: "\efba"; }
.ri-outlet-fill:before { content: "\efbb"; }
.ri-outlet-line:before { content: "\efbc"; }
.ri-page-separator:before { content: "\efbd"; }
.ri-pages-fill:before { content: "\efbe"; }
.ri-pages-line:before { content: "\efbf"; }
.ri-paint-brush-fill:before { content: "\efc0"; }
.ri-paint-brush-line:before { content: "\efc1"; }
.ri-paint-fill:before { content: "\efc2"; }
.ri-paint-line:before { content: "\efc3"; }
.ri-palette-fill:before { content: "\efc4"; }
.ri-palette-line:before { content: "\efc5"; }
.ri-pantone-fill:before { content: "\efc6"; }
.ri-pantone-line:before { content: "\efc7"; }
.ri-paragraph:before { content: "\efc8"; }
.ri-parent-fill:before { content: "\efc9"; }
.ri-parent-line:before { content: "\efca"; }
.ri-parentheses-fill:before { content: "\efcb"; }
.ri-parentheses-line:before { content: "\efcc"; }
.ri-parking-box-fill:before { content: "\efcd"; }
.ri-parking-box-line:before { content: "\efce"; }
.ri-parking-fill:before { content: "\efcf"; }
.ri-parking-line:before { content: "\efd0"; }
.ri-passport-fill:before { content: "\efd1"; }
.ri-passport-line:before { content: "\efd2"; }
.ri-patreon-fill:before { content: "\efd3"; }
.ri-patreon-line:before { content: "\efd4"; }
.ri-pause-circle-fill:before { content: "\efd5"; }
.ri-pause-circle-line:before { content: "\efd6"; }
.ri-pause-fill:before { content: "\efd7"; }
.ri-pause-line:before { content: "\efd8"; }
.ri-pause-mini-fill:before { content: "\efd9"; }
.ri-pause-mini-line:before { content: "\efda"; }
.ri-paypal-fill:before { content: "\efdb"; }
.ri-paypal-line:before { content: "\efdc"; }
.ri-pen-nib-fill:before { content: "\efdd"; }
.ri-pen-nib-line:before { content: "\efde"; }
.ri-pencil-fill:before { content: "\efdf"; }
.ri-pencil-line:before { content: "\efe0"; }
.ri-pencil-ruler-2-fill:before { content: "\efe1"; }
.ri-pencil-ruler-2-line:before { content: "\efe2"; }
.ri-pencil-ruler-fill:before { content: "\efe3"; }
.ri-pencil-ruler-line:before { content: "\efe4"; }
.ri-percent-fill:before { content: "\efe5"; }
.ri-percent-line:before { content: "\efe6"; }
.ri-phone-camera-fill:before { content: "\efe7"; }
.ri-phone-camera-line:before { content: "\efe8"; }
.ri-phone-fill:before { content: "\efe9"; }
.ri-phone-find-fill:before { content: "\efea"; }
.ri-phone-find-line:before { content: "\efeb"; }
.ri-phone-line:before { content: "\efec"; }
.ri-phone-lock-fill:before { content: "\efed"; }
.ri-phone-lock-line:before { content: "\efee"; }
.ri-picture-in-picture-2-fill:before { content: "\efef"; }
.ri-picture-in-picture-2-line:before { content: "\eff0"; }
.ri-picture-in-picture-exit-fill:before { content: "\eff1"; }
.ri-picture-in-picture-exit-line:before { content: "\eff2"; }
.ri-picture-in-picture-fill:before { content: "\eff3"; }
.ri-picture-in-picture-line:before { content: "\eff4"; }
.ri-pie-chart-2-fill:before { content: "\eff5"; }
.ri-pie-chart-2-line:before { content: "\eff6"; }
.ri-pie-chart-box-fill:before { content: "\eff7"; }
.ri-pie-chart-box-line:before { content: "\eff8"; }
.ri-pie-chart-fill:before { content: "\eff9"; }
.ri-pie-chart-line:before { content: "\effa"; }
.ri-pin-distance-fill:before { content: "\effb"; }
.ri-pin-distance-line:before { content: "\effc"; }
.ri-ping-pong-fill:before { content: "\effd"; }
.ri-ping-pong-line:before { content: "\effe"; }
.ri-pinterest-fill:before { content: "\efff"; }
.ri-pinterest-line:before { content: "\f000"; }
.ri-pinyin-input:before { content: "\f001"; }
.ri-pixelfed-fill:before { content: "\f002"; }
.ri-pixelfed-line:before { content: "\f003"; }
.ri-plane-fill:before { content: "\f004"; }
.ri-plane-line:before { content: "\f005"; }
.ri-plant-fill:before { content: "\f006"; }
.ri-plant-line:before { content: "\f007"; }
.ri-play-circle-fill:before { content: "\f008"; }
.ri-play-circle-line:before { content: "\f009"; }
.ri-play-fill:before { content: "\f00a"; }
.ri-play-line:before { content: "\f00b"; }
.ri-play-list-2-fill:before { content: "\f00c"; }
.ri-play-list-2-line:before { content: "\f00d"; }
.ri-play-list-add-fill:before { content: "\f00e"; }
.ri-play-list-add-line:before { content: "\f00f"; }
.ri-play-list-fill:before { content: "\f010"; }
.ri-play-list-line:before { content: "\f011"; }
.ri-play-mini-fill:before { content: "\f012"; }
.ri-play-mini-line:before { content: "\f013"; }
.ri-playstation-fill:before { content: "\f014"; }
.ri-playstation-line:before { content: "\f015"; }
.ri-plug-2-fill:before { content: "\f016"; }
.ri-plug-2-line:before { content: "\f017"; }
.ri-plug-fill:before { content: "\f018"; }
.ri-plug-line:before { content: "\f019"; }
.ri-polaroid-2-fill:before { content: "\f01a"; }
.ri-polaroid-2-line:before { content: "\f01b"; }
.ri-polaroid-fill:before { content: "\f01c"; }
.ri-polaroid-line:before { content: "\f01d"; }
.ri-police-car-fill:before { content: "\f01e"; }
.ri-police-car-line:before { content: "\f01f"; }
.ri-price-tag-2-fill:before { content: "\f020"; }
.ri-price-tag-2-line:before { content: "\f021"; }
.ri-price-tag-3-fill:before { content: "\f022"; }
.ri-price-tag-3-line:before { content: "\f023"; }
.ri-price-tag-fill:before { content: "\f024"; }
.ri-price-tag-line:before { content: "\f025"; }
.ri-printer-cloud-fill:before { content: "\f026"; }
.ri-printer-cloud-line:before { content: "\f027"; }
.ri-printer-fill:before { content: "\f028"; }
.ri-printer-line:before { content: "\f029"; }
.ri-product-hunt-fill:before { content: "\f02a"; }
.ri-product-hunt-line:before { content: "\f02b"; }
.ri-profile-fill:before { content: "\f02c"; }
.ri-profile-line:before { content: "\f02d"; }
.ri-projector-2-fill:before { content: "\f02e"; }
.ri-projector-2-line:before { content: "\f02f"; }
.ri-projector-fill:before { content: "\f030"; }
.ri-projector-line:before { content: "\f031"; }
.ri-psychotherapy-fill:before { content: "\f032"; }
.ri-psychotherapy-line:before { content: "\f033"; }
.ri-pulse-fill:before { content: "\f034"; }
.ri-pulse-line:before { content: "\f035"; }
.ri-pushpin-2-fill:before { content: "\f036"; }
.ri-pushpin-2-line:before { content: "\f037"; }
.ri-pushpin-fill:before { content: "\f038"; }
.ri-pushpin-line:before { content: "\f039"; }
.ri-qq-fill:before { content: "\f03a"; }
.ri-qq-line:before { content: "\f03b"; }
.ri-qr-code-fill:before { content: "\f03c"; }
.ri-qr-code-line:before { content: "\f03d"; }
.ri-qr-scan-2-fill:before { content: "\f03e"; }
.ri-qr-scan-2-line:before { content: "\f03f"; }
.ri-qr-scan-fill:before { content: "\f040"; }
.ri-qr-scan-line:before { content: "\f041"; }
.ri-question-answer-fill:before { content: "\f042"; }
.ri-question-answer-line:before { content: "\f043"; }
.ri-question-fill:before { content: "\f044"; }
.ri-question-line:before { content: "\f045"; }
.ri-question-mark:before { content: "\f046"; }
.ri-questionnaire-fill:before { content: "\f047"; }
.ri-questionnaire-line:before { content: "\f048"; }
.ri-quill-pen-fill:before { content: "\f049"; }
.ri-quill-pen-line:before { content: "\f04a"; }
.ri-radar-fill:before { content: "\f04b"; }
.ri-radar-line:before { content: "\f04c"; }
.ri-radio-2-fill:before { content: "\f04d"; }
.ri-radio-2-line:before { content: "\f04e"; }
.ri-radio-button-fill:before { content: "\f04f"; }
.ri-radio-button-line:before { content: "\f050"; }
.ri-radio-fill:before { content: "\f051"; }
.ri-radio-line:before { content: "\f052"; }
.ri-rainbow-fill:before { content: "\f053"; }
.ri-rainbow-line:before { content: "\f054"; }
.ri-rainy-fill:before { content: "\f055"; }
.ri-rainy-line:before { content: "\f056"; }
.ri-reactjs-fill:before { content: "\f057"; }
.ri-reactjs-line:before { content: "\f058"; }
.ri-record-circle-fill:before { content: "\f059"; }
.ri-record-circle-line:before { content: "\f05a"; }
.ri-record-mail-fill:before { content: "\f05b"; }
.ri-record-mail-line:before { content: "\f05c"; }
.ri-recycle-fill:before { content: "\f05d"; }
.ri-recycle-line:before { content: "\f05e"; }
.ri-red-packet-fill:before { content: "\f05f"; }
.ri-red-packet-line:before { content: "\f060"; }
.ri-reddit-fill:before { content: "\f061"; }
.ri-reddit-line:before { content: "\f062"; }
.ri-refresh-fill:before { content: "\f063"; }
.ri-refresh-line:before { content: "\f064"; }
.ri-refund-2-fill:before { content: "\f065"; }
.ri-refund-2-line:before { content: "\f066"; }
.ri-refund-fill:before { content: "\f067"; }
.ri-refund-line:before { content: "\f068"; }
.ri-registered-fill:before { content: "\f069"; }
.ri-registered-line:before { content: "\f06a"; }
.ri-remixicon-fill:before { content: "\f06b"; }
.ri-remixicon-line:before { content: "\f06c"; }
.ri-remote-control-2-fill:before { content: "\f06d"; }
.ri-remote-control-2-line:before { content: "\f06e"; }
.ri-remote-control-fill:before { content: "\f06f"; }
.ri-remote-control-line:before { content: "\f070"; }
.ri-repeat-2-fill:before { content: "\f071"; }
.ri-repeat-2-line:before { content: "\f072"; }
.ri-repeat-fill:before { content: "\f073"; }
.ri-repeat-line:before { content: "\f074"; }
.ri-repeat-one-fill:before { content: "\f075"; }
.ri-repeat-one-line:before { content: "\f076"; }
.ri-reply-all-fill:before { content: "\f077"; }
.ri-reply-all-line:before { content: "\f078"; }
.ri-reply-fill:before { content: "\f079"; }
.ri-reply-line:before { content: "\f07a"; }
.ri-reserved-fill:before { content: "\f07b"; }
.ri-reserved-line:before { content: "\f07c"; }
.ri-rest-time-fill:before { content: "\f07d"; }
.ri-rest-time-line:before { content: "\f07e"; }
.ri-restart-fill:before { content: "\f07f"; }
.ri-restart-line:before { content: "\f080"; }
.ri-restaurant-2-fill:before { content: "\f081"; }
.ri-restaurant-2-line:before { content: "\f082"; }
.ri-restaurant-fill:before { content: "\f083"; }
.ri-restaurant-line:before { content: "\f084"; }
.ri-rewind-fill:before { content: "\f085"; }
.ri-rewind-line:before { content: "\f086"; }
.ri-rewind-mini-fill:before { content: "\f087"; }
.ri-rewind-mini-line:before { content: "\f088"; }
.ri-rhythm-fill:before { content: "\f089"; }
.ri-rhythm-line:before { content: "\f08a"; }
.ri-riding-fill:before { content: "\f08b"; }
.ri-riding-line:before { content: "\f08c"; }
.ri-road-map-fill:before { content: "\f08d"; }
.ri-road-map-line:before { content: "\f08e"; }
.ri-roadster-fill:before { content: "\f08f"; }
.ri-roadster-line:before { content: "\f090"; }
.ri-robot-fill:before { content: "\f091"; }
.ri-robot-line:before { content: "\f092"; }
.ri-rocket-2-fill:before { content: "\f093"; }
.ri-rocket-2-line:before { content: "\f094"; }
.ri-rocket-fill:before { content: "\f095"; }
.ri-rocket-line:before { content: "\f096"; }
.ri-rotate-lock-fill:before { content: "\f097"; }
.ri-rotate-lock-line:before { content: "\f098"; }
.ri-rounded-corner:before { content: "\f099"; }
.ri-route-fill:before { content: "\f09a"; }
.ri-route-line:before { content: "\f09b"; }
.ri-router-fill:before { content: "\f09c"; }
.ri-router-line:before { content: "\f09d"; }
.ri-rss-fill:before { content: "\f09e"; }
.ri-rss-line:before { content: "\f09f"; }
.ri-ruler-2-fill:before { content: "\f0a0"; }
.ri-ruler-2-line:before { content: "\f0a1"; }
.ri-ruler-fill:before { content: "\f0a2"; }
.ri-ruler-line:before { content: "\f0a3"; }
.ri-run-fill:before { content: "\f0a4"; }
.ri-run-line:before { content: "\f0a5"; }
.ri-safari-fill:before { content: "\f0a6"; }
.ri-safari-line:before { content: "\f0a7"; }
.ri-safe-2-fill:before { content: "\f0a8"; }
.ri-safe-2-line:before { content: "\f0a9"; }
.ri-safe-fill:before { content: "\f0aa"; }
.ri-safe-line:before { content: "\f0ab"; }
.ri-sailboat-fill:before { content: "\f0ac"; }
.ri-sailboat-line:before { content: "\f0ad"; }
.ri-save-2-fill:before { content: "\f0ae"; }
.ri-save-2-line:before { content: "\f0af"; }
.ri-save-3-fill:before { content: "\f0b0"; }
.ri-save-3-line:before { content: "\f0b1"; }
.ri-save-fill:before { content: "\f0b2"; }
.ri-save-line:before { content: "\f0b3"; }
.ri-scales-2-fill:before { content: "\f0b4"; }
.ri-scales-2-line:before { content: "\f0b5"; }
.ri-scales-3-fill:before { content: "\f0b6"; }
.ri-scales-3-line:before { content: "\f0b7"; }
.ri-scales-fill:before { content: "\f0b8"; }
.ri-scales-line:before { content: "\f0b9"; }
.ri-scan-2-fill:before { content: "\f0ba"; }
.ri-scan-2-line:before { content: "\f0bb"; }
.ri-scan-fill:before { content: "\f0bc"; }
.ri-scan-line:before { content: "\f0bd"; }
.ri-scissors-2-fill:before { content: "\f0be"; }
.ri-scissors-2-line:before { content: "\f0bf"; }
.ri-scissors-cut-fill:before { content: "\f0c0"; }
.ri-scissors-cut-line:before { content: "\f0c1"; }
.ri-scissors-fill:before { content: "\f0c2"; }
.ri-scissors-line:before { content: "\f0c3"; }
.ri-screenshot-2-fill:before { content: "\f0c4"; }
.ri-screenshot-2-line:before { content: "\f0c5"; }
.ri-screenshot-fill:before { content: "\f0c6"; }
.ri-screenshot-line:before { content: "\f0c7"; }
.ri-sd-card-fill:before { content: "\f0c8"; }
.ri-sd-card-line:before { content: "\f0c9"; }
.ri-sd-card-mini-fill:before { content: "\f0ca"; }
.ri-sd-card-mini-line:before { content: "\f0cb"; }
.ri-search-2-fill:before { content: "\f0cc"; }
.ri-search-2-line:before { content: "\f0cd"; }
.ri-search-eye-fill:before { content: "\f0ce"; }
.ri-search-eye-line:before { content: "\f0cf"; }
.ri-search-fill:before { content: "\f0d0"; }
.ri-search-line:before { content: "\f0d1"; }
.ri-secure-payment-fill:before { content: "\f0d2"; }
.ri-secure-payment-line:before { content: "\f0d3"; }
.ri-seedling-fill:before { content: "\f0d4"; }
.ri-seedling-line:before { content: "\f0d5"; }
.ri-send-backward:before { content: "\f0d6"; }
.ri-send-plane-2-fill:before { content: "\f0d7"; }
.ri-send-plane-2-line:before { content: "\f0d8"; }
.ri-send-plane-fill:before { content: "\f0d9"; }
.ri-send-plane-line:before { content: "\f0da"; }
.ri-send-to-back:before { content: "\f0db"; }
.ri-sensor-fill:before { content: "\f0dc"; }
.ri-sensor-line:before { content: "\f0dd"; }
.ri-separator:before { content: "\f0de"; }
.ri-server-fill:before { content: "\f0df"; }
.ri-server-line:before { content: "\f0e0"; }
.ri-service-fill:before { content: "\f0e1"; }
.ri-service-line:before { content: "\f0e2"; }
.ri-settings-2-fill:before { content: "\f0e3"; }
.ri-settings-2-line:before { content: "\f0e4"; }
.ri-settings-3-fill:before { content: "\f0e5"; }
.ri-settings-3-line:before { content: "\f0e6"; }
.ri-settings-4-fill:before { content: "\f0e7"; }
.ri-settings-4-line:before { content: "\f0e8"; }
.ri-settings-5-fill:before { content: "\f0e9"; }
.ri-settings-5-line:before { content: "\f0ea"; }
.ri-settings-6-fill:before { content: "\f0eb"; }
.ri-settings-6-line:before { content: "\f0ec"; }
.ri-settings-fill:before { content: "\f0ed"; }
.ri-settings-line:before { content: "\f0ee"; }
.ri-shape-2-fill:before { content: "\f0ef"; }
.ri-shape-2-line:before { content: "\f0f0"; }
.ri-shape-fill:before { content: "\f0f1"; }
.ri-shape-line:before { content: "\f0f2"; }
.ri-share-box-fill:before { content: "\f0f3"; }
.ri-share-box-line:before { content: "\f0f4"; }
.ri-share-circle-fill:before { content: "\f0f5"; }
.ri-share-circle-line:before { content: "\f0f6"; }
.ri-share-fill:before { content: "\f0f7"; }
.ri-share-forward-2-fill:before { content: "\f0f8"; }
.ri-share-forward-2-line:before { content: "\f0f9"; }
.ri-share-forward-box-fill:before { content: "\f0fa"; }
.ri-share-forward-box-line:before { content: "\f0fb"; }
.ri-share-forward-fill:before { content: "\f0fc"; }
.ri-share-forward-line:before { content: "\f0fd"; }
.ri-share-line:before { content: "\f0fe"; }
.ri-shield-check-fill:before { content: "\f0ff"; }
.ri-shield-check-line:before { content: "\f100"; }
.ri-shield-cross-fill:before { content: "\f101"; }
.ri-shield-cross-line:before { content: "\f102"; }
.ri-shield-fill:before { content: "\f103"; }
.ri-shield-flash-fill:before { content: "\f104"; }
.ri-shield-flash-line:before { content: "\f105"; }
.ri-shield-keyhole-fill:before { content: "\f106"; }
.ri-shield-keyhole-line:before { content: "\f107"; }
.ri-shield-line:before { content: "\f108"; }
.ri-shield-star-fill:before { content: "\f109"; }
.ri-shield-star-line:before { content: "\f10a"; }
.ri-shield-user-fill:before { content: "\f10b"; }
.ri-shield-user-line:before { content: "\f10c"; }
.ri-ship-2-fill:before { content: "\f10d"; }
.ri-ship-2-line:before { content: "\f10e"; }
.ri-ship-fill:before { content: "\f10f"; }
.ri-ship-line:before { content: "\f110"; }
.ri-shirt-fill:before { content: "\f111"; }
.ri-shirt-line:before { content: "\f112"; }
.ri-shopping-bag-2-fill:before { content: "\f113"; }
.ri-shopping-bag-2-line:before { content: "\f114"; }
.ri-shopping-bag-3-fill:before { content: "\f115"; }
.ri-shopping-bag-3-line:before { content: "\f116"; }
.ri-shopping-bag-fill:before { content: "\f117"; }
.ri-shopping-bag-line:before { content: "\f118"; }
.ri-shopping-basket-2-fill:before { content: "\f119"; }
.ri-shopping-basket-2-line:before { content: "\f11a"; }
.ri-shopping-basket-fill:before { content: "\f11b"; }
.ri-shopping-basket-line:before { content: "\f11c"; }
.ri-shopping-cart-2-fill:before { content: "\f11d"; }
.ri-shopping-cart-2-line:before { content: "\f11e"; }
.ri-shopping-cart-fill:before { content: "\f11f"; }
.ri-shopping-cart-line:before { content: "\f120"; }
.ri-showers-fill:before { content: "\f121"; }
.ri-showers-line:before { content: "\f122"; }
.ri-shuffle-fill:before { content: "\f123"; }
.ri-shuffle-line:before { content: "\f124"; }
.ri-shut-down-fill:before { content: "\f125"; }
.ri-shut-down-line:before { content: "\f126"; }
.ri-side-bar-fill:before { content: "\f127"; }
.ri-side-bar-line:before { content: "\f128"; }
.ri-signal-tower-fill:before { content: "\f129"; }
.ri-signal-tower-line:before { content: "\f12a"; }
.ri-signal-wifi-1-fill:before { content: "\f12b"; }
.ri-signal-wifi-1-line:before { content: "\f12c"; }
.ri-signal-wifi-2-fill:before { content: "\f12d"; }
.ri-signal-wifi-2-line:before { content: "\f12e"; }
.ri-signal-wifi-3-fill:before { content: "\f12f"; }
.ri-signal-wifi-3-line:before { content: "\f130"; }
.ri-signal-wifi-error-fill:before { content: "\f131"; }
.ri-signal-wifi-error-line:before { content: "\f132"; }
.ri-signal-wifi-fill:before { content: "\f133"; }
.ri-signal-wifi-line:before { content: "\f134"; }
.ri-signal-wifi-off-fill:before { content: "\f135"; }
.ri-signal-wifi-off-line:before { content: "\f136"; }
.ri-sim-card-2-fill:before { content: "\f137"; }
.ri-sim-card-2-line:before { content: "\f138"; }
.ri-sim-card-fill:before { content: "\f139"; }
.ri-sim-card-line:before { content: "\f13a"; }
.ri-single-quotes-l:before { content: "\f13b"; }
.ri-single-quotes-r:before { content: "\f13c"; }
.ri-sip-fill:before { content: "\f13d"; }
.ri-sip-line:before { content: "\f13e"; }
.ri-skip-back-fill:before { content: "\f13f"; }
.ri-skip-back-line:before { content: "\f140"; }
.ri-skip-back-mini-fill:before { content: "\f141"; }
.ri-skip-back-mini-line:before { content: "\f142"; }
.ri-skip-forward-fill:before { content: "\f143"; }
.ri-skip-forward-line:before { content: "\f144"; }
.ri-skip-forward-mini-fill:before { content: "\f145"; }
.ri-skip-forward-mini-line:before { content: "\f146"; }
.ri-skull-2-fill:before { content: "\f147"; }
.ri-skull-2-line:before { content: "\f148"; }
.ri-skull-fill:before { content: "\f149"; }
.ri-skull-line:before { content: "\f14a"; }
.ri-skype-fill:before { content: "\f14b"; }
.ri-skype-line:before { content: "\f14c"; }
.ri-slack-fill:before { content: "\f14d"; }
.ri-slack-line:before { content: "\f14e"; }
.ri-slice-fill:before { content: "\f14f"; }
.ri-slice-line:before { content: "\f150"; }
.ri-slideshow-2-fill:before { content: "\f151"; }
.ri-slideshow-2-line:before { content: "\f152"; }
.ri-slideshow-3-fill:before { content: "\f153"; }
.ri-slideshow-3-line:before { content: "\f154"; }
.ri-slideshow-4-fill:before { content: "\f155"; }
.ri-slideshow-4-line:before { content: "\f156"; }
.ri-slideshow-fill:before { content: "\f157"; }
.ri-slideshow-line:before { content: "\f158"; }
.ri-smartphone-fill:before { content: "\f159"; }
.ri-smartphone-line:before { content: "\f15a"; }
.ri-snapchat-fill:before { content: "\f15b"; }
.ri-snapchat-line:before { content: "\f15c"; }
.ri-snowy-fill:before { content: "\f15d"; }
.ri-snowy-line:before { content: "\f15e"; }
.ri-sort-asc:before { content: "\f15f"; }
.ri-sort-desc:before { content: "\f160"; }
.ri-sound-module-fill:before { content: "\f161"; }
.ri-sound-module-line:before { content: "\f162"; }
.ri-soundcloud-fill:before { content: "\f163"; }
.ri-soundcloud-line:before { content: "\f164"; }
.ri-space-ship-fill:before { content: "\f165"; }
.ri-space-ship-line:before { content: "\f166"; }
.ri-space:before { content: "\f167"; }
.ri-spam-2-fill:before { content: "\f168"; }
.ri-spam-2-line:before { content: "\f169"; }
.ri-spam-3-fill:before { content: "\f16a"; }
.ri-spam-3-line:before { content: "\f16b"; }
.ri-spam-fill:before { content: "\f16c"; }
.ri-spam-line:before { content: "\f16d"; }
.ri-speaker-2-fill:before { content: "\f16e"; }
.ri-speaker-2-line:before { content: "\f16f"; }
.ri-speaker-3-fill:before { content: "\f170"; }
.ri-speaker-3-line:before { content: "\f171"; }
.ri-speaker-fill:before { content: "\f172"; }
.ri-speaker-line:before { content: "\f173"; }
.ri-spectrum-fill:before { content: "\f174"; }
.ri-spectrum-line:before { content: "\f175"; }
.ri-speed-fill:before { content: "\f176"; }
.ri-speed-line:before { content: "\f177"; }
.ri-speed-mini-fill:before { content: "\f178"; }
.ri-speed-mini-line:before { content: "\f179"; }
.ri-split-cells-horizontal:before { content: "\f17a"; }
.ri-split-cells-vertical:before { content: "\f17b"; }
.ri-spotify-fill:before { content: "\f17c"; }
.ri-spotify-line:before { content: "\f17d"; }
.ri-spy-fill:before { content: "\f17e"; }
.ri-spy-line:before { content: "\f17f"; }
.ri-stack-fill:before { content: "\f180"; }
.ri-stack-line:before { content: "\f181"; }
.ri-stack-overflow-fill:before { content: "\f182"; }
.ri-stack-overflow-line:before { content: "\f183"; }
.ri-stackshare-fill:before { content: "\f184"; }
.ri-stackshare-line:before { content: "\f185"; }
.ri-star-fill:before { content: "\f186"; }
.ri-star-half-fill:before { content: "\f187"; }
.ri-star-half-line:before { content: "\f188"; }
.ri-star-half-s-fill:before { content: "\f189"; }
.ri-star-half-s-line:before { content: "\f18a"; }
.ri-star-line:before { content: "\f18b"; }
.ri-star-s-fill:before { content: "\f18c"; }
.ri-star-s-line:before { content: "\f18d"; }
.ri-star-smile-fill:before { content: "\f18e"; }
.ri-star-smile-line:before { content: "\f18f"; }
.ri-steam-fill:before { content: "\f190"; }
.ri-steam-line:before { content: "\f191"; }
.ri-steering-2-fill:before { content: "\f192"; }
.ri-steering-2-line:before { content: "\f193"; }
.ri-steering-fill:before { content: "\f194"; }
.ri-steering-line:before { content: "\f195"; }
.ri-stethoscope-fill:before { content: "\f196"; }
.ri-stethoscope-line:before { content: "\f197"; }
.ri-sticky-note-2-fill:before { content: "\f198"; }
.ri-sticky-note-2-line:before { content: "\f199"; }
.ri-sticky-note-fill:before { content: "\f19a"; }
.ri-sticky-note-line:before { content: "\f19b"; }
.ri-stock-fill:before { content: "\f19c"; }
.ri-stock-line:before { content: "\f19d"; }
.ri-stop-circle-fill:before { content: "\f19e"; }
.ri-stop-circle-line:before { content: "\f19f"; }
.ri-stop-fill:before { content: "\f1a0"; }
.ri-stop-line:before { content: "\f1a1"; }
.ri-stop-mini-fill:before { content: "\f1a2"; }
.ri-stop-mini-line:before { content: "\f1a3"; }
.ri-store-2-fill:before { content: "\f1a4"; }
.ri-store-2-line:before { content: "\f1a5"; }
.ri-store-3-fill:before { content: "\f1a6"; }
.ri-store-3-line:before { content: "\f1a7"; }
.ri-store-fill:before { content: "\f1a8"; }
.ri-store-line:before { content: "\f1a9"; }
.ri-strikethrough-2:before { content: "\f1aa"; }
.ri-strikethrough:before { content: "\f1ab"; }
.ri-subscript-2:before { content: "\f1ac"; }
.ri-subscript:before { content: "\f1ad"; }
.ri-subtract-fill:before { content: "\f1ae"; }
.ri-subtract-line:before { content: "\f1af"; }
.ri-subway-fill:before { content: "\f1b0"; }
.ri-subway-line:before { content: "\f1b1"; }
.ri-subway-wifi-fill:before { content: "\f1b2"; }
.ri-subway-wifi-line:before { content: "\f1b3"; }
.ri-suitcase-2-fill:before { content: "\f1b4"; }
.ri-suitcase-2-line:before { content: "\f1b5"; }
.ri-suitcase-3-fill:before { content: "\f1b6"; }
.ri-suitcase-3-line:before { content: "\f1b7"; }
.ri-suitcase-fill:before { content: "\f1b8"; }
.ri-suitcase-line:before { content: "\f1b9"; }
.ri-sun-cloudy-fill:before { content: "\f1ba"; }
.ri-sun-cloudy-line:before { content: "\f1bb"; }
.ri-sun-fill:before { content: "\f1bc"; }
.ri-sun-foggy-fill:before { content: "\f1bd"; }
.ri-sun-foggy-line:before { content: "\f1be"; }
.ri-sun-line:before { content: "\f1bf"; }
.ri-superscript-2:before { content: "\f1c0"; }
.ri-superscript:before { content: "\f1c1"; }
.ri-surgical-mask-fill:before { content: "\f1c2"; }
.ri-surgical-mask-line:before { content: "\f1c3"; }
.ri-surround-sound-fill:before { content: "\f1c4"; }
.ri-surround-sound-line:before { content: "\f1c5"; }
.ri-survey-fill:before { content: "\f1c6"; }
.ri-survey-line:before { content: "\f1c7"; }
.ri-swap-box-fill:before { content: "\f1c8"; }
.ri-swap-box-line:before { content: "\f1c9"; }
.ri-swap-fill:before { content: "\f1ca"; }
.ri-swap-line:before { content: "\f1cb"; }
.ri-switch-fill:before { content: "\f1cc"; }
.ri-switch-line:before { content: "\f1cd"; }
.ri-sword-fill:before { content: "\f1ce"; }
.ri-sword-line:before { content: "\f1cf"; }
.ri-syringe-fill:before { content: "\f1d0"; }
.ri-syringe-line:before { content: "\f1d1"; }
.ri-t-box-fill:before { content: "\f1d2"; }
.ri-t-box-line:before { content: "\f1d3"; }
.ri-t-shirt-2-fill:before { content: "\f1d4"; }
.ri-t-shirt-2-line:before { content: "\f1d5"; }
.ri-t-shirt-air-fill:before { content: "\f1d6"; }
.ri-t-shirt-air-line:before { content: "\f1d7"; }
.ri-t-shirt-fill:before { content: "\f1d8"; }
.ri-t-shirt-line:before { content: "\f1d9"; }
.ri-table-2:before { content: "\f1da"; }
.ri-table-alt-fill:before { content: "\f1db"; }
.ri-table-alt-line:before { content: "\f1dc"; }
.ri-table-fill:before { content: "\f1dd"; }
.ri-table-line:before { content: "\f1de"; }
.ri-tablet-fill:before { content: "\f1df"; }
.ri-tablet-line:before { content: "\f1e0"; }
.ri-takeaway-fill:before { content: "\f1e1"; }
.ri-takeaway-line:before { content: "\f1e2"; }
.ri-taobao-fill:before { content: "\f1e3"; }
.ri-taobao-line:before { content: "\f1e4"; }
.ri-tape-fill:before { content: "\f1e5"; }
.ri-tape-line:before { content: "\f1e6"; }
.ri-task-fill:before { content: "\f1e7"; }
.ri-task-line:before { content: "\f1e8"; }
.ri-taxi-fill:before { content: "\f1e9"; }
.ri-taxi-line:before { content: "\f1ea"; }
.ri-taxi-wifi-fill:before { content: "\f1eb"; }
.ri-taxi-wifi-line:before { content: "\f1ec"; }
.ri-team-fill:before { content: "\f1ed"; }
.ri-team-line:before { content: "\f1ee"; }
.ri-telegram-fill:before { content: "\f1ef"; }
.ri-telegram-line:before { content: "\f1f0"; }
.ri-temp-cold-fill:before { content: "\f1f1"; }
.ri-temp-cold-line:before { content: "\f1f2"; }
.ri-temp-hot-fill:before { content: "\f1f3"; }
.ri-temp-hot-line:before { content: "\f1f4"; }
.ri-terminal-box-fill:before { content: "\f1f5"; }
.ri-terminal-box-line:before { content: "\f1f6"; }
.ri-terminal-fill:before { content: "\f1f7"; }
.ri-terminal-line:before { content: "\f1f8"; }
.ri-terminal-window-fill:before { content: "\f1f9"; }
.ri-terminal-window-line:before { content: "\f1fa"; }
.ri-test-tube-fill:before { content: "\f1fb"; }
.ri-test-tube-line:before { content: "\f1fc"; }
.ri-text-direction-l:before { content: "\f1fd"; }
.ri-text-direction-r:before { content: "\f1fe"; }
.ri-text-spacing:before { content: "\f1ff"; }
.ri-text-wrap:before { content: "\f200"; }
.ri-text:before { content: "\f201"; }
.ri-thermometer-fill:before { content: "\f202"; }
.ri-thermometer-line:before { content: "\f203"; }
.ri-thumb-down-fill:before { content: "\f204"; }
.ri-thumb-down-line:before { content: "\f205"; }
.ri-thumb-up-fill:before { content: "\f206"; }
.ri-thumb-up-line:before { content: "\f207"; }
.ri-thunderstorms-fill:before { content: "\f208"; }
.ri-thunderstorms-line:before { content: "\f209"; }
.ri-ticket-2-fill:before { content: "\f20a"; }
.ri-ticket-2-line:before { content: "\f20b"; }
.ri-ticket-fill:before { content: "\f20c"; }
.ri-ticket-line:before { content: "\f20d"; }
.ri-time-fill:before { content: "\f20e"; }
.ri-time-line:before { content: "\f20f"; }
.ri-timer-2-fill:before { content: "\f210"; }
.ri-timer-2-line:before { content: "\f211"; }
.ri-timer-fill:before { content: "\f212"; }
.ri-timer-flash-fill:before { content: "\f213"; }
.ri-timer-flash-line:before { content: "\f214"; }
.ri-timer-line:before { content: "\f215"; }
.ri-todo-fill:before { content: "\f216"; }
.ri-todo-line:before { content: "\f217"; }
.ri-toggle-fill:before { content: "\f218"; }
.ri-toggle-line:before { content: "\f219"; }
.ri-tools-fill:before { content: "\f21a"; }
.ri-tools-line:before { content: "\f21b"; }
.ri-tornado-fill:before { content: "\f21c"; }
.ri-tornado-line:before { content: "\f21d"; }
.ri-trademark-fill:before { content: "\f21e"; }
.ri-trademark-line:before { content: "\f21f"; }
.ri-traffic-light-fill:before { content: "\f220"; }
.ri-traffic-light-line:before { content: "\f221"; }
.ri-train-fill:before { content: "\f222"; }
.ri-train-line:before { content: "\f223"; }
.ri-train-wifi-fill:before { content: "\f224"; }
.ri-train-wifi-line:before { content: "\f225"; }
.ri-translate-2:before { content: "\f226"; }
.ri-translate:before { content: "\f227"; }
.ri-travesti-fill:before { content: "\f228"; }
.ri-travesti-line:before { content: "\f229"; }
.ri-treasure-map-fill:before { content: "\f22a"; }
.ri-treasure-map-line:before { content: "\f22b"; }
.ri-trello-fill:before { content: "\f22c"; }
.ri-trello-line:before { content: "\f22d"; }
.ri-trophy-fill:before { content: "\f22e"; }
.ri-trophy-line:before { content: "\f22f"; }
.ri-truck-fill:before { content: "\f230"; }
.ri-truck-line:before { content: "\f231"; }
.ri-tumblr-fill:before { content: "\f232"; }
.ri-tumblr-line:before { content: "\f233"; }
.ri-tv-2-fill:before { content: "\f234"; }
.ri-tv-2-line:before { content: "\f235"; }
.ri-tv-fill:before { content: "\f236"; }
.ri-tv-line:before { content: "\f237"; }
.ri-twitch-fill:before { content: "\f238"; }
.ri-twitch-line:before { content: "\f239"; }
.ri-twitter-fill:before { content: "\f23a"; }
.ri-twitter-line:before { content: "\f23b"; }
.ri-typhoon-fill:before { content: "\f23c"; }
.ri-typhoon-line:before { content: "\f23d"; }
.ri-u-disk-fill:before { content: "\f23e"; }
.ri-u-disk-line:before { content: "\f23f"; }
.ri-ubuntu-fill:before { content: "\f240"; }
.ri-ubuntu-line:before { content: "\f241"; }
.ri-umbrella-fill:before { content: "\f242"; }
.ri-umbrella-line:before { content: "\f243"; }
.ri-underline:before { content: "\f244"; }
.ri-uninstall-fill:before { content: "\f245"; }
.ri-uninstall-line:before { content: "\f246"; }
.ri-unsplash-fill:before { content: "\f247"; }
.ri-unsplash-line:before { content: "\f248"; }
.ri-upload-2-fill:before { content: "\f249"; }
.ri-upload-2-line:before { content: "\f24a"; }
.ri-upload-cloud-2-fill:before { content: "\f24b"; }
.ri-upload-cloud-2-line:before { content: "\f24c"; }
.ri-upload-cloud-fill:before { content: "\f24d"; }
.ri-upload-cloud-line:before { content: "\f24e"; }
.ri-upload-fill:before { content: "\f24f"; }
.ri-upload-line:before { content: "\f250"; }
.ri-usb-fill:before { content: "\f251"; }
.ri-usb-line:before { content: "\f252"; }
.ri-user-2-fill:before { content: "\f253"; }
.ri-user-2-line:before { content: "\f254"; }
.ri-user-3-fill:before { content: "\f255"; }
.ri-user-3-line:before { content: "\f256"; }
.ri-user-4-fill:before { content: "\f257"; }
.ri-user-4-line:before { content: "\f258"; }
.ri-user-5-fill:before { content: "\f259"; }
.ri-user-5-line:before { content: "\f25a"; }
.ri-user-6-fill:before { content: "\f25b"; }
.ri-user-6-line:before { content: "\f25c"; }
.ri-user-add-fill:before { content: "\f25d"; }
.ri-user-add-line:before { content: "\f25e"; }
.ri-user-fill:before { content: "\f25f"; }
.ri-user-follow-fill:before { content: "\f260"; }
.ri-user-follow-line:before { content: "\f261"; }
.ri-user-heart-fill:before { content: "\f262"; }
.ri-user-heart-line:before { content: "\f263"; }
.ri-user-line:before { content: "\f264"; }
.ri-user-location-fill:before { content: "\f265"; }
.ri-user-location-line:before { content: "\f266"; }
.ri-user-received-2-fill:before { content: "\f267"; }
.ri-user-received-2-line:before { content: "\f268"; }
.ri-user-received-fill:before { content: "\f269"; }
.ri-user-received-line:before { content: "\f26a"; }
.ri-user-search-fill:before { content: "\f26b"; }
.ri-user-search-line:before { content: "\f26c"; }
.ri-user-settings-fill:before { content: "\f26d"; }
.ri-user-settings-line:before { content: "\f26e"; }
.ri-user-shared-2-fill:before { content: "\f26f"; }
.ri-user-shared-2-line:before { content: "\f270"; }
.ri-user-shared-fill:before { content: "\f271"; }
.ri-user-shared-line:before { content: "\f272"; }
.ri-user-smile-fill:before { content: "\f273"; }
.ri-user-smile-line:before { content: "\f274"; }
.ri-user-star-fill:before { content: "\f275"; }
.ri-user-star-line:before { content: "\f276"; }
.ri-user-unfollow-fill:before { content: "\f277"; }
.ri-user-unfollow-line:before { content: "\f278"; }
.ri-user-voice-fill:before { content: "\f279"; }
.ri-user-voice-line:before { content: "\f27a"; }
.ri-video-add-fill:before { content: "\f27b"; }
.ri-video-add-line:before { content: "\f27c"; }
.ri-video-chat-fill:before { content: "\f27d"; }
.ri-video-chat-line:before { content: "\f27e"; }
.ri-video-download-fill:before { content: "\f27f"; }
.ri-video-download-line:before { content: "\f280"; }
.ri-video-fill:before { content: "\f281"; }
.ri-video-line:before { content: "\f282"; }
.ri-video-upload-fill:before { content: "\f283"; }
.ri-video-upload-line:before { content: "\f284"; }
.ri-vidicon-2-fill:before { content: "\f285"; }
.ri-vidicon-2-line:before { content: "\f286"; }
.ri-vidicon-fill:before { content: "\f287"; }
.ri-vidicon-line:before { content: "\f288"; }
.ri-vimeo-fill:before { content: "\f289"; }
.ri-vimeo-line:before { content: "\f28a"; }
.ri-vip-crown-2-fill:before { content: "\f28b"; }
.ri-vip-crown-2-line:before { content: "\f28c"; }
.ri-vip-crown-fill:before { content: "\f28d"; }
.ri-vip-crown-line:before { content: "\f28e"; }
.ri-vip-diamond-fill:before { content: "\f28f"; }
.ri-vip-diamond-line:before { content: "\f290"; }
.ri-vip-fill:before { content: "\f291"; }
.ri-vip-line:before { content: "\f292"; }
.ri-virus-fill:before { content: "\f293"; }
.ri-virus-line:before { content: "\f294"; }
.ri-visa-fill:before { content: "\f295"; }
.ri-visa-line:before { content: "\f296"; }
.ri-voice-recognition-fill:before { content: "\f297"; }
.ri-voice-recognition-line:before { content: "\f298"; }
.ri-voiceprint-fill:before { content: "\f299"; }
.ri-voiceprint-line:before { content: "\f29a"; }
.ri-volume-down-fill:before { content: "\f29b"; }
.ri-volume-down-line:before { content: "\f29c"; }
.ri-volume-mute-fill:before { content: "\f29d"; }
.ri-volume-mute-line:before { content: "\f29e"; }
.ri-volume-off-vibrate-fill:before { content: "\f29f"; }
.ri-volume-off-vibrate-line:before { content: "\f2a0"; }
.ri-volume-up-fill:before { content: "\f2a1"; }
.ri-volume-up-line:before { content: "\f2a2"; }
.ri-volume-vibrate-fill:before { content: "\f2a3"; }
.ri-volume-vibrate-line:before { content: "\f2a4"; }
.ri-vuejs-fill:before { content: "\f2a5"; }
.ri-vuejs-line:before { content: "\f2a6"; }
.ri-walk-fill:before { content: "\f2a7"; }
.ri-walk-line:before { content: "\f2a8"; }
.ri-wallet-2-fill:before { content: "\f2a9"; }
.ri-wallet-2-line:before { content: "\f2aa"; }
.ri-wallet-3-fill:before { content: "\f2ab"; }
.ri-wallet-3-line:before { content: "\f2ac"; }
.ri-wallet-fill:before { content: "\f2ad"; }
.ri-wallet-line:before { content: "\f2ae"; }
.ri-water-flash-fill:before { content: "\f2af"; }
.ri-water-flash-line:before { content: "\f2b0"; }
.ri-webcam-fill:before { content: "\f2b1"; }
.ri-webcam-line:before { content: "\f2b2"; }
.ri-wechat-2-fill:before { content: "\f2b3"; }
.ri-wechat-2-line:before { content: "\f2b4"; }
.ri-wechat-fill:before { content: "\f2b5"; }
.ri-wechat-line:before { content: "\f2b6"; }
.ri-wechat-pay-fill:before { content: "\f2b7"; }
.ri-wechat-pay-line:before { content: "\f2b8"; }
.ri-weibo-fill:before { content: "\f2b9"; }
.ri-weibo-line:before { content: "\f2ba"; }
.ri-whatsapp-fill:before { content: "\f2bb"; }
.ri-whatsapp-line:before { content: "\f2bc"; }
.ri-wheelchair-fill:before { content: "\f2bd"; }
.ri-wheelchair-line:before { content: "\f2be"; }
.ri-wifi-fill:before { content: "\f2bf"; }
.ri-wifi-line:before { content: "\f2c0"; }
.ri-wifi-off-fill:before { content: "\f2c1"; }
.ri-wifi-off-line:before { content: "\f2c2"; }
.ri-window-2-fill:before { content: "\f2c3"; }
.ri-window-2-line:before { content: "\f2c4"; }
.ri-window-fill:before { content: "\f2c5"; }
.ri-window-line:before { content: "\f2c6"; }
.ri-windows-fill:before { content: "\f2c7"; }
.ri-windows-line:before { content: "\f2c8"; }
.ri-windy-fill:before { content: "\f2c9"; }
.ri-windy-line:before { content: "\f2ca"; }
.ri-wireless-charging-fill:before { content: "\f2cb"; }
.ri-wireless-charging-line:before { content: "\f2cc"; }
.ri-women-fill:before { content: "\f2cd"; }
.ri-women-line:before { content: "\f2ce"; }
.ri-wubi-input:before { content: "\f2cf"; }
.ri-xbox-fill:before { content: "\f2d0"; }
.ri-xbox-line:before { content: "\f2d1"; }
.ri-xing-fill:before { content: "\f2d2"; }
.ri-xing-line:before { content: "\f2d3"; }
.ri-youtube-fill:before { content: "\f2d4"; }
.ri-youtube-line:before { content: "\f2d5"; }
.ri-zcool-fill:before { content: "\f2d6"; }
.ri-zcool-line:before { content: "\f2d7"; }
.ri-zhihu-fill:before { content: "\f2d8"; }
.ri-zhihu-line:before { content: "\f2d9"; }
.ri-zoom-in-fill:before { content: "\f2da"; }
.ri-zoom-in-line:before { content: "\f2db"; }
.ri-zoom-out-fill:before { content: "\f2dc"; }
.ri-zoom-out-line:before { content: "\f2dd"; }
.ri-zzz-fill:before { content: "\f2de"; }
.ri-zzz-line:before { content: "\f2df"; }
.ri-arrow-down-double-fill:before { content: "\f2e0"; }
.ri-arrow-down-double-line:before { content: "\f2e1"; }
.ri-arrow-left-double-fill:before { content: "\f2e2"; }
.ri-arrow-left-double-line:before { content: "\f2e3"; }
.ri-arrow-right-double-fill:before { content: "\f2e4"; }
.ri-arrow-right-double-line:before { content: "\f2e5"; }
.ri-arrow-turn-back-fill:before { content: "\f2e6"; }
.ri-arrow-turn-back-line:before { content: "\f2e7"; }
.ri-arrow-turn-forward-fill:before { content: "\f2e8"; }
.ri-arrow-turn-forward-line:before { content: "\f2e9"; }
.ri-arrow-up-double-fill:before { content: "\f2ea"; }
.ri-arrow-up-double-line:before { content: "\f2eb"; }
.ri-bard-fill:before { content: "\f2ec"; }
.ri-bard-line:before { content: "\f2ed"; }
.ri-bootstrap-fill:before { content: "\f2ee"; }
.ri-bootstrap-line:before { content: "\f2ef"; }
.ri-box-1-fill:before { content: "\f2f0"; }
.ri-box-1-line:before { content: "\f2f1"; }
.ri-box-2-fill:before { content: "\f2f2"; }
.ri-box-2-line:before { content: "\f2f3"; }
.ri-box-3-fill:before { content: "\f2f4"; }
.ri-box-3-line:before { content: "\f2f5"; }
.ri-brain-fill:before { content: "\f2f6"; }
.ri-brain-line:before { content: "\f2f7"; }
.ri-candle-fill:before { content: "\f2f8"; }
.ri-candle-line:before { content: "\f2f9"; }
.ri-cash-fill:before { content: "\f2fa"; }
.ri-cash-line:before { content: "\f2fb"; }
.ri-contract-left-fill:before { content: "\f2fc"; }
.ri-contract-left-line:before { content: "\f2fd"; }
.ri-contract-left-right-fill:before { content: "\f2fe"; }
.ri-contract-left-right-line:before { content: "\f2ff"; }
.ri-contract-right-fill:before { content: "\f300"; }
.ri-contract-right-line:before { content: "\f301"; }
.ri-contract-up-down-fill:before { content: "\f302"; }
.ri-contract-up-down-line:before { content: "\f303"; }
.ri-copilot-fill:before { content: "\f304"; }
.ri-copilot-line:before { content: "\f305"; }
.ri-corner-down-left-fill:before { content: "\f306"; }
.ri-corner-down-left-line:before { content: "\f307"; }
.ri-corner-down-right-fill:before { content: "\f308"; }
.ri-corner-down-right-line:before { content: "\f309"; }
.ri-corner-left-down-fill:before { content: "\f30a"; }
.ri-corner-left-down-line:before { content: "\f30b"; }
.ri-corner-left-up-fill:before { content: "\f30c"; }
.ri-corner-left-up-line:before { content: "\f30d"; }
.ri-corner-right-down-fill:before { content: "\f30e"; }
.ri-corner-right-down-line:before { content: "\f30f"; }
.ri-corner-right-up-fill:before { content: "\f310"; }
.ri-corner-right-up-line:before { content: "\f311"; }
.ri-corner-up-left-double-fill:before { content: "\f312"; }
.ri-corner-up-left-double-line:before { content: "\f313"; }
.ri-corner-up-left-fill:before { content: "\f314"; }
.ri-corner-up-left-line:before { content: "\f315"; }
.ri-corner-up-right-double-fill:before { content: "\f316"; }
.ri-corner-up-right-double-line:before { content: "\f317"; }
.ri-corner-up-right-fill:before { content: "\f318"; }
.ri-corner-up-right-line:before { content: "\f319"; }
.ri-cross-fill:before { content: "\f31a"; }
.ri-cross-line:before { content: "\f31b"; }
.ri-edge-new-fill:before { content: "\f31c"; }
.ri-edge-new-line:before { content: "\f31d"; }
.ri-equal-fill:before { content: "\f31e"; }
.ri-equal-line:before { content: "\f31f"; }
.ri-expand-left-fill:before { content: "\f320"; }
.ri-expand-left-line:before { content: "\f321"; }
.ri-expand-left-right-fill:before { content: "\f322"; }
.ri-expand-left-right-line:before { content: "\f323"; }
.ri-expand-right-fill:before { content: "\f324"; }
.ri-expand-right-line:before { content: "\f325"; }
.ri-expand-up-down-fill:before { content: "\f326"; }
.ri-expand-up-down-line:before { content: "\f327"; }
.ri-flickr-fill:before { content: "\f328"; }
.ri-flickr-line:before { content: "\f329"; }
.ri-forward-10-fill:before { content: "\f32a"; }
.ri-forward-10-line:before { content: "\f32b"; }
.ri-forward-15-fill:before { content: "\f32c"; }
.ri-forward-15-line:before { content: "\f32d"; }
.ri-forward-30-fill:before { content: "\f32e"; }
.ri-forward-30-line:before { content: "\f32f"; }
.ri-forward-5-fill:before { content: "\f330"; }
.ri-forward-5-line:before { content: "\f331"; }
.ri-graduation-cap-fill:before { content: "\f332"; }
.ri-graduation-cap-line:before { content: "\f333"; }
.ri-home-office-fill:before { content: "\f334"; }
.ri-home-office-line:before { content: "\f335"; }
.ri-hourglass-2-fill:before { content: "\f336"; }
.ri-hourglass-2-line:before { content: "\f337"; }
.ri-hourglass-fill:before { content: "\f338"; }
.ri-hourglass-line:before { content: "\f339"; }
.ri-javascript-fill:before { content: "\f33a"; }
.ri-javascript-line:before { content: "\f33b"; }
.ri-loop-left-fill:before { content: "\f33c"; }
.ri-loop-left-line:before { content: "\f33d"; }
.ri-loop-right-fill:before { content: "\f33e"; }
.ri-loop-right-line:before { content: "\f33f"; }
.ri-memories-fill:before { content: "\f340"; }
.ri-memories-line:before { content: "\f341"; }
.ri-meta-fill:before { content: "\f342"; }
.ri-meta-line:before { content: "\f343"; }
.ri-microsoft-loop-fill:before { content: "\f344"; }
.ri-microsoft-loop-line:before { content: "\f345"; }
.ri-nft-fill:before { content: "\f346"; }
.ri-nft-line:before { content: "\f347"; }
.ri-notion-fill:before { content: "\f348"; }
.ri-notion-line:before { content: "\f349"; }
.ri-openai-fill:before { content: "\f34a"; }
.ri-openai-line:before { content: "\f34b"; }
.ri-overline:before { content: "\f34c"; }
.ri-p2p-fill:before { content: "\f34d"; }
.ri-p2p-line:before { content: "\f34e"; }
.ri-presentation-fill:before { content: "\f34f"; }
.ri-presentation-line:before { content: "\f350"; }
.ri-replay-10-fill:before { content: "\f351"; }
.ri-replay-10-line:before { content: "\f352"; }
.ri-replay-15-fill:before { content: "\f353"; }
.ri-replay-15-line:before { content: "\f354"; }
.ri-replay-30-fill:before { content: "\f355"; }
.ri-replay-30-line:before { content: "\f356"; }
.ri-replay-5-fill:before { content: "\f357"; }
.ri-replay-5-line:before { content: "\f358"; }
.ri-school-fill:before { content: "\f359"; }
.ri-school-line:before { content: "\f35a"; }
.ri-shining-2-fill:before { content: "\f35b"; }
.ri-shining-2-line:before { content: "\f35c"; }
.ri-shining-fill:before { content: "\f35d"; }
.ri-shining-line:before { content: "\f35e"; }
.ri-sketching:before { content: "\f35f"; }
.ri-skip-down-fill:before { content: "\f360"; }
.ri-skip-down-line:before { content: "\f361"; }
.ri-skip-left-fill:before { content: "\f362"; }
.ri-skip-left-line:before { content: "\f363"; }
.ri-skip-right-fill:before { content: "\f364"; }
.ri-skip-right-line:before { content: "\f365"; }
.ri-skip-up-fill:before { content: "\f366"; }
.ri-skip-up-line:before { content: "\f367"; }
.ri-slow-down-fill:before { content: "\f368"; }
.ri-slow-down-line:before { content: "\f369"; }
.ri-sparkling-2-fill:before { content: "\f36a"; }
.ri-sparkling-2-line:before { content: "\f36b"; }
.ri-sparkling-fill:before { content: "\f36c"; }
.ri-sparkling-line:before { content: "\f36d"; }
.ri-speak-fill:before { content: "\f36e"; }
.ri-speak-line:before { content: "\f36f"; }
.ri-speed-up-fill:before { content: "\f370"; }
.ri-speed-up-line:before { content: "\f371"; }
.ri-tiktok-fill:before { content: "\f372"; }
.ri-tiktok-line:before { content: "\f373"; }
.ri-token-swap-fill:before { content: "\f374"; }
.ri-token-swap-line:before { content: "\f375"; }
.ri-unpin-fill:before { content: "\f376"; }
.ri-unpin-line:before { content: "\f377"; }
.ri-wechat-channels-fill:before { content: "\f378"; }
.ri-wechat-channels-line:before { content: "\f379"; }
.ri-wordpress-fill:before { content: "\f37a"; }
.ri-wordpress-line:before { content: "\f37b"; }
.ri-blender-fill:before { content: "\f37c"; }
.ri-blender-line:before { content: "\f37d"; }
.ri-emoji-sticker-fill:before { content: "\f37e"; }
.ri-emoji-sticker-line:before { content: "\f37f"; }
.ri-git-close-pull-request-fill:before { content: "\f380"; }
.ri-git-close-pull-request-line:before { content: "\f381"; }
.ri-instance-fill:before { content: "\f382"; }
.ri-instance-line:before { content: "\f383"; }
.ri-megaphone-fill:before { content: "\f384"; }
.ri-megaphone-line:before { content: "\f385"; }
.ri-pass-expired-fill:before { content: "\f386"; }
.ri-pass-expired-line:before { content: "\f387"; }
.ri-pass-pending-fill:before { content: "\f388"; }
.ri-pass-pending-line:before { content: "\f389"; }
.ri-pass-valid-fill:before { content: "\f38a"; }
.ri-pass-valid-line:before { content: "\f38b"; }
.ri-ai-generate:before { content: "\f38c"; }
.ri-calendar-close-fill:before { content: "\f38d"; }
.ri-calendar-close-line:before { content: "\f38e"; }
.ri-draggable:before { content: "\f38f"; }
.ri-font-family:before { content: "\f390"; }
.ri-font-mono:before { content: "\f391"; }
.ri-font-sans-serif:before { content: "\f392"; }
.ri-font-sans:before { content: "\f393"; }
.ri-hard-drive-3-fill:before { content: "\f394"; }
.ri-hard-drive-3-line:before { content: "\f395"; }
.ri-kick-fill:before { content: "\f396"; }
.ri-kick-line:before { content: "\f397"; }
.ri-list-check-3:before { content: "\f398"; }
.ri-list-indefinite:before { content: "\f399"; }
.ri-list-ordered-2:before { content: "\f39a"; }
.ri-list-radio:before { content: "\f39b"; }
.ri-openbase-fill:before { content: "\f39c"; }
.ri-openbase-line:before { content: "\f39d"; }
.ri-planet-fill:before { content: "\f39e"; }
.ri-planet-line:before { content: "\f39f"; }
.ri-prohibited-fill:before { content: "\f3a0"; }
.ri-prohibited-line:before { content: "\f3a1"; }
.ri-quote-text:before { content: "\f3a2"; }
.ri-seo-fill:before { content: "\f3a3"; }
.ri-seo-line:before { content: "\f3a4"; }
.ri-slash-commands:before { content: "\f3a5"; }
.ri-archive-2-fill:before { content: "\f3a6"; }
.ri-archive-2-line:before { content: "\f3a7"; }
.ri-inbox-2-fill:before { content: "\f3a8"; }
.ri-inbox-2-line:before { content: "\f3a9"; }
.ri-shake-hands-fill:before { content: "\f3aa"; }
.ri-shake-hands-line:before { content: "\f3ab"; }
.ri-supabase-fill:before { content: "\f3ac"; }
.ri-supabase-line:before { content: "\f3ad"; }
.ri-water-percent-fill:before { content: "\f3ae"; }
.ri-water-percent-line:before { content: "\f3af"; }
.ri-yuque-fill:before { content: "\f3b0"; }
.ri-yuque-line:before { content: "\f3b1"; }
.ri-crosshair-2-fill:before { content: "\f3b2"; }
.ri-crosshair-2-line:before { content: "\f3b3"; }
.ri-crosshair-fill:before { content: "\f3b4"; }
.ri-crosshair-line:before { content: "\f3b5"; }
.ri-file-close-fill:before { content: "\f3b6"; }
.ri-file-close-line:before { content: "\f3b7"; }
.ri-infinity-fill:before { content: "\f3b8"; }
.ri-infinity-line:before { content: "\f3b9"; }
.ri-rfid-fill:before { content: "\f3ba"; }
.ri-rfid-line:before { content: "\f3bb"; }
.ri-slash-commands-2:before { content: "\f3bc"; }
.ri-user-forbid-fill:before { content: "\f3bd"; }
.ri-user-forbid-line:before { content: "\f3be"; }
.ri-beer-fill:before { content: "\f3bf"; }
.ri-beer-line:before { content: "\f3c0"; }
.ri-circle-fill:before { content: "\f3c1"; }
.ri-circle-line:before { content: "\f3c2"; }
.ri-dropdown-list:before { content: "\f3c3"; }
.ri-file-image-fill:before { content: "\f3c4"; }
.ri-file-image-line:before { content: "\f3c5"; }
.ri-file-pdf-2-fill:before { content: "\f3c6"; }
.ri-file-pdf-2-line:before { content: "\f3c7"; }
.ri-file-video-fill:before { content: "\f3c8"; }
.ri-file-video-line:before { content: "\f3c9"; }
.ri-folder-image-fill:before { content: "\f3ca"; }
.ri-folder-image-line:before { content: "\f3cb"; }
.ri-folder-video-fill:before { content: "\f3cc"; }
.ri-folder-video-line:before { content: "\f3cd"; }
.ri-hexagon-fill:before { content: "\f3ce"; }
.ri-hexagon-line:before { content: "\f3cf"; }
.ri-menu-search-fill:before { content: "\f3d0"; }
.ri-menu-search-line:before { content: "\f3d1"; }
.ri-octagon-fill:before { content: "\f3d2"; }
.ri-octagon-line:before { content: "\f3d3"; }
.ri-pentagon-fill:before { content: "\f3d4"; }
.ri-pentagon-line:before { content: "\f3d5"; }
.ri-rectangle-fill:before { content: "\f3d6"; }
.ri-rectangle-line:before { content: "\f3d7"; }
.ri-robot-2-fill:before { content: "\f3d8"; }
.ri-robot-2-line:before { content: "\f3d9"; }
.ri-shapes-fill:before { content: "\f3da"; }
.ri-shapes-line:before { content: "\f3db"; }
.ri-square-fill:before { content: "\f3dc"; }
.ri-square-line:before { content: "\f3dd"; }
.ri-tent-fill:before { content: "\f3de"; }
.ri-tent-line:before { content: "\f3df"; }
.ri-threads-fill:before { content: "\f3e0"; }
.ri-threads-line:before { content: "\f3e1"; }
.ri-tree-fill:before { content: "\f3e2"; }
.ri-tree-line:before { content: "\f3e3"; }
.ri-triangle-fill:before { content: "\f3e4"; }
.ri-triangle-line:before { content: "\f3e5"; }
.ri-twitter-x-fill:before { content: "\f3e6"; }
.ri-twitter-x-line:before { content: "\f3e7"; }
.ri-verified-badge-fill:before { content: "\f3e8"; }
.ri-verified-badge-line:before { content: "\f3e9"; }
.ri-armchair-fill:before { content: "\f3ea"; }
.ri-armchair-line:before { content: "\f3eb"; }
.ri-bnb-fill:before { content: "\f3ec"; }
.ri-bnb-line:before { content: "\f3ed"; }
.ri-bread-fill:before { content: "\f3ee"; }
.ri-bread-line:before { content: "\f3ef"; }
.ri-btc-fill:before { content: "\f3f0"; }
.ri-btc-line:before { content: "\f3f1"; }
.ri-calendar-schedule-fill:before { content: "\f3f2"; }
.ri-calendar-schedule-line:before { content: "\f3f3"; }
.ri-dice-1-fill:before { content: "\f3f4"; }
.ri-dice-1-line:before { content: "\f3f5"; }
.ri-dice-2-fill:before { content: "\f3f6"; }
.ri-dice-2-line:before { content: "\f3f7"; }
.ri-dice-3-fill:before { content: "\f3f8"; }
.ri-dice-3-line:before { content: "\f3f9"; }
.ri-dice-4-fill:before { content: "\f3fa"; }
.ri-dice-4-line:before { content: "\f3fb"; }
.ri-dice-5-fill:before { content: "\f3fc"; }
.ri-dice-5-line:before { content: "\f3fd"; }
.ri-dice-6-fill:before { content: "\f3fe"; }
.ri-dice-6-line:before { content: "\f3ff"; }
.ri-dice-fill:before { content: "\f400"; }
.ri-dice-line:before { content: "\f401"; }
.ri-drinks-fill:before { content: "\f402"; }
.ri-drinks-line:before { content: "\f403"; }
.ri-equalizer-2-fill:before { content: "\f404"; }
.ri-equalizer-2-line:before { content: "\f405"; }
.ri-equalizer-3-fill:before { content: "\f406"; }
.ri-equalizer-3-line:before { content: "\f407"; }
.ri-eth-fill:before { content: "\f408"; }
.ri-eth-line:before { content: "\f409"; }
.ri-flower-fill:before { content: "\f40a"; }
.ri-flower-line:before { content: "\f40b"; }
.ri-glasses-2-fill:before { content: "\f40c"; }
.ri-glasses-2-line:before { content: "\f40d"; }
.ri-glasses-fill:before { content: "\f40e"; }
.ri-glasses-line:before { content: "\f40f"; }
.ri-goggles-fill:before { content: "\f410"; }
.ri-goggles-line:before { content: "\f411"; }
.ri-image-circle-fill:before { content: "\f412"; }
.ri-image-circle-line:before { content: "\f413"; }
.ri-info-i:before { content: "\f414"; }
.ri-money-rupee-circle-fill:before { content: "\f415"; }
.ri-money-rupee-circle-line:before { content: "\f416"; }
.ri-news-fill:before { content: "\f417"; }
.ri-news-line:before { content: "\f418"; }
.ri-robot-3-fill:before { content: "\f419"; }
.ri-robot-3-line:before { content: "\f41a"; }
.ri-share-2-fill:before { content: "\f41b"; }
.ri-share-2-line:before { content: "\f41c"; }
.ri-sofa-fill:before { content: "\f41d"; }
.ri-sofa-line:before { content: "\f41e"; }
.ri-svelte-fill:before { content: "\f41f"; }
.ri-svelte-line:before { content: "\f420"; }
.ri-vk-fill:before { content: "\f421"; }
.ri-vk-line:before { content: "\f422"; }
.ri-xrp-fill:before { content: "\f423"; }
.ri-xrp-line:before { content: "\f424"; }
.ri-xtz-fill:before { content: "\f425"; }
.ri-xtz-line:before { content: "\f426"; }
.ri-archive-stack-fill:before { content: "\f427"; }
.ri-archive-stack-line:before { content: "\f428"; }
.ri-bowl-fill:before { content: "\f429"; }
.ri-bowl-line:before { content: "\f42a"; }
.ri-calendar-view:before { content: "\f42b"; }
.ri-carousel-view:before { content: "\f42c"; }
.ri-code-block:before { content: "\f42d"; }
.ri-color-filter-fill:before { content: "\f42e"; }
.ri-color-filter-line:before { content: "\f42f"; }
.ri-contacts-book-3-fill:before { content: "\f430"; }
.ri-contacts-book-3-line:before { content: "\f431"; }
.ri-contract-fill:before { content: "\f432"; }
.ri-contract-line:before { content: "\f433"; }
.ri-drinks-2-fill:before { content: "\f434"; }
.ri-drinks-2-line:before { content: "\f435"; }
.ri-export-fill:before { content: "\f436"; }
.ri-export-line:before { content: "\f437"; }
.ri-file-check-fill:before { content: "\f438"; }
.ri-file-check-line:before { content: "\f439"; }
.ri-focus-mode:before { content: "\f43a"; }
.ri-folder-6-fill:before { content: "\f43b"; }
.ri-folder-6-line:before { content: "\f43c"; }
.ri-folder-check-fill:before { content: "\f43d"; }
.ri-folder-check-line:before { content: "\f43e"; }
.ri-folder-close-fill:before { content: "\f43f"; }
.ri-folder-close-line:before { content: "\f440"; }
.ri-folder-cloud-fill:before { content: "\f441"; }
.ri-folder-cloud-line:before { content: "\f442"; }
.ri-gallery-view-2:before { content: "\f443"; }
.ri-gallery-view:before { content: "\f444"; }
.ri-hand:before { content: "\f445"; }
.ri-import-fill:before { content: "\f446"; }
.ri-import-line:before { content: "\f447"; }
.ri-information-2-fill:before { content: "\f448"; }
.ri-information-2-line:before { content: "\f449"; }
.ri-kanban-view-2:before { content: "\f44a"; }
.ri-kanban-view:before { content: "\f44b"; }
.ri-list-view:before { content: "\f44c"; }
.ri-lock-star-fill:before { content: "\f44d"; }
.ri-lock-star-line:before { content: "\f44e"; }
.ri-puzzle-2-fill:before { content: "\f44f"; }
.ri-puzzle-2-line:before { content: "\f450"; }
.ri-puzzle-fill:before { content: "\f451"; }
.ri-puzzle-line:before { content: "\f452"; }
.ri-ram-2-fill:before { content: "\f453"; }
.ri-ram-2-line:before { content: "\f454"; }
.ri-ram-fill:before { content: "\f455"; }
.ri-ram-line:before { content: "\f456"; }
.ri-receipt-fill:before { content: "\f457"; }
.ri-receipt-line:before { content: "\f458"; }
.ri-shadow-fill:before { content: "\f459"; }
.ri-shadow-line:before { content: "\f45a"; }
.ri-sidebar-fold-fill:before { content: "\f45b"; }
.ri-sidebar-fold-line:before { content: "\f45c"; }
.ri-sidebar-unfold-fill:before { content: "\f45d"; }
.ri-sidebar-unfold-line:before { content: "\f45e"; }
.ri-slideshow-view:before { content: "\f45f"; }
.ri-sort-alphabet-asc:before { content: "\f460"; }
.ri-sort-alphabet-desc:before { content: "\f461"; }
.ri-sort-number-asc:before { content: "\f462"; }
.ri-sort-number-desc:before { content: "\f463"; }
.ri-stacked-view:before { content: "\f464"; }
.ri-sticky-note-add-fill:before { content: "\f465"; }
.ri-sticky-note-add-line:before { content: "\f466"; }
.ri-swap-2-fill:before { content: "\f467"; }
.ri-swap-2-line:before { content: "\f468"; }
.ri-swap-3-fill:before { content: "\f469"; }
.ri-swap-3-line:before { content: "\f46a"; }
.ri-table-3:before { content: "\f46b"; }
.ri-table-view:before { content: "\f46c"; }
.ri-text-block:before { content: "\f46d"; }
.ri-text-snippet:before { content: "\f46e"; }
.ri-timeline-view:before { content: "\f46f"; }
.ri-blogger-fill:before { content: "\f470"; }
.ri-blogger-line:before { content: "\f471"; }
.ri-chat-thread-fill:before { content: "\f472"; }
.ri-chat-thread-line:before { content: "\f473"; }
.ri-discount-percent-fill:before { content: "\f474"; }
.ri-discount-percent-line:before { content: "\f475"; }
.ri-exchange-2-fill:before { content: "\f476"; }
.ri-exchange-2-line:before { content: "\f477"; }
.ri-git-fork-fill:before { content: "\f478"; }
.ri-git-fork-line:before { content: "\f479"; }
.ri-input-field:before { content: "\f47a"; }
.ri-progress-1-fill:before { content: "\f47b"; }
.ri-progress-1-line:before { content: "\f47c"; }
.ri-progress-2-fill:before { content: "\f47d"; }
.ri-progress-2-line:before { content: "\f47e"; }
.ri-progress-3-fill:before { content: "\f47f"; }
.ri-progress-3-line:before { content: "\f480"; }
.ri-progress-4-fill:before { content: "\f481"; }
.ri-progress-4-line:before { content: "\f482"; }
.ri-progress-5-fill:before { content: "\f483"; }
.ri-progress-5-line:before { content: "\f484"; }
.ri-progress-6-fill:before { content: "\f485"; }
.ri-progress-6-line:before { content: "\f486"; }
.ri-progress-7-fill:before { content: "\f487"; }
.ri-progress-7-line:before { content: "\f488"; }
.ri-progress-8-fill:before { content: "\f489"; }
.ri-progress-8-line:before { content: "\f48a"; }
.ri-remix-run-fill:before { content: "\f48b"; }
.ri-remix-run-line:before { content: "\f48c"; }
.ri-signpost-fill:before { content: "\f48d"; }
.ri-signpost-line:before { content: "\f48e"; }
.ri-time-zone-fill:before { content: "\f48f"; }
.ri-time-zone-line:before { content: "\f490"; }
.ri-arrow-down-wide-fill:before { content: "\f491"; }
.ri-arrow-down-wide-line:before { content: "\f492"; }
.ri-arrow-left-wide-fill:before { content: "\f493"; }
.ri-arrow-left-wide-line:before { content: "\f494"; }
.ri-arrow-right-wide-fill:before { content: "\f495"; }
.ri-arrow-right-wide-line:before { content: "\f496"; }
.ri-arrow-up-wide-fill:before { content: "\f497"; }
.ri-arrow-up-wide-line:before { content: "\f498"; }
.ri-bluesky-fill:before { content: "\f499"; }
.ri-bluesky-line:before { content: "\f49a"; }
.ri-expand-height-fill:before { content: "\f49b"; }
.ri-expand-height-line:before { content: "\f49c"; }
.ri-expand-width-fill:before { content: "\f49d"; }
.ri-expand-width-line:before { content: "\f49e"; }
.ri-forward-end-fill:before { content: "\f49f"; }
.ri-forward-end-line:before { content: "\f4a0"; }
.ri-forward-end-mini-fill:before { content: "\f4a1"; }
.ri-forward-end-mini-line:before { content: "\f4a2"; }
.ri-friendica-fill:before { content: "\f4a3"; }
.ri-friendica-line:before { content: "\f4a4"; }
.ri-git-pr-draft-fill:before { content: "\f4a5"; }
.ri-git-pr-draft-line:before { content: "\f4a6"; }
.ri-play-reverse-fill:before { content: "\f4a7"; }
.ri-play-reverse-line:before { content: "\f4a8"; }
.ri-play-reverse-mini-fill:before { content: "\f4a9"; }
.ri-play-reverse-mini-line:before { content: "\f4aa"; }
.ri-rewind-start-fill:before { content: "\f4ab"; }
.ri-rewind-start-line:before { content: "\f4ac"; }
.ri-rewind-start-mini-fill:before { content: "\f4ad"; }
.ri-rewind-start-mini-line:before { content: "\f4ae"; }
.ri-scroll-to-bottom-fill:before { content: "\f4af"; }
.ri-scroll-to-bottom-line:before { content: "\f4b0"; }
.ri-add-large-fill:before { content: "\f4b1"; }
.ri-add-large-line:before { content: "\f4b2"; }
.ri-aed-electrodes-fill:before { content: "\f4b3"; }
.ri-aed-electrodes-line:before { content: "\f4b4"; }
.ri-aed-fill:before { content: "\f4b5"; }
.ri-aed-line:before { content: "\f4b6"; }
.ri-alibaba-cloud-fill:before { content: "\f4b7"; }
.ri-alibaba-cloud-line:before { content: "\f4b8"; }
.ri-align-item-bottom-fill:before { content: "\f4b9"; }
.ri-align-item-bottom-line:before { content: "\f4ba"; }
.ri-align-item-horizontal-center-fill:before { content: "\f4bb"; }
.ri-align-item-horizontal-center-line:before { content: "\f4bc"; }
.ri-align-item-left-fill:before { content: "\f4bd"; }
.ri-align-item-left-line:before { content: "\f4be"; }
.ri-align-item-right-fill:before { content: "\f4bf"; }
.ri-align-item-right-line:before { content: "\f4c0"; }
.ri-align-item-top-fill:before { content: "\f4c1"; }
.ri-align-item-top-line:before { content: "\f4c2"; }
.ri-align-item-vertical-center-fill:before { content: "\f4c3"; }
.ri-align-item-vertical-center-line:before { content: "\f4c4"; }
.ri-apps-2-add-fill:before { content: "\f4c5"; }
.ri-apps-2-add-line:before { content: "\f4c6"; }
.ri-close-large-fill:before { content: "\f4c7"; }
.ri-close-large-line:before { content: "\f4c8"; }
.ri-collapse-diagonal-2-fill:before { content: "\f4c9"; }
.ri-collapse-diagonal-2-line:before { content: "\f4ca"; }
.ri-collapse-diagonal-fill:before { content: "\f4cb"; }
.ri-collapse-diagonal-line:before { content: "\f4cc"; }
.ri-dashboard-horizontal-fill:before { content: "\f4cd"; }
.ri-dashboard-horizontal-line:before { content: "\f4ce"; }
.ri-expand-diagonal-2-fill:before { content: "\f4cf"; }
.ri-expand-diagonal-2-line:before { content: "\f4d0"; }
.ri-expand-diagonal-fill:before { content: "\f4d1"; }
.ri-expand-diagonal-line:before { content: "\f4d2"; }
.ri-firebase-fill:before { content: "\f4d3"; }
.ri-firebase-line:before { content: "\f4d4"; }
.ri-flip-horizontal-2-fill:before { content: "\f4d5"; }
.ri-flip-horizontal-2-line:before { content: "\f4d6"; }
.ri-flip-horizontal-fill:before { content: "\f4d7"; }
.ri-flip-horizontal-line:before { content: "\f4d8"; }
.ri-flip-vertical-2-fill:before { content: "\f4d9"; }
.ri-flip-vertical-2-line:before { content: "\f4da"; }
.ri-flip-vertical-fill:before { content: "\f4db"; }
.ri-flip-vertical-line:before { content: "\f4dc"; }
.ri-formula:before { content: "\f4dd"; }
.ri-function-add-fill:before { content: "\f4de"; }
.ri-function-add-line:before { content: "\f4df"; }
.ri-goblet-2-fill:before { content: "\f4e0"; }
.ri-goblet-2-line:before { content: "\f4e1"; }
.ri-golf-ball-fill:before { content: "\f4e2"; }
.ri-golf-ball-line:before { content: "\f4e3"; }
.ri-group-3-fill:before { content: "\f4e4"; }
.ri-group-3-line:before { content: "\f4e5"; }
.ri-heart-add-2-fill:before { content: "\f4e6"; }
.ri-heart-add-2-line:before { content: "\f4e7"; }
.ri-id-card-fill:before { content: "\f4e8"; }
.ri-id-card-line:before { content: "\f4e9"; }
.ri-information-off-fill:before { content: "\f4ea"; }
.ri-information-off-line:before { content: "\f4eb"; }
.ri-java-fill:before { content: "\f4ec"; }
.ri-java-line:before { content: "\f4ed"; }
.ri-layout-grid-2-fill:before { content: "\f4ee"; }
.ri-layout-grid-2-line:before { content: "\f4ef"; }
.ri-layout-horizontal-fill:before { content: "\f4f0"; }
.ri-layout-horizontal-line:before { content: "\f4f1"; }
.ri-layout-vertical-fill:before { content: "\f4f2"; }
.ri-layout-vertical-line:before { content: "\f4f3"; }
.ri-menu-fold-2-fill:before { content: "\f4f4"; }
.ri-menu-fold-2-line:before { content: "\f4f5"; }
.ri-menu-fold-3-fill:before { content: "\f4f6"; }
.ri-menu-fold-3-line:before { content: "\f4f7"; }
.ri-menu-fold-4-fill:before { content: "\f4f8"; }
.ri-menu-fold-4-line:before { content: "\f4f9"; }
.ri-menu-unfold-2-fill:before { content: "\f4fa"; }
.ri-menu-unfold-2-line:before { content: "\f4fb"; }
.ri-menu-unfold-3-fill:before { content: "\f4fc"; }
.ri-menu-unfold-3-line:before { content: "\f4fd"; }
.ri-menu-unfold-4-fill:before { content: "\f4fe"; }
.ri-menu-unfold-4-line:before { content: "\f4ff"; }
.ri-mobile-download-fill:before { content: "\f500"; }
.ri-mobile-download-line:before { content: "\f501"; }
.ri-nextjs-fill:before { content: "\f502"; }
.ri-nextjs-line:before { content: "\f503"; }
.ri-nodejs-fill:before { content: "\f504"; }
.ri-nodejs-line:before { content: "\f505"; }
.ri-pause-large-fill:before { content: "\f506"; }
.ri-pause-large-line:before { content: "\f507"; }
.ri-play-large-fill:before { content: "\f508"; }
.ri-play-large-line:before { content: "\f509"; }
.ri-play-reverse-large-fill:before { content: "\f50a"; }
.ri-play-reverse-large-line:before { content: "\f50b"; }
.ri-police-badge-fill:before { content: "\f50c"; }
.ri-police-badge-line:before { content: "\f50d"; }
.ri-prohibited-2-fill:before { content: "\f50e"; }
.ri-prohibited-2-line:before { content: "\f50f"; }
.ri-shopping-bag-4-fill:before { content: "\f510"; }
.ri-shopping-bag-4-line:before { content: "\f511"; }
.ri-snowflake-fill:before { content: "\f512"; }
.ri-snowflake-line:before { content: "\f513"; }
.ri-square-root:before { content: "\f514"; }
.ri-stop-large-fill:before { content: "\f515"; }
.ri-stop-large-line:before { content: "\f516"; }
.ri-tailwind-css-fill:before { content: "\f517"; }
.ri-tailwind-css-line:before { content: "\f518"; }
.ri-tooth-fill:before { content: "\f519"; }
.ri-tooth-line:before { content: "\f51a"; }
.ri-video-off-fill:before { content: "\f51b"; }
.ri-video-off-line:before { content: "\f51c"; }
.ri-video-on-fill:before { content: "\f51d"; }
.ri-video-on-line:before { content: "\f51e"; }
.ri-webhook-fill:before { content: "\f51f"; }
.ri-webhook-line:before { content: "\f520"; }
.ri-weight-fill:before { content: "\f521"; }
.ri-weight-line:before { content: "\f522"; }


/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/bootstrap.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}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}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/dataTables.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>th.dt-ordering-asc,table.dataTable thead>tr>th.dt-ordering-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc,table.dataTable thead>tr>td.dt-ordering-asc,table.dataTable thead>tr>td.dt-ordering-desc{position:relative;padding-right:30px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:absolute;right:12px;top:0;bottom:0;width:12px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable>thead>tr>th,table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>tfoot>tr>th,table.dataTable>tfoot>tr>td{border-top:1px solid rgba(0, 0, 0, 0.3);padding:10px 10px 6px 10px}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr:first-child>*{border-top:none}table.dataTable>tbody>tr:last-child>*{border-bottom:none}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable>tbody>tr>th,table.dataTable>tbody>tr>td{padding:8px 10px}table.dataTable.row-border>tbody>tr>*,table.dataTable.display>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border>tbody>tr:first-child>*,table.dataTable.display>tbody>tr:first-child>*{border-top:none}table.dataTable.row-border>tbody>tr.selected+tr.selected>td,table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}table.dataTable.cell-border>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr>*:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr:first-child>*{border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.stripe>tbody>tr:nth-child(odd)>*,table.dataTable.display>tbody>tr:nth-child(odd)>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023)}table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,table.dataTable.display>tbody>tr:nth-child(odd).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923)}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035)}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019)}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054)}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047)}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039)}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954)}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947)}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939)}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911)}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903)}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982)}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974)}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962)}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}div.dt-container{position:relative;clear:both}div.dt-container div.dt-layout-row{display:table;clear:both;width:100%}div.dt-container div.dt-layout-row.dt-layout-table{display:block}div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell{display:block}div.dt-container div.dt-layout-cell{display:table-cell;vertical-align:middle;padding:5px 0}div.dt-container div.dt-layout-cell.dt-full{text-align:center}div.dt-container div.dt-layout-cell.dt-start{text-align:left}div.dt-container div.dt-layout-cell.dt-end{text-align:right}div.dt-container div.dt-layout-cell:empty{display:none}div.dt-container .dt-search input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;margin-left:3px}div.dt-container .dt-input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit}div.dt-container select.dt-input{padding:4px}div.dt-container .dt-paging .dt-paging-button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}div.dt-container .dt-paging .dt-paging-button.current,div.dt-container .dt-paging .dt-paging-button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}div.dt-container .dt-paging .dt-paging-button.disabled,div.dt-container .dt-paging .dt-paging-button.disabled:hover,div.dt-container .dt-paging .dt-paging-button.disabled:active{cursor:default;color:rgba(0, 0, 0, 0.5) !important;border:1px solid transparent;background:transparent;box-shadow:none}div.dt-container .dt-paging .dt-paging-button:hover{color:white !important;border:1px solid #111;background-color:#111;background:linear-gradient(to bottom, #585858 0%, #111 100%)}div.dt-container .dt-paging .dt-paging-button:active{outline:none;background-color:#0c0c0c;background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}div.dt-container .dt-paging .ellipsis{padding:0 1em}div.dt-container .dt-length,div.dt-container .dt-search,div.dt-container .dt-info,div.dt-container .dt-processing,div.dt-container .dt-paging{color:inherit}div.dt-container .dataTables_scroll{clear:both}div.dt-container .dataTables_scroll div.dt-scroll-body{-webkit-overflow-scrolling:touch}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td{vertical-align:middle}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>*{border-bottom:none}@media screen and (max-width: 767px){div.dt-container div.dt-layout-row{display:block}div.dt-container div.dt-layout-cell{display:block}div.dt-container div.dt-layout-cell.dt-full,div.dt-container div.dt-layout-cell.dt-start,div.dt-container div.dt-layout-cell.dt-end{text-align:center}}@media screen and (max-width: 640px){.dt-container .dt-length,.dt-container .dt-search{float:none;text-align:center}.dt-container .dt-search{margin-top:.5em}}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid rgb(89, 91, 94)}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid rgb(89, 91, 94)}html.dark table.dataTable.row-border>tbody>tr>*,html.dark table.dataTable.display>tbody>tr>*{border-top:1px solid rgb(64, 67, 70)}html.dark table.dataTable.row-border>tbody>tr:first-child>*,html.dark table.dataTable.display>tbody>tr:first-child>*{border-top:none}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgb(64, 67, 70);border-right:1px solid rgb(64, 67, 70)}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgb(64, 67, 70)}html.dark .dt-container.dt-empty-footer table.dataTable{border-bottom:1px solid rgb(89, 91, 94)}html.dark .dt-container .dt-search input,html.dark .dt-container .dt-length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dt-container .dt-paging .dt-paging-button.current,html.dark .dt-container .dt-paging .dt-paging-button.current:hover{border:1px solid rgb(89, 91, 94);background:rgba(255, 255, 255, 0.15)}html.dark .dt-container .dt-paging .dt-paging-button.disabled,html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,html.dark .dt-container .dt-paging .dt-paging-button.disabled:active{color:#666 !important}html.dark .dt-container .dt-paging .dt-paging-button:hover{border:1px solid rgb(53, 53, 53);background:rgb(53, 53, 53)}html.dark .dt-container .dt-paging .dt-paging-button:active{background:#3a3a3a}*[dir=rtl] table.dataTable thead th,*[dir=rtl] table.dataTable thead td,*[dir=rtl] table.dataTable tfoot th,*[dir=rtl] table.dataTable tfoot td{text-align:right}*[dir=rtl] table.dataTable th.dt-type-numeric,*[dir=rtl] table.dataTable th.dt-type-date,*[dir=rtl] table.dataTable td.dt-type-numeric,*[dir=rtl] table.dataTable td.dt-type-date{text-align:left}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start{text-align:right}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end{text-align:left}*[dir=rtl] div.dt-container div.dt-search input{margin:0 3px 0 0}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/editor-katex.min.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url('KaTeX_AMS-Regular.woff2') format("woff2"),url('KaTeX_AMS-Regular.woff') format("woff"),url('KaTeX_AMS-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url('KaTeX_Caligraphic-Bold.woff2') format("woff2"),url('KaTeX_Caligraphic-Bold.woff') format("woff"),url('KaTeX_Caligraphic-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url('KaTeX_Caligraphic-Regular.woff2') format("woff2"),url('KaTeX_Caligraphic-Regular.woff') format("woff"),url('KaTeX_Caligraphic-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url('KaTeX_Fraktur-Bold.woff2') format("woff2"),url('KaTeX_Fraktur-Bold.woff') format("woff"),url('KaTeX_Fraktur-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url('KaTeX_Fraktur-Regular.woff2') format("woff2"),url('KaTeX_Fraktur-Regular.woff') format("woff"),url('KaTeX_Fraktur-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url('KaTeX_Main-Bold.woff2') format("woff2"),url('KaTeX_Main-Bold.woff') format("woff"),url('KaTeX_Main-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url('KaTeX_Main-BoldItalic.woff2') format("woff2"),url('KaTeX_Main-BoldItalic.woff') format("woff"),url('KaTeX_Main-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url('KaTeX_Main-Italic.woff2') format("woff2"),url('KaTeX_Main-Italic.woff') format("woff"),url('KaTeX_Main-Italic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url('KaTeX_Main-Regular.woff2') format("woff2"),url('KaTeX_Main-Regular.woff') format("woff"),url('KaTeX_Main-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url('KaTeX_Math-BoldItalic.woff2') format("woff2"),url('KaTeX_Math-BoldItalic.woff') format("woff"),url('KaTeX_Math-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url('KaTeX_Math-Italic.woff2') format("woff2"),url('KaTeX_Math-Italic.woff') format("woff"),url('KaTeX_Math-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url('KaTeX_SansSerif-Bold.woff2') format("woff2"),url('KaTeX_SansSerif-Bold.woff') format("woff"),url('KaTeX_SansSerif-Bold.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url('KaTeX_SansSerif-Italic.woff2') format("woff2"),url('KaTeX_SansSerif-Italic.woff') format("woff"),url('KaTeX_SansSerif-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url('KaTeX_SansSerif-Regular.woff2') format("woff2"),url('KaTeX_SansSerif-Regular.woff') format("woff"),url('KaTeX_SansSerif-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url('KaTeX_Script-Regular.woff2') format("woff2"),url('KaTeX_Script-Regular.woff') format("woff"),url('KaTeX_Script-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url('KaTeX_Size1-Regular.woff2') format("woff2"),url('KaTeX_Size1-Regular.woff') format("woff"),url('KaTeX_Size1-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url('KaTeX_Size2-Regular.woff2') format("woff2"),url('KaTeX_Size2-Regular.woff') format("woff"),url('KaTeX_Size2-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url('KaTeX_Size3-Regular.woff2') format("woff2"),url('KaTeX_Size3-Regular.woff') format("woff"),url('KaTeX_Size3-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url('KaTeX_Size4-Regular.woff2') format("woff2"),url('KaTeX_Size4-Regular.woff') format("woff"),url('KaTeX_Size4-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url('KaTeX_Typewriter-Regular.woff2') format("woff2"),url('KaTeX_Typewriter-Regular.woff') format("woff"),url('KaTeX_Typewriter-Regular.ttf') format("truetype")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.9"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/editor.atom-one-dark.min.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/editor.quill.snow.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.2
 * 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}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

 /*# sourceMappingURL=quill.snow.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/assets/css/lib/flatpickr.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/full-calendar.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************/


/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
 .fc {
    direction: ltr;
    text-align: left;
  }
  
  .fc table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  html .fc,
  .fc table {
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica;
  }
  
  .fc td,
  .fc th {
    padding: 0;
    vertical-align: top;
  }
  
  /* Header
  ------------------------------------------------------------------------*/
  
  .fc-header td {
    white-space: nowrap;
    padding: 15px 10px 0px;
  }
  
  .fc-header-left {
    width: 25%;
    text-align: left;
  }
  
  .fc-header-center {
    text-align: center;
  }
  
  .fc-header-right {
    width: 25%;
    text-align: right;
  }
  
  .fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
  }
  
  .fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 10px;
  }
  
  .fc .fc-header-space {
    padding-left: 10px;
  }
  
  .fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
  }
  
  /* buttons edges butting together */
  
  .fc-header .fc-button {
    margin-right: -1px;
  }
  
  .fc-header .fc-corner-right,  /* non-theme */
  .fc-header .ui-corner-right {
    /* theme */
    margin-right: 0; /* back to normal */
  }
  
  /* button layering (for border precedence) */
  
  .fc-header .fc-state-hover,
  .fc-header .ui-state-hover {
    z-index: 2;
  }
  
  .fc-header .fc-state-down {
    z-index: 3;
  }
  
  .fc-header .fc-state-active,
  .fc-header .ui-state-active {
    z-index: 4;
  }
  
  /* Content
  ------------------------------------------------------------------------*/
  
  .fc-content {
    clear: both;
    zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
  }
  
  .fc-view {
    width: 100%;
    overflow: hidden;
  }
  
  /* Cell Styles
  ------------------------------------------------------------------------*/
  
  /* <th>, usually */
  .fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
  }
  .fc-widget-header {
    border-bottom: 1px solid #eee;
  }
  .fc-state-highlight {
    /* <td> today cell */ /* TODO: add .fc-today to <th> */
    /* background: #fcf8e3; */
  }
  
  .fc-state-highlight > div > div.fc-day-number {
    background-color: #ff3b30;
    color: #ffffff;
    border-radius: 50%;
    margin: 4px;
  }
  
  .fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
  }
  
  /* Buttons
  ------------------------------------------------------------------------*/
  
  .fc-button {
    position: relative;
    display: inline-block;
    padding: 0 0.6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
  }
  
  .fc-state-default {
    /* non-theme */
    border: 1px solid;
  }
  
  .fc-state-default.fc-corner-left {
    /* non-theme */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  .fc-state-default.fc-corner-right {
    /* non-theme */
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  /*
      Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
      and we'll try to make them look good cross-browser.
  */
  
  .fc-text-arrow {
    margin: 0 0.4em;
    font-size: 2em;
    line-height: 23px;
    vertical-align: baseline; /* for IE7 */
  }
  
  .fc-button-prev .fc-text-arrow,
  .fc-button-next .fc-text-arrow {
    /* for &lsaquo; &rsaquo; */
    font-weight: bold;
  }
  
  /* icon (for jquery ui) */
  
  .fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
  }
  
  .fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    margin-top: 0;
    top: -50%;
  }
  
  .fc-state-default {
    border-color: #ff3b30;
    color: #ff3b30;
  }
  .fc-button-month.fc-state-default,
  .fc-button-agendaWeek.fc-state-default,
  .fc-button-agendaDay.fc-state-default {
    min-width: 67px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  .fc-state-hover,
  .fc-state-down,
  .fc-state-active,
  .fc-state-disabled {
    color: #333333;
    background-color: #ffe3e3;
  }
  
  .fc-state-hover {
    color: #ff3b30;
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
  }
  
  .fc-state-down,
  .fc-state-active {
    background-color: #ff3b30;
    background-image: none;
    outline: 0;
    color: #ffffff;
  }
  
  .fc-state-disabled {
    cursor: default;
    background-image: none;
    background-color: #ffe3e3;
    filter: alpha(opacity=65);
    box-shadow: none;
    border: 1px solid #ffe3e3;
    color: #ff3b30;
  }
  
  /* Global Event Styles
  ------------------------------------------------------------------------*/
  
  .fc-event-container > * {
    z-index: 8;
  }
  
  .fc-event-container > .ui-draggable-dragging,
  .fc-event-container > .ui-resizable-resizing {
    z-index: 9;
  }
  
  .fc-event {
    border: 0; /* default BORDER color */
    background-color: #fff; /* default BACKGROUND color */
    color: #919191; /* default TEXT color */
    font-size: 12px;
    cursor: default;
    margin: 4px;
  }
  .fc-event.chill {
    background-color: #f3dcf8;
  }
  .fc-event.info {
    background-color: #c6ebfe;
  }
  .fc-event.important {
    background-color: #ffbebe;
  }
  .fc-event.success {
    background-color: #beffbf;
  }
  .fc-event:hover {
    opacity: 0.7;
  }
  a.fc-event {
    text-decoration: none;
  }
  
  a.fc-event,
  .fc-event-draggable {
    cursor: pointer;
  }
  
  .fc-rtl .fc-event {
    text-align: right;
  }
  
  .fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 15px;
  }
  
  .fc-event-time,
  .fc-event-title {
    padding: 0 1px;
  }
  
  .fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; /* hacky spaces (IE6/7) */
    font-size: 300%; /* */
    line-height: 50%; /* */
  }
  
  /* Horizontal Events
  ------------------------------------------------------------------------*/
  
  .fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
  }
  
  .fc-ltr .fc-event-hori.fc-event-start,
  .fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /*
  border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
  */
  }
  
  .fc-ltr .fc-event-hori.fc-event-end,
  .fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /*
  border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
  */
  }
  
  /* resizable */
  
  .fc-event-hori .ui-resizable-e {
    top: 0 !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
  }
  
  .fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
  }
  
  .fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
  }
  
  /* Reusable Separate-border Table
  ------------------------------------------------------------*/
  
  table.fc-border-separate {
    border-collapse: separate;
  }
  
  .fc-border-separate th,
  .fc-border-separate td {
    border-width: 1px 0 0 1px;
  }
  
  .fc-border-separate th.fc-last,
  .fc-border-separate td.fc-last {
    border-right-width: 1px;
  }
  .fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    border-color: #cdcdcd;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
  }
  .fc-border-separate tbody tr.fc-first td,
  .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
  }
  
  /* Month View, Basic Week View, Basic Day View
  ------------------------------------------------------------------------*/
  
  .fc-grid th {
    text-align: center;
  }
  
  .fc .fc-week-number {
    width: 22px;
    text-align: center;
  }
  
  .fc .fc-week-number div {
    padding: 0 2px;
  }
  
  .fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
  }
  
  .fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
    /* opacity with small font can sometimes look too faded
         might want to set the 'color' property instead
         making day-numbers bold also fixes the problem */
  }
  
  .fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px; /* distance between events and day edges */
  }
  
  /* event styles */
  
  .fc-grid .fc-event-time {
    font-weight: bold;
  }
  
  /* right-to-left */
  
  .fc-rtl .fc-grid .fc-day-number {
    float: left;
  }
  
  .fc-rtl .fc-grid .fc-event-time {
    float: right;
  }
  
  /* Agenda Week View, Agenda Day View
  ------------------------------------------------------------------------*/
  
  .fc-agenda table {
    border-collapse: separate;
  }
  
  .fc-agenda-days th {
    text-align: center;
  }
  
  .fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
  }
  
  .fc-agenda .fc-week-number {
    font-weight: bold;
  }
  
  .fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
  }
  
  /* make axis border take precedence */
  
  .fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
  }
  
  .fc-agenda-days .fc-col0 {
    border-left-width: 0;
  }
  
  /* all-day area */
  
  .fc-agenda-allday th {
    border-width: 0 1px;
  }
  
  .fc-agenda-allday .fc-day-content {
    min-height: 34px; /* TODO: doesnt work well in quirksmode */
    _height: 34px;
  }
  
  /* divider (between all-day and slots) */
  
  .fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
  }
  
  .fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
  }
  
  /* slot rows */
  
  .fc-agenda-slots th {
    border-width: 1px 1px 0;
  }
  
  .fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
  }
  
  .fc-agenda-slots td div {
    height: 20px;
  }
  
  .fc-agenda-slots tr.fc-slot0 th,
  .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
  }
  
  .fc-agenda-slots tr.fc-minor th.ui-widget-header {
    border-top-style: solid; /* doesn't work with background in IE6/7 */
  }
  
  /* Vertical Events
  ------------------------------------------------------------------------*/
  
  .fc-event-vert {
    border-width: 0 1px;
  }
  
  .fc-event-vert.fc-event-start {
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  
  .fc-event-vert.fc-event-end {
    border-bottom-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  
  .fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px;
  }
  
  .fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2;
  }
  
  .fc-event-vert .fc-event-bg {
    /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.25;
    filter: alpha(opacity=25);
  }
  
  .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
  .fc-select-helper .fc-event-bg {
    display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
  }
  
  /* resizable */
  
  .fc-event-vert .ui-resizable-s {
    bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
  }
  
  .fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
  }
  
  thead tr.fc-first {
    background-color: #f7f7f7;
  }
  table.fc-header {
    background-color: #ffffff;
    border-radius: 6px 6px 0 0;
  }
  
  .fc-week .fc-day > div .fc-day-number {
      font-size: 12px;
      margin: 4px;
      width: 24px;
      height: 24px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    font-weight: 700;
    position: relative;
    top: 4px;
    font-size: 1rem;
    color: var(--text-primary-light);
  }
  
  .fc-sun,
  .fc-sat {
    color: #b8b8b8;
  }
  
  .fc-week .fc-day:hover .fc-day-number {
    background-color: #b8b8b8;
    border-radius: 50%;
    color: #ffffff;
    transition: background-color 0.2s;
  }
  .fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #ff3b30;
  }
  .fc-button-today {
    border: 1px solid rgba(255, 255, 255, 0);
  }
  .fc-view-agendaDay thead tr.fc-first .fc-widget-header {
    text-align: right;
    padding-right: 10px;
  }
  
  /*estilossss */
  #wrap {
    margin: 0 auto;
  }
  
  #external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
  }
  
  #external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
  }
  
  .external-event {
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366cc;
    color: #fff;
    font-size: 0.85em;
    cursor: pointer;
  }
  
  #external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
  }
  
  #external-events p input {
    margin: 0;
    vertical-align: middle;
  }
  
  #calendar {
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: none;
  }
  
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/jquery-jvectormap-2.0.5.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
svg {
    touch-action: none;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/magnific-popup.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
    display: none; }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
  
  .mfp-ajax-cur {
    cursor: progress; }
  
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out; }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    user-select: none; }
  
  .mfp-loading.mfp-figure {
    display: none; }
  
  .mfp-hide {
    display: none !important; }
  
  .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
    .mfp-preloader a {
      color: #CCC; }
      .mfp-preloader a:hover {
        color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
    display: none; }
  
  .mfp-s-error .mfp-content {
    display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover,
    .mfp-close:focus {
      opacity: 1; }
    .mfp-close:active {
      top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
    color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
    .mfp-arrow:active {
      margin-top: -54px; }
    .mfp-arrow:hover,
    .mfp-arrow:focus {
      opacity: 1; }
    .mfp-arrow:before,
    .mfp-arrow:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent; }
    .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px; }
    .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: 0.7; }
  
  .mfp-arrow-left {
    left: 0; }
    .mfp-arrow-left:after {
      border-right: 17px solid #FFF;
      margin-left: 31px; }
    .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
    right: 0; }
    .mfp-arrow-right:after {
      border-left: 17px solid #FFF;
      margin-left: 39px; }
    .mfp-arrow-right:before {
      border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px; }
    .mfp-iframe-holder .mfp-close {
      top: -40px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
    .mfp-iframe-scaler iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0; }
    .mfp-figure:after {
      content: '';
      position: absolute;
      left: 0;
      top: 40px;
      bottom: 40px;
      display: block;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #444; }
    .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      line-height: 14px; }
    .mfp-figure figure {
      margin: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      transform: scale(0.75); }
    .mfp-arrow-left {
      transform-origin: 0; }
    .mfp-arrow-right {
      transform-origin: 100%; }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; } }
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/slick.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

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

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/lib/prism.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************/
/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript */
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(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}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/file-upload.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root{
    --file-container-bg:  #eeeeee;
    --file-bg:  #f8f8f8;
    --file-border-color: #606060;
    --file-color: #2b2b2b;
    --table-border-color: #dbdbdb;
    --delete-button-bg: #f53636;
    --delete-button-color: #ffffff;
    --font-size: 0.875em;
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --shadow: 0px 8px 15px -8px rgba(0, 0, 0, 0.5);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.file-container {
    width: 100%;
    font-family: var(--font-family);

    .file-upload {
        width: 100%;
        display: flex;
        transition: all 0.3s;
        text-align: center;
        >div {
            border: 1px solid #ddd;
            padding: 24px;
            width: 100%;
            >p,
            span,
            div {
                font-size: var(--font-size);
                line-height: 30px;
            }

            >div {
                width: max-content;
                padding: 0 10px;
                margin: 0 auto;
                border: 1px solid var(--file-border-color);
            }
        }
    }
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/lib/audioplayer.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* RemixDesign | woaichidapi@163.com | Redesigned by JimmyCheung */

.audioplayer {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 1em 0;
    padding: 0 24px;
    width: 100%;
    height: 96px;
    align-items: center;
    border: 1px solid #DDE2E6;
    border-radius: 50px;
    background: #fff;
}

.audioplayer-playpause {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    background: rgba(91, 130, 255, 0);
    border: 1px solid #5B82FF;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
    background: rgba(91, 130, 255, 0.1);
}

.audioplayer-playing .audioplayer-playpause {
    background: rgba(253, 79, 26, 0);
    border: 1px solid #FD4F1A;
}

.audioplayer-playing .audioplayer-playpause:hover {
    background: rgba(235, 79, 26, 0.1);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    content: '';
    justify-content: center;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 7px solid transparent;
    border-right: none;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #0059FF;
}

.audioplayer-playing .audioplayer-playpause a {
    content: '';
    display: flex;
    justify-content: space-between;
    width: 12px;
    height: 14px;
}

.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
    content: '';
    width: 4px;
    height: 14px;
    background-color: #FD4F1A;
}

.audioplayer-time {
    display: flex;
    width: 40px;
    justify-content:center;
    font-size: 12px;
    color: rgba(51, 51 ,51, .6)
}

.audioplayer-time-current {
    margin-left: 24px;
}

.audioplayer-time-duration {
    margin-right: 24px;
}

.audioplayer-bar {
    position: relative;
    display: flex;
    margin: 0 12px;
    height: 12px;
    flex-basis: 0;
    flex-grow: 1;
    cursor: pointer;
}

.audioplayer-bar::before {
    content: '';
    position: absolute;
    top: 5px;
    width: 100%;
    height: 2px;
    background-color: #DDE2E6;
}

.audioplayer-bar > div {
    position: absolute;
    left: 0;
    top: 5px;
}
.audioplayer-bar-loaded {
    z-index: 1;
    height: 2px;
    background: #BEC8D2;
}

.audioplayer-bar-played {
    flex-direction: row-reverse;
    z-index: 2;
    height: 2px;
    background: -webkit-linear-gradient(left,#0059FF,#09B1FA);
}

.audioplayer-bar-played::after {
    display: flex;
    position: absolute;
    content: '';
    box-sizing: border-box;
    top: -5px;
    right: -1px;
    margin-right: -5px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 6px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
    border: 2px solid #BEC8D2;
}

.audioplayer-playing .audioplayer-bar-played::after {
    border: 2px solid #0059FF;

}

.audioplayer-volume {
    display: flex;
    align-items: center;
}

.audioplayer-volume-button {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.audioplayer-volume-button a {
    display: flex;
    width: 6px;
    height: 8px;
    background-color: #9A9FB0;
    position: relative;
}

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
    content: '';
    position: absolute;
}

.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 9px solid #9A9FB0;
    border-bottom: 8px solid transparent;
    border-left: none;
    top: -4px;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    left: 10px;
    top: -2px;
    width: 6px;
    height: 6px;
    border: 6px double #9A9FB0;
    border-width: 6px 6px 0 0;
    border-radius: 0 12px 0 0;
    transform: rotate(45deg);
}

.audioplayer-mute .audioplayer-volume-button a {
    background-color: #FD4F1A;
}

.audioplayer-mute .audioplayer-volume-button a:before {
    border-right: 9px solid #FD4F1A;
}

.audioplayer-volume-adjust {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.audioplayer-volume-adjust > div {
    position: relative;
    display: flex;
    width: 60px;
    height: 2px;
    cursor: pointer;
    background-color: #BEC8D2;
}

.audioplayer-volume-adjust div div {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #0059FF;
}

/* responsive | you can change the max-width value to match your theme */

@media screen and (max-width: 679px) {
    .audioplayer-volume-adjust {
        display: none;
    }
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/css/style.css?ngGlobalStyle (1) ***!
  \************************************************************************************************************************************************************************************************************************************/
/** ================================= Table Of Contents =================================== /
1. Abstract Css 
    1.1 Function Css 
    1.2 Variables Css 
    1.3 Mixins Css 


2. Component Css
    2.1 Preloader Css
    2.2 Buttons Css
    2.3 Badge Css
    2.4 Table Css
    2.5 Form Css
    2.6 Card Css
    2.7 Modal Css
    2.8 Accordion Css
    2.9 Nav tabs Css
    2.10 Pagination Css
    2.11 Avatar Css
    2.12 List Style Css
    2.13 Apex Chart Css
    2.14 Progress Bar Css
    2.15 Vector map Css
    2.16 Scroll Css
    2.17 Slider Css
    2.18 Dropdown Css
    2.19 Tooltip.scss Css
    2.20 Image upload Css
    2.21 Calendar Css
    2.22 Auth Css
    2.23 Pricing Css
    2.24 Theme Css
    2.25 Date Picker Css
    2.26 Email Css
    2.27 Faq Css
    2.28 Editor Css
    2.29 Chat Css


3. Layout Css
    3.1 Navbar Css
    3.2 Sidebar Css
    3.3 Breadcrumb Css
    3.4 Dashboard Body Css
    3.5 Footer Css


4. Utilities Css
    4.1 Reset Css
    4.2 Color Css
    4.3 Bg Css
    4.4 Shadow Css
    4.5 Size Css
    4.6 Spacing Css
    4.7 Radius Css
    4.8 Animation Css
    4.9 Typography Css
    4.10 Text Align Css
    4.11 Border Css
    4.12 Hover Css
    4.13 Overlay Css
    4.14 Position Css
/ ================================= Table Of Contents =================================== **/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 4px 60px 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 4px 60px 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 20px 100px 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 4px 8px 24px 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 4px 12px 32px 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 4px 16px 32px 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme][class~="theme-switching"],
.theme-switching *,
.theme-switching *::before,
.theme-switching *::after {
  transition: none !important;
  animation: none !important;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === reset css start === */
/* === reset css start === */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  transition: all 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--text-secondary-light);
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 1.7;
  overflow-x: hidden;
}

body.overlay-active::after {
  width: 100%;
}

body::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

main {
  display: block;
}

footer {
  margin-top: auto;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
}

select {
  cursor: pointer;
}

dt {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
  opacity: 0.15;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

span {
  display: inline-block;
}

a {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: inherit;
}

a, button {
  cursor: revert;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

a:hover {
  color: var(--primary);
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

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

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

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

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* === reset css end === */
/* === reset css end === */
/* === color css start === */
.text-primary-50 {
  color: var(--primary-50) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-dark-1 {
  color: var(--dark-1) !important;
}

.text-dark-2 {
  color: var(--dark-2) !important;
}

.text-dark-3 {
  color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-hover-dark-1:hover {
  color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
  color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
  color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.text-success-main {
  color: var(--success-main);
}

.text-success-surface {
  color: var(--success-surface);
}

.text-success-border {
  color: var(--success-border);
}

.text-success-hover {
  color: var(--success-hover);
}

.text-success-pressed {
  color: var(--success-pressed);
}

.text-success-focus {
  color: var(--success-focus);
}

.text-info-main {
  color: var(--info-main);
}

.text-info-surface {
  color: var(--info-surface);
}

.text-info-border {
  color: var(--info-border);
}

.text-info-hover {
  color: var(--info-hover);
}

.text-info-pressed {
  color: var(--info-pressed);
}

.text-info-focus {
  color: var(--info-focus);
}

.text-warning-main {
  color: var(--warning-main);
}

.text-warning-surface {
  color: var(--warning-surface);
}

.text-warning-border {
  color: var(--warning-border);
}

.text-warning-hover {
  color: var(--warning-hover);
}

.text-warning-pressed {
  color: var(--warning-pressed);
}

.text-warning-focus {
  color: var(--warning-focus);
}

.text-danger-main {
  color: var(--danger-main);
}

.text-danger-surface {
  color: var(--danger-surface);
}

.text-danger-border {
  color: var(--danger-border);
}

.text-danger-hover {
  color: var(--danger-hover);
}

.text-danger-pressed {
  color: var(--danger-pressed);
}

.text-danger-focus {
  color: var(--danger-focus);
}

.text-cyan {
  color: var(--cyan);
}

.text-indigo {
  color: var(--indigo);
}

.text-purple {
  color: var(--purple);
}

.text-red {
  color: var(--red);
}

.text-yellow {
  color: var(--yellow);
}

.text-orange {
  color: var(--orange);
}

.text-pink {
  color: var(--pink);
}

.text-primary-light {
  color: var(--text-primary-light) !important;
}

.text-secondary-light {
  color: var(--text-secondary-light);
}

.text-secondary-dark {
  color: var(--text-secondary-dark);
}

.text-base {
  color: var(--white) !important;
}

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

.hover-text-primary:hover, .btn.hover-text-primary:hover {
  color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
  color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
  color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
  color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
  color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
  color: var(--base) !important;
}

/* === color css end === */
/* === bg css start === */
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.bg-dark-3 {
  background-color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.bg-success-main {
  background-color: var(--success-main) !important;
}

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

.bg-success-border {
  background-color: var(--success-border) !important;
}

.bg-success-hover {
  background-color: var(--success-hover) !important;
}

.bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.bg-success-focus {
  background-color: var(--success-focus) !important;
}

.bg-info-main {
  background-color: var(--info-main) !important;
}

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

.bg-info-border {
  background-color: var(--info-border) !important;
}

.bg-info-hover {
  background-color: var(--info-hover) !important;
}

.bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.bg-info-focus {
  background-color: var(--info-focus) !important;
}

.bg-warning-main {
  background-color: var(--warning-main) !important;
}

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

.bg-warning-border {
  background-color: var(--warning-border) !important;
}

.bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.bg-danger-main {
  background-color: var(--danger-main) !important;
}

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

.bg-danger-border {
  background-color: var(--danger-border) !important;
}

.bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.bg-cyan {
  background-color: var(--cyan) !important;
}

.bg-indigo {
  background-color: var(--indigo) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-red {
  background-color: var(--red) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.bg-pink {
  background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
  transition: all 0.3s;
}

.bg-hover-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.bg-hover-primary-100 {
  transition: all 0.3s;
}

.bg-hover-primary-100:hover {
  background-color: var(--primary-100) !important;
}

.bg-hover-primary-200 {
  transition: all 0.3s;
}

.bg-hover-primary-200:hover {
  background-color: var(--primary-200) !important;
}

.bg-hover-primary-300 {
  transition: all 0.3s;
}

.bg-hover-primary-300:hover {
  background-color: var(--primary-300) !important;
}

.bg-hover-primary-400 {
  transition: all 0.3s;
}

.bg-hover-primary-400:hover {
  background-color: var(--primary-400) !important;
}

.bg-hover-primary-500 {
  transition: all 0.3s;
}

.bg-hover-primary-500:hover {
  background-color: var(--primary-500) !important;
}

.bg-hover-primary-600 {
  transition: all 0.3s;
}

.bg-hover-primary-600:hover {
  background-color: var(--primary-600) !important;
}

.bg-hover-primary-700 {
  transition: all 0.3s;
}

.bg-hover-primary-700:hover {
  background-color: var(--primary-700) !important;
}

.bg-hover-primary-800 {
  transition: all 0.3s;
}

.bg-hover-primary-800:hover {
  background-color: var(--primary-800) !important;
}

.bg-hover-primary-900 {
  transition: all 0.3s;
}

.bg-hover-primary-900:hover {
  background-color: var(--primary-900) !important;
}

.bg-hover-neutral-50 {
  transition: all 0.3s;
}

.bg-hover-neutral-50:hover {
  background-color: var(--neutral-50) !important;
}

.bg-hover-neutral-100 {
  transition: all 0.3s;
}

.bg-hover-neutral-100:hover {
  background-color: var(--neutral-100) !important;
}

.bg-hover-neutral-200 {
  transition: all 0.3s;
}

.bg-hover-neutral-200:hover {
  background-color: var(--neutral-200) !important;
}

.bg-hover-neutral-300 {
  transition: all 0.3s;
}

.bg-hover-neutral-300:hover {
  background-color: var(--neutral-300) !important;
}

.bg-hover-neutral-400 {
  transition: all 0.3s;
}

.bg-hover-neutral-400:hover {
  background-color: var(--neutral-400) !important;
}

.bg-hover-neutral-500 {
  transition: all 0.3s;
}

.bg-hover-neutral-500:hover {
  background-color: var(--neutral-500) !important;
}

.bg-hover-neutral-600 {
  transition: all 0.3s;
}

.bg-hover-neutral-600:hover {
  background-color: var(--neutral-600) !important;
}

.bg-hover-neutral-700 {
  transition: all 0.3s;
}

.bg-hover-neutral-700:hover {
  background-color: var(--neutral-700) !important;
}

.bg-hover-neutral-800 {
  transition: all 0.3s;
}

.bg-hover-neutral-800:hover {
  background-color: var(--neutral-800) !important;
}

.bg-hover-neutral-900 {
  transition: all 0.3s;
}

.bg-hover-neutral-900:hover {
  background-color: var(--neutral-900) !important;
}

.bg-hover-danger-50 {
  transition: all 0.3s;
}

.bg-hover-danger-50:hover {
  background-color: var(--danger-50) !important;
}

.bg-hover-danger-100 {
  transition: all 0.3s;
}

.bg-hover-danger-100:hover {
  background-color: var(--danger-100) !important;
}

.bg-hover-danger-200 {
  transition: all 0.3s;
}

.bg-hover-danger-200:hover {
  background-color: var(--danger-200) !important;
}

.bg-hover-danger-300 {
  transition: all 0.3s;
}

.bg-hover-danger-300:hover {
  background-color: var(--danger-300) !important;
}

.bg-hover-danger-400 {
  transition: all 0.3s;
}

.bg-hover-danger-400:hover {
  background-color: var(--danger-400) !important;
}

.bg-hover-danger-500 {
  transition: all 0.3s;
}

.bg-hover-danger-500:hover {
  background-color: var(--danger-500) !important;
}

.bg-hover-danger-600 {
  transition: all 0.3s;
}

.bg-hover-danger-600:hover {
  background-color: var(--danger-600) !important;
}

.bg-hover-danger-700 {
  transition: all 0.3s;
}

.bg-hover-danger-700:hover {
  background-color: var(--danger-700) !important;
}

.bg-hover-danger-800 {
  transition: all 0.3s;
}

.bg-hover-danger-800:hover {
  background-color: var(--danger-800) !important;
}

.bg-hover-danger-900 {
  transition: all 0.3s;
}

.bg-hover-danger-900:hover {
  background-color: var(--danger-900) !important;
}

.bg-hover-success-50 {
  transition: all 0.3s;
}

.bg-hover-success-50:hover {
  background-color: var(--success-50) !important;
}

.bg-hover-success-100 {
  transition: all 0.3s;
}

.bg-hover-success-100:hover {
  background-color: var(--success-100) !important;
}

.bg-hover-success-200 {
  transition: all 0.3s;
}

.bg-hover-success-200:hover {
  background-color: var(--success-200) !important;
}

.bg-hover-success-300 {
  transition: all 0.3s;
}

.bg-hover-success-300:hover {
  background-color: var(--success-300) !important;
}

.bg-hover-success-400 {
  transition: all 0.3s;
}

.bg-hover-success-400:hover {
  background-color: var(--success-400) !important;
}

.bg-hover-success-500 {
  transition: all 0.3s;
}

.bg-hover-success-500:hover {
  background-color: var(--success-500) !important;
}

.bg-hover-success-600 {
  transition: all 0.3s;
}

.bg-hover-success-600:hover {
  background-color: var(--success-600) !important;
}

.bg-hover-success-700 {
  transition: all 0.3s;
}

.bg-hover-success-700:hover {
  background-color: var(--success-700) !important;
}

.bg-hover-success-800 {
  transition: all 0.3s;
}

.bg-hover-success-800:hover {
  background-color: var(--success-800) !important;
}

.bg-hover-success-900 {
  transition: all 0.3s;
}

.bg-hover-success-900:hover {
  background-color: var(--success-900) !important;
}

.bg-hover-warning-50 {
  transition: all 0.3s;
}

.bg-hover-warning-50:hover {
  background-color: var(--warning-50) !important;
}

.bg-hover-warning-100 {
  transition: all 0.3s;
}

.bg-hover-warning-100:hover {
  background-color: var(--warning-100) !important;
}

.bg-hover-warning-200 {
  transition: all 0.3s;
}

.bg-hover-warning-200:hover {
  background-color: var(--warning-200) !important;
}

.bg-hover-warning-300 {
  transition: all 0.3s;
}

.bg-hover-warning-300:hover {
  background-color: var(--warning-300) !important;
}

.bg-hover-warning-400 {
  transition: all 0.3s;
}

.bg-hover-warning-400:hover {
  background-color: var(--warning-400) !important;
}

.bg-hover-warning-500 {
  transition: all 0.3s;
}

.bg-hover-warning-500:hover {
  background-color: var(--warning-500) !important;
}

.bg-hover-warning-600 {
  transition: all 0.3s;
}

.bg-hover-warning-600:hover {
  background-color: var(--warning-600) !important;
}

.bg-hover-warning-700 {
  transition: all 0.3s;
}

.bg-hover-warning-700:hover {
  background-color: var(--warning-700) !important;
}

.bg-hover-warning-800 {
  transition: all 0.3s;
}

.bg-hover-warning-800:hover {
  background-color: var(--warning-800) !important;
}

.bg-hover-warning-900 {
  transition: all 0.3s;
}

.bg-hover-warning-900:hover {
  background-color: var(--warning-900) !important;
}

.bg-hover-info-50 {
  transition: all 0.3s;
}

.bg-hover-info-50:hover {
  background-color: var(--info-50) !important;
}

.bg-hover-info-100 {
  transition: all 0.3s;
}

.bg-hover-info-100:hover {
  background-color: var(--info-100) !important;
}

.bg-hover-info-200 {
  transition: all 0.3s;
}

.bg-hover-info-200:hover {
  background-color: var(--info-200) !important;
}

.bg-hover-info-300 {
  transition: all 0.3s;
}

.bg-hover-info-300:hover {
  background-color: var(--info-300) !important;
}

.bg-hover-info-400 {
  transition: all 0.3s;
}

.bg-hover-info-400:hover {
  background-color: var(--info-400) !important;
}

.bg-hover-info-500 {
  transition: all 0.3s;
}

.bg-hover-info-500:hover {
  background-color: var(--info-500) !important;
}

.bg-hover-info-600 {
  transition: all 0.3s;
}

.bg-hover-info-600:hover {
  background-color: var(--info-600) !important;
}

.bg-hover-info-700 {
  transition: all 0.3s;
}

.bg-hover-info-700:hover {
  background-color: var(--info-700) !important;
}

.bg-hover-info-800 {
  transition: all 0.3s;
}

.bg-hover-info-800:hover {
  background-color: var(--info-800) !important;
}

.bg-hover-info-900 {
  transition: all 0.3s;
}

.bg-hover-info-900:hover {
  background-color: var(--info-900) !important;
}

.bg-hover-dark-1 {
  transition: all 0.3s;
}

.bg-hover-dark-1:hover {
  background-color: var(--dark-1) !important;
}

.bg-hover-dark-2 {
  transition: all 0.3s;
}

.bg-hover-dark-2:hover {
  background-color: var(--dark-2) !important;
}

.bg-hover-dark-3 {
  transition: all 0.3s;
}

.bg-hover-dark-3:hover {
  background-color: var(--dark-3) !important;
}

.bg-hover-lilac-50 {
  transition: all 0.3s;
}

.bg-hover-lilac-50:hover {
  background-color: var(--lilac-50) !important;
}

.bg-hover-lilac-100 {
  transition: all 0.3s;
}

.bg-hover-lilac-100:hover {
  background-color: var(--lilac-100) !important;
}

.bg-hover-lilac-600 {
  transition: all 0.3s;
}

.bg-hover-lilac-600:hover {
  background-color: var(--lilac-600) !important;
}

.bg-hover-lilac-700 {
  transition: all 0.3s;
}

.bg-hover-lilac-700:hover {
  background-color: var(--lilac-700) !important;
}

.bg-hover-lilac-800 {
  transition: all 0.3s;
}

.bg-hover-lilac-800:hover {
  background-color: var(--lilac-800) !important;
}

.bg-hover-light-50 {
  transition: all 0.3s;
}

.bg-hover-light-50:hover {
  background-color: var(--light-50) !important;
}

.bg-hover-light-100 {
  transition: all 0.3s;
}

.bg-hover-light-100:hover {
  background-color: var(--light-100) !important;
}

.bg-hover-light-600 {
  transition: all 0.3s;
}

.bg-hover-light-600:hover {
  background-color: var(--light-600) !important;
}

.bg-hover-light-700 {
  transition: all 0.3s;
}

.bg-hover-light-700:hover {
  background-color: var(--light-700) !important;
}

.bg-hover-light-800 {
  transition: all 0.3s;
}

.bg-hover-light-800:hover {
  background-color: var(--light-800) !important;
}

.bg-hover-success-main {
  transition: all 0.3s;
}

.bg-hover-success-main:hover {
  background-color: var(--success-main) !important;
}

.bg-hover-success-surface {
  transition: all 0.3s;
}

.bg-hover-success-surface:hover {
  background-color: var(--success-surface) !important;
}

.bg-hover-success-border {
  transition: all 0.3s;
}

.bg-hover-success-border:hover {
  background-color: var(--success-border) !important;
}

.bg-hover-success-hover {
  transition: all 0.3s;
}

.bg-hover-success-hover:hover {
  background-color: var(--success-hover) !important;
}

.bg-hover-success-pressed {
  transition: all 0.3s;
}

.bg-hover-success-pressed:hover {
  background-color: var(--success-pressed) !important;
}

.bg-hover-success-focus {
  transition: all 0.3s;
}

.bg-hover-success-focus:hover {
  background-color: var(--success-focus) !important;
}

.bg-hover-info-main {
  transition: all 0.3s;
}

.bg-hover-info-main:hover {
  background-color: var(--info-main) !important;
}

.bg-hover-info-surface {
  transition: all 0.3s;
}

.bg-hover-info-surface:hover {
  background-color: var(--info-surface) !important;
}

.bg-hover-info-border {
  transition: all 0.3s;
}

.bg-hover-info-border:hover {
  background-color: var(--info-border) !important;
}

.bg-hover-info-hover {
  transition: all 0.3s;
}

.bg-hover-info-hover:hover {
  background-color: var(--info-hover) !important;
}

.bg-hover-info-pressed {
  transition: all 0.3s;
}

.bg-hover-info-pressed:hover {
  background-color: var(--info-pressed) !important;
}

.bg-hover-info-focus {
  transition: all 0.3s;
}

.bg-hover-info-focus:hover {
  background-color: var(--info-focus) !important;
}

.bg-hover-warning-main {
  transition: all 0.3s;
}

.bg-hover-warning-main:hover {
  background-color: var(--warning-main) !important;
}

.bg-hover-warning-surface {
  transition: all 0.3s;
}

.bg-hover-warning-surface:hover {
  background-color: var(--warning-surface) !important;
}

.bg-hover-warning-border {
  transition: all 0.3s;
}

.bg-hover-warning-border:hover {
  background-color: var(--warning-border) !important;
}

.bg-hover-warning-hover {
  transition: all 0.3s;
}

.bg-hover-warning-hover:hover {
  background-color: var(--warning-hover) !important;
}

.bg-hover-warning-pressed {
  transition: all 0.3s;
}

.bg-hover-warning-pressed:hover {
  background-color: var(--warning-pressed) !important;
}

.bg-hover-warning-focus {
  transition: all 0.3s;
}

.bg-hover-warning-focus:hover {
  background-color: var(--warning-focus) !important;
}

.bg-hover-danger-main {
  transition: all 0.3s;
}

.bg-hover-danger-main:hover {
  background-color: var(--danger-main) !important;
}

.bg-hover-danger-surface {
  transition: all 0.3s;
}

.bg-hover-danger-surface:hover {
  background-color: var(--danger-surface) !important;
}

.bg-hover-danger-border {
  transition: all 0.3s;
}

.bg-hover-danger-border:hover {
  background-color: var(--danger-border) !important;
}

.bg-hover-danger-hover {
  transition: all 0.3s;
}

.bg-hover-danger-hover:hover {
  background-color: var(--danger-hover) !important;
}

.bg-hover-danger-pressed {
  transition: all 0.3s;
}

.bg-hover-danger-pressed:hover {
  background-color: var(--danger-pressed) !important;
}

.bg-hover-danger-focus {
  transition: all 0.3s;
}

.bg-hover-danger-focus:hover {
  background-color: var(--danger-focus) !important;
}

.bg-hover-cyan {
  transition: all 0.3s;
}

.bg-hover-cyan:hover {
  background-color: var(--cyan) !important;
}

.bg-hover-indigo {
  transition: all 0.3s;
}

.bg-hover-indigo:hover {
  background-color: var(--indigo) !important;
}

.bg-hover-purple {
  transition: all 0.3s;
}

.bg-hover-purple:hover {
  background-color: var(--purple) !important;
}

.bg-hover-red {
  transition: all 0.3s;
}

.bg-hover-red:hover {
  background-color: var(--red) !important;
}

.bg-hover-yellow {
  transition: all 0.3s;
}

.bg-hover-yellow:hover {
  background-color: var(--yellow) !important;
}

.bg-hover-orange {
  transition: all 0.3s;
}

.bg-hover-orange:hover {
  background-color: var(--orange) !important;
}

.bg-hover-pink {
  transition: all 0.3s;
}

.bg-hover-pink:hover {
  background-color: var(--pink) !important;
}

.bg-base {
  background-color: var(--white) !important;
}

.bg-base-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

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

.bg-primary-light {
  background-color: var(--primary-light) !important;
}

.bg-yellow-light {
  background-color: var(--yellow-light) !important;
}

.bg-purple-light {
  background-color: var(--purple-light) !important;
}

.bg-pink-light {
  background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
  background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
  background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
  background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
  background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
  background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
  background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
  background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
  background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
  background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
  background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
  background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
  background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
  background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
  background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
  background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
  background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
  background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
  background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
  background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
  background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
  background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
  background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
  background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
  background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
  background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
  background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
  background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme=dark] .bg-gradient-start-1 {
  background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-2 {
  background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}

html[data-theme=dark] .bg-gradient-start-3 {
  background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-4 {
  background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-5 {
  background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}

html[data-theme=dark] .bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}

html[data-theme=dark] .bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}

html[data-theme=dark] .bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}

html[data-theme=dark] .bg-gradient-end-1 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-2 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}

html[data-theme=dark] .bg-gradient-end-3 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}

html[data-theme=dark] .bg-gradient-end-4 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-5 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}

html[data-theme=dark] .bg-gradient-end-6 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-purple {
  background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}

html[data-theme=dark] .bg-gradient-primary {
  background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}

html[data-theme=dark] .bg-gradient-success {
  background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}

html[data-theme=dark] .bg-gradient-danger {
  background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}

html[data-theme=dark] .bg-danger-gradient-light {
  background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}

html[data-theme=dark] .bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}

html[data-theme=dark] .bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}

/* === bg css end === */
/* === shadow css start === */
.shadow-1 {
  box-shadow: var(--shadow-1);
}

.shadow-2 {
  box-shadow: var(--shadow-2);
}

.shadow-3 {
  box-shadow: var(--shadow-3);
}

.shadow-4 {
  box-shadow: var(--shadow-4);
}

.shadow-5 {
  box-shadow: var(--shadow-5);
}

.shadow-6 {
  box-shadow: var(--shadow-6);
}

.bordered-shadow {
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5019607843);
}

.shadow-top {
  box-shadow: 0px -4px 30px 0px rgba(46, 45, 116, 0.05);
}

/* === shadow css end === */
/* === size css start === */
.w-2-px {
  width: 0.125rem !important;
}

.w-4-px {
  width: 0.25rem !important;
}

.w-6-px {
  width: 0.375rem !important;
}

.w-8-px {
  width: 0.5rem !important;
}

.w-9-px {
  width: 0.5625rem !important;
}

.w-10-px {
  width: 0.625rem !important;
}

.w-11-px {
  width: 0.6875rem !important;
}

.w-12-px {
  width: 0.75rem !important;
}

.w-13-px {
  width: 0.8125rem !important;
}

.w-16-px {
  width: 1rem !important;
}

.w-20-px {
  width: 1.25rem !important;
}

.w-24-px {
  width: 1.5rem !important;
}

.w-28-px {
  width: 1.5rem !important;
}

.w-32-px {
  width: 2rem !important;
}

.w-36-px {
  width: 2rem !important;
}

.w-40-px {
  width: 2.5rem !important;
}

.w-44-px {
  width: 2.75rem !important;
}

.w-48-px {
  width: 3rem !important;
}

.w-50-px {
  width: 3.125rem !important;
}

.w-56-px {
  width: 3.5rem !important;
}

.w-60-px {
  width: 3.75rem !important;
}

.w-64-px {
  width: 4rem !important;
}

.w-72-px {
  width: 4.5rem !important;
}

.w-76-px {
  width: 4.75rem !important;
}

.w-80-px {
  width: 5rem !important;
}

.w-90-px {
  width: 5.625rem !important;
}

.w-110-px {
  width: 6.875rem !important;
}

.w-120-px {
  width: 7.5rem !important;
}

.w-144-px {
  width: 9rem !important;
}

.w-160-px {
  width: 10rem !important;
}

.w-170-px {
  width: 10.625rem !important;
}

.w-190-px {
  width: 11.875rem !important;
}

.w-200-px {
  width: 12.5rem !important;
}

.w-240-px {
  width: 15rem !important;
}

.w-440-px {
  width: 27.5rem !important;
}

.w-100-px {
  width: 100px;
}

.h-100-px {
  height: 100px;
}

.min-w-max-content {
  min-width: max-content;
}

.w-190-px {
  width: 190px;
}

.max-w-740-px {
  max-width: 740px;
}

@media (max-width: 1399px) {
  .max-w-740-px {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .max-w-740-px {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .max-w-740-px {
    max-width: 250px;
  }
}
.textarea-max-height {
  height: 44px;
}

.resize-none {
  resize: none;
}

.min-w-450-px {
  min-width: 450px;
}

.min-w-132-px {
  min-width: 132px;
}

.h-2-px {
  height: 0.125rem !important;
}

.h-4-px {
  height: 0.25rem !important;
}

.h-6-px {
  height: 0.375rem !important;
}

.h-8-px {
  height: 0.5rem !important;
}

.h-9-px {
  height: 0.5625rem !important;
}

.h-10-px {
  height: 0.625rem !important;
}

.h-11-px {
  height: 0.6875rem !important;
}

.h-12-px {
  height: 0.75rem !important;
}

.h-13-px {
  height: 0.8125rem !important;
}

.h-16-px {
  height: 1rem !important;
}

.h-20-px {
  height: 1.25rem !important;
}

.h-24-px {
  height: 1.5rem !important;
}

.h-28-px {
  height: 1.5rem !important;
}

.h-32-px {
  height: 2rem !important;
}

.h-36-px {
  height: 2rem !important;
}

.h-40-px {
  height: 2.5rem !important;
}

.h-44-px {
  height: 2.75rem !important;
}

.h-48-px {
  height: 3rem !important;
}

.h-50-px {
  height: 3.125rem !important;
}

.h-56-px {
  height: 3.5rem !important;
}

.h-60-px {
  height: 3.75rem !important;
}

.h-64-px {
  height: 4rem !important;
}

.h-72-px {
  height: 4.5rem !important;
}

.h-76-px {
  height: 4.75rem !important;
}

.h-80-px {
  height: 5rem !important;
}

.h-90-px {
  height: 5.625rem !important;
}

.h-110-px {
  height: 6.875rem !important;
}

.h-120-px {
  height: 7.5rem !important;
}

.h-144-px {
  height: 9rem !important;
}

.h-160-px {
  height: 10rem !important;
}

.h-170-px {
  height: 10.625rem !important;
}

.h-190-px {
  height: 11.875rem !important;
}

.h-200-px {
  height: 12.5rem !important;
}

.h-240-px {
  height: 15rem !important;
}

.h-440-px {
  height: 27.5rem !important;
}

.max-h-258-px {
  max-height: 258px;
}

.max-h-350-px {
  max-height: 350px;
}

.max-h-266-px {
  max-height: 266px;
}

.max-h-400-px {
  max-height: 400px;
}

.max-h-612-px {
  max-height: 612px !important;
}

.min-h-612-px {
  min-height: 612px !important;
}

/* Min max width & height Start */
.min-w-120-px {
  min-width: 120px;
}

.max-w-150-px {
  max-width: 150px;
}

.max-w-440-px {
  max-width: 440px;
}

.max-w-464-px {
  max-width: 464px;
}

.max-w-500-px {
  max-width: 500px;
}

.max-w-290-px {
  max-width: 290px;
}

.max-w-634-px {
  max-width: 634px;
}

/* Min max width & height End */
.text-w-200-px {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-w-100-px {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-auto {
  top: auto;
}

.bottom-3px {
  bottom: 3px;
}

@media (min-width: 1700px) {
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}
.kanban-wrapper {
  min-width: 1560px;
}

/* === size css end === */
/* === spacing css start === */
.m-2 {
  margin: var(--size-2);
}

.m-4 {
  margin: var(--size-4);
}

.m-6 {
  margin: var(--size-6);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-16 {
  margin: var(--size-16);
}

.m-20 {
  margin: var(--size-20);
}

.m-24 {
  margin: var(--size-24);
}

.m-28 {
  margin: var(--size-28);
}

.m-32 {
  margin: var(--size-32);
}

.m-36 {
  margin: var(--size-36);
}

.m-40 {
  margin: var(--size-40);
}

.m-44 {
  margin: var(--size-44);
}

.m-48 {
  margin: var(--size-48);
}

.m-50 {
  margin: var(--size-50);
}

.m-56 {
  margin: var(--size-56);
}

.m-60 {
  margin: var(--size-60);
}

.m-64 {
  margin: var(--size-64);
}

.m-72 {
  margin: var(--size-72);
}

.m-76 {
  margin: var(--size-76);
}

.m-80 {
  margin: var(--size-80);
}

.m-90 {
  margin: var(--size-90);
}

.m-110 {
  margin: var(--size-110);
}

.m-120 {
  margin: var(--size-120);
}

.m-144 {
  margin: var(--size-144);
}

.m-160 {
  margin: var(--size-160);
}

.m-170 {
  margin: var(--size-170);
}

.m-190 {
  margin: var(--size-190);
}

.m-200 {
  margin: var(--size-200);
}

.m-240 {
  margin: var(--size-240);
}

.m-440 {
  margin: var(--size-440);
}

.mx-2 {
  margin-inline: var(--size-2) !important;
}

.mx-4 {
  margin-inline: var(--size-4) !important;
}

.mx-6 {
  margin-inline: var(--size-6) !important;
}

.mx-8 {
  margin-inline: var(--size-8) !important;
}

.mx-9 {
  margin-inline: var(--size-9) !important;
}

.mx-10 {
  margin-inline: var(--size-10) !important;
}

.mx-11 {
  margin-inline: var(--size-11) !important;
}

.mx-12 {
  margin-inline: var(--size-12) !important;
}

.mx-13 {
  margin-inline: var(--size-13) !important;
}

.mx-16 {
  margin-inline: var(--size-16) !important;
}

.mx-20 {
  margin-inline: var(--size-20) !important;
}

.mx-24 {
  margin-inline: var(--size-24) !important;
}

.mx-28 {
  margin-inline: var(--size-28) !important;
}

.mx-32 {
  margin-inline: var(--size-32) !important;
}

.mx-36 {
  margin-inline: var(--size-36) !important;
}

.mx-40 {
  margin-inline: var(--size-40) !important;
}

.mx-44 {
  margin-inline: var(--size-44) !important;
}

.mx-48 {
  margin-inline: var(--size-48) !important;
}

.mx-50 {
  margin-inline: var(--size-50) !important;
}

.mx-56 {
  margin-inline: var(--size-56) !important;
}

.mx-60 {
  margin-inline: var(--size-60) !important;
}

.mx-64 {
  margin-inline: var(--size-64) !important;
}

.mx-72 {
  margin-inline: var(--size-72) !important;
}

.mx-76 {
  margin-inline: var(--size-76) !important;
}

.mx-80 {
  margin-inline: var(--size-80) !important;
}

.mx-90 {
  margin-inline: var(--size-90) !important;
}

.mx-110 {
  margin-inline: var(--size-110) !important;
}

.mx-120 {
  margin-inline: var(--size-120) !important;
}

.mx-144 {
  margin-inline: var(--size-144) !important;
}

.mx-160 {
  margin-inline: var(--size-160) !important;
}

.mx-170 {
  margin-inline: var(--size-170) !important;
}

.mx-190 {
  margin-inline: var(--size-190) !important;
}

.mx-200 {
  margin-inline: var(--size-200) !important;
}

.mx-240 {
  margin-inline: var(--size-240) !important;
}

.mx-440 {
  margin-inline: var(--size-440) !important;
}

.my-2 {
  margin-block: var(--size-2) !important;
}

.my-4 {
  margin-block: var(--size-4) !important;
}

.my-6 {
  margin-block: var(--size-6) !important;
}

.my-8 {
  margin-block: var(--size-8) !important;
}

.my-9 {
  margin-block: var(--size-9) !important;
}

.my-10 {
  margin-block: var(--size-10) !important;
}

.my-11 {
  margin-block: var(--size-11) !important;
}

.my-12 {
  margin-block: var(--size-12) !important;
}

.my-13 {
  margin-block: var(--size-13) !important;
}

.my-16 {
  margin-block: var(--size-16) !important;
}

.my-20 {
  margin-block: var(--size-20) !important;
}

.my-24 {
  margin-block: var(--size-24) !important;
}

.my-28 {
  margin-block: var(--size-28) !important;
}

.my-32 {
  margin-block: var(--size-32) !important;
}

.my-36 {
  margin-block: var(--size-36) !important;
}

.my-40 {
  margin-block: var(--size-40) !important;
}

.my-44 {
  margin-block: var(--size-44) !important;
}

.my-48 {
  margin-block: var(--size-48) !important;
}

.my-50 {
  margin-block: var(--size-50) !important;
}

.my-56 {
  margin-block: var(--size-56) !important;
}

.my-60 {
  margin-block: var(--size-60) !important;
}

.my-64 {
  margin-block: var(--size-64) !important;
}

.my-72 {
  margin-block: var(--size-72) !important;
}

.my-76 {
  margin-block: var(--size-76) !important;
}

.my-80 {
  margin-block: var(--size-80) !important;
}

.my-90 {
  margin-block: var(--size-90) !important;
}

.my-110 {
  margin-block: var(--size-110) !important;
}

.my-120 {
  margin-block: var(--size-120) !important;
}

.my-144 {
  margin-block: var(--size-144) !important;
}

.my-160 {
  margin-block: var(--size-160) !important;
}

.my-170 {
  margin-block: var(--size-170) !important;
}

.my-190 {
  margin-block: var(--size-190) !important;
}

.my-200 {
  margin-block: var(--size-200) !important;
}

.my-240 {
  margin-block: var(--size-240) !important;
}

.my-440 {
  margin-block: var(--size-440) !important;
}

.ms-2 {
  margin-inline-start: var(--size-2) !important;
}

.ms-4 {
  margin-inline-start: var(--size-4) !important;
}

.ms-6 {
  margin-inline-start: var(--size-6) !important;
}

.ms-8 {
  margin-inline-start: var(--size-8) !important;
}

.ms-9 {
  margin-inline-start: var(--size-9) !important;
}

.ms-10 {
  margin-inline-start: var(--size-10) !important;
}

.ms-11 {
  margin-inline-start: var(--size-11) !important;
}

.ms-12 {
  margin-inline-start: var(--size-12) !important;
}

.ms-13 {
  margin-inline-start: var(--size-13) !important;
}

.ms-16 {
  margin-inline-start: var(--size-16) !important;
}

.ms-20 {
  margin-inline-start: var(--size-20) !important;
}

.ms-24 {
  margin-inline-start: var(--size-24) !important;
}

.ms-28 {
  margin-inline-start: var(--size-28) !important;
}

.ms-32 {
  margin-inline-start: var(--size-32) !important;
}

.ms-36 {
  margin-inline-start: var(--size-36) !important;
}

.ms-40 {
  margin-inline-start: var(--size-40) !important;
}

.ms-44 {
  margin-inline-start: var(--size-44) !important;
}

.ms-48 {
  margin-inline-start: var(--size-48) !important;
}

.ms-50 {
  margin-inline-start: var(--size-50) !important;
}

.ms-56 {
  margin-inline-start: var(--size-56) !important;
}

.ms-60 {
  margin-inline-start: var(--size-60) !important;
}

.ms-64 {
  margin-inline-start: var(--size-64) !important;
}

.ms-72 {
  margin-inline-start: var(--size-72) !important;
}

.ms-76 {
  margin-inline-start: var(--size-76) !important;
}

.ms-80 {
  margin-inline-start: var(--size-80) !important;
}

.ms-90 {
  margin-inline-start: var(--size-90) !important;
}

.ms-110 {
  margin-inline-start: var(--size-110) !important;
}

.ms-120 {
  margin-inline-start: var(--size-120) !important;
}

.ms-144 {
  margin-inline-start: var(--size-144) !important;
}

.ms-160 {
  margin-inline-start: var(--size-160) !important;
}

.ms-170 {
  margin-inline-start: var(--size-170) !important;
}

.ms-190 {
  margin-inline-start: var(--size-190) !important;
}

.ms-200 {
  margin-inline-start: var(--size-200) !important;
}

.ms-240 {
  margin-inline-start: var(--size-240) !important;
}

.ms-440 {
  margin-inline-start: var(--size-440) !important;
}

.me-2 {
  margin-inline-end: var(--size-2) !important;
}

.me-4 {
  margin-inline-end: var(--size-4) !important;
}

.me-6 {
  margin-inline-end: var(--size-6) !important;
}

.me-8 {
  margin-inline-end: var(--size-8) !important;
}

.me-9 {
  margin-inline-end: var(--size-9) !important;
}

.me-10 {
  margin-inline-end: var(--size-10) !important;
}

.me-11 {
  margin-inline-end: var(--size-11) !important;
}

.me-12 {
  margin-inline-end: var(--size-12) !important;
}

.me-13 {
  margin-inline-end: var(--size-13) !important;
}

.me-16 {
  margin-inline-end: var(--size-16) !important;
}

.me-20 {
  margin-inline-end: var(--size-20) !important;
}

.me-24 {
  margin-inline-end: var(--size-24) !important;
}

.me-28 {
  margin-inline-end: var(--size-28) !important;
}

.me-32 {
  margin-inline-end: var(--size-32) !important;
}

.me-36 {
  margin-inline-end: var(--size-36) !important;
}

.me-40 {
  margin-inline-end: var(--size-40) !important;
}

.me-44 {
  margin-inline-end: var(--size-44) !important;
}

.me-48 {
  margin-inline-end: var(--size-48) !important;
}

.me-50 {
  margin-inline-end: var(--size-50) !important;
}

.me-56 {
  margin-inline-end: var(--size-56) !important;
}

.me-60 {
  margin-inline-end: var(--size-60) !important;
}

.me-64 {
  margin-inline-end: var(--size-64) !important;
}

.me-72 {
  margin-inline-end: var(--size-72) !important;
}

.me-76 {
  margin-inline-end: var(--size-76) !important;
}

.me-80 {
  margin-inline-end: var(--size-80) !important;
}

.me-90 {
  margin-inline-end: var(--size-90) !important;
}

.me-110 {
  margin-inline-end: var(--size-110) !important;
}

.me-120 {
  margin-inline-end: var(--size-120) !important;
}

.me-144 {
  margin-inline-end: var(--size-144) !important;
}

.me-160 {
  margin-inline-end: var(--size-160) !important;
}

.me-170 {
  margin-inline-end: var(--size-170) !important;
}

.me-190 {
  margin-inline-end: var(--size-190) !important;
}

.me-200 {
  margin-inline-end: var(--size-200) !important;
}

.me-240 {
  margin-inline-end: var(--size-240) !important;
}

.me-440 {
  margin-inline-end: var(--size-440) !important;
}

.mt-2 {
  margin-block-start: var(--size-2) !important;
}

.mt-4 {
  margin-block-start: var(--size-4) !important;
}

.mt-6 {
  margin-block-start: var(--size-6) !important;
}

.mt-8 {
  margin-block-start: var(--size-8) !important;
}

.mt-9 {
  margin-block-start: var(--size-9) !important;
}

.mt-10 {
  margin-block-start: var(--size-10) !important;
}

.mt-11 {
  margin-block-start: var(--size-11) !important;
}

.mt-12 {
  margin-block-start: var(--size-12) !important;
}

.mt-13 {
  margin-block-start: var(--size-13) !important;
}

.mt-16 {
  margin-block-start: var(--size-16) !important;
}

.mt-20 {
  margin-block-start: var(--size-20) !important;
}

.mt-24 {
  margin-block-start: var(--size-24) !important;
}

.mt-28 {
  margin-block-start: var(--size-28) !important;
}

.mt-32 {
  margin-block-start: var(--size-32) !important;
}

.mt-36 {
  margin-block-start: var(--size-36) !important;
}

.mt-40 {
  margin-block-start: var(--size-40) !important;
}

.mt-44 {
  margin-block-start: var(--size-44) !important;
}

.mt-48 {
  margin-block-start: var(--size-48) !important;
}

.mt-50 {
  margin-block-start: var(--size-50) !important;
}

.mt-56 {
  margin-block-start: var(--size-56) !important;
}

.mt-60 {
  margin-block-start: var(--size-60) !important;
}

.mt-64 {
  margin-block-start: var(--size-64) !important;
}

.mt-72 {
  margin-block-start: var(--size-72) !important;
}

.mt-76 {
  margin-block-start: var(--size-76) !important;
}

.mt-80 {
  margin-block-start: var(--size-80) !important;
}

.mt-90 {
  margin-block-start: var(--size-90) !important;
}

.mt-110 {
  margin-block-start: var(--size-110) !important;
}

.mt-120 {
  margin-block-start: var(--size-120) !important;
}

.mt-144 {
  margin-block-start: var(--size-144) !important;
}

.mt-160 {
  margin-block-start: var(--size-160) !important;
}

.mt-170 {
  margin-block-start: var(--size-170) !important;
}

.mt-190 {
  margin-block-start: var(--size-190) !important;
}

.mt-200 {
  margin-block-start: var(--size-200) !important;
}

.mt-240 {
  margin-block-start: var(--size-240) !important;
}

.mt-440 {
  margin-block-start: var(--size-440) !important;
}

.mb-2 {
  margin-block-end: var(--size-2) !important;
}

.mb-4 {
  margin-block-end: var(--size-4) !important;
}

.mb-6 {
  margin-block-end: var(--size-6) !important;
}

.mb-8 {
  margin-block-end: var(--size-8) !important;
}

.mb-9 {
  margin-block-end: var(--size-9) !important;
}

.mb-10 {
  margin-block-end: var(--size-10) !important;
}

.mb-11 {
  margin-block-end: var(--size-11) !important;
}

.mb-12 {
  margin-block-end: var(--size-12) !important;
}

.mb-13 {
  margin-block-end: var(--size-13) !important;
}

.mb-16 {
  margin-block-end: var(--size-16) !important;
}

.mb-20 {
  margin-block-end: var(--size-20) !important;
}

.mb-24 {
  margin-block-end: var(--size-24) !important;
}

.mb-28 {
  margin-block-end: var(--size-28) !important;
}

.mb-32 {
  margin-block-end: var(--size-32) !important;
}

.mb-36 {
  margin-block-end: var(--size-36) !important;
}

.mb-40 {
  margin-block-end: var(--size-40) !important;
}

.mb-44 {
  margin-block-end: var(--size-44) !important;
}

.mb-48 {
  margin-block-end: var(--size-48) !important;
}

.mb-50 {
  margin-block-end: var(--size-50) !important;
}

.mb-56 {
  margin-block-end: var(--size-56) !important;
}

.mb-60 {
  margin-block-end: var(--size-60) !important;
}

.mb-64 {
  margin-block-end: var(--size-64) !important;
}

.mb-72 {
  margin-block-end: var(--size-72) !important;
}

.mb-76 {
  margin-block-end: var(--size-76) !important;
}

.mb-80 {
  margin-block-end: var(--size-80) !important;
}

.mb-90 {
  margin-block-end: var(--size-90) !important;
}

.mb-110 {
  margin-block-end: var(--size-110) !important;
}

.mb-120 {
  margin-block-end: var(--size-120) !important;
}

.mb-144 {
  margin-block-end: var(--size-144) !important;
}

.mb-160 {
  margin-block-end: var(--size-160) !important;
}

.mb-170 {
  margin-block-end: var(--size-170) !important;
}

.mb-190 {
  margin-block-end: var(--size-190) !important;
}

.mb-200 {
  margin-block-end: var(--size-200) !important;
}

.mb-240 {
  margin-block-end: var(--size-240) !important;
}

.mb-440 {
  margin-block-end: var(--size-440) !important;
}

.p-2 {
  padding: var(--size-2) !important;
}

.p-4 {
  padding: var(--size-4) !important;
}

.p-6 {
  padding: var(--size-6) !important;
}

.p-8 {
  padding: var(--size-8) !important;
}

.p-9 {
  padding: var(--size-9) !important;
}

.p-10 {
  padding: var(--size-10) !important;
}

.p-11 {
  padding: var(--size-11) !important;
}

.p-12 {
  padding: var(--size-12) !important;
}

.p-13 {
  padding: var(--size-13) !important;
}

.p-16 {
  padding: var(--size-16) !important;
}

.p-20 {
  padding: var(--size-20) !important;
}

.p-24 {
  padding: var(--size-24) !important;
}

.p-28 {
  padding: var(--size-28) !important;
}

.p-32 {
  padding: var(--size-32) !important;
}

.p-36 {
  padding: var(--size-36) !important;
}

.p-40 {
  padding: var(--size-40) !important;
}

.p-44 {
  padding: var(--size-44) !important;
}

.p-48 {
  padding: var(--size-48) !important;
}

.p-50 {
  padding: var(--size-50) !important;
}

.p-56 {
  padding: var(--size-56) !important;
}

.p-60 {
  padding: var(--size-60) !important;
}

.p-64 {
  padding: var(--size-64) !important;
}

.p-72 {
  padding: var(--size-72) !important;
}

.p-76 {
  padding: var(--size-76) !important;
}

.p-80 {
  padding: var(--size-80) !important;
}

.p-90 {
  padding: var(--size-90) !important;
}

.p-110 {
  padding: var(--size-110) !important;
}

.p-120 {
  padding: var(--size-120) !important;
}

.p-144 {
  padding: var(--size-144) !important;
}

.p-160 {
  padding: var(--size-160) !important;
}

.p-170 {
  padding: var(--size-170) !important;
}

.p-190 {
  padding: var(--size-190) !important;
}

.p-200 {
  padding: var(--size-200) !important;
}

.p-240 {
  padding: var(--size-240) !important;
}

.p-440 {
  padding: var(--size-440) !important;
}

.px-2 {
  padding-inline: var(--size-2) !important;
}

.px-4 {
  padding-inline: var(--size-4) !important;
}

.px-6 {
  padding-inline: var(--size-6) !important;
}

.px-8 {
  padding-inline: var(--size-8) !important;
}

.px-9 {
  padding-inline: var(--size-9) !important;
}

.px-10 {
  padding-inline: var(--size-10) !important;
}

.px-11 {
  padding-inline: var(--size-11) !important;
}

.px-12 {
  padding-inline: var(--size-12) !important;
}

.px-13 {
  padding-inline: var(--size-13) !important;
}

.px-16 {
  padding-inline: var(--size-16) !important;
}

.px-20 {
  padding-inline: var(--size-20) !important;
}

.px-24 {
  padding-inline: var(--size-24) !important;
}

.px-28 {
  padding-inline: var(--size-28) !important;
}

.px-32 {
  padding-inline: var(--size-32) !important;
}

.px-36 {
  padding-inline: var(--size-36) !important;
}

.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-44 {
  padding-inline: var(--size-44) !important;
}

.px-48 {
  padding-inline: var(--size-48) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-56 {
  padding-inline: var(--size-56) !important;
}

.px-60 {
  padding-inline: var(--size-60) !important;
}

.px-64 {
  padding-inline: var(--size-64) !important;
}

.px-72 {
  padding-inline: var(--size-72) !important;
}

.px-76 {
  padding-inline: var(--size-76) !important;
}

.px-80 {
  padding-inline: var(--size-80) !important;
}

.px-90 {
  padding-inline: var(--size-90) !important;
}

.px-110 {
  padding-inline: var(--size-110) !important;
}

.px-120 {
  padding-inline: var(--size-120) !important;
}
.px-144 {
  padding-inline: var(--size-144) !important;
}

.px-160 {
  padding-inline: var(--size-160) !important;
}

.px-170 {
  padding-inline: var(--size-170) !important;
}

.px-190 {
  padding-inline: var(--size-190) !important;
}

.px-200 {
  padding-inline: var(--size-200) !important;
}

.px-240 {
  padding-inline: var(--size-240) !important;
}

.px-440 {
  padding-inline: var(--size-440) !important;
}

.py-2 {
  padding-block: var(--size-2) !important;
}

.py-4 {
  padding-block: var(--size-4) !important;
}

.py-6 {
  padding-block: var(--size-6) !important;
}

.py-8 {
  padding-block: var(--size-8) !important;
}

.py-9 {
  padding-block: var(--size-9) !important;
}

.py-10 {
  padding-block: var(--size-10) !important;
}

.py-11 {
  padding-block: var(--size-11) !important;
}

.py-12 {
  padding-block: var(--size-12) !important;
}

.py-13 {
  padding-block: var(--size-13) !important;
}

.py-16 {
  padding-block: var(--size-16) !important;
}

.py-20 {
  padding-block: var(--size-20) !important;
}

.py-24 {
  padding-block: var(--size-24) !important;
}

.py-28 {
  padding-block: var(--size-28) !important;
}

.py-32 {
  padding-block: var(--size-32) !important;
}

.py-36 {
  padding-block: var(--size-36) !important;
}

.py-40 {
  padding-block: var(--size-40) !important;
}

.py-44 {
  padding-block: var(--size-44) !important;
}

.py-48 {
  padding-block: var(--size-48) !important;
}

.py-50 {
  padding-block: var(--size-50) !important;
}

.py-56 {
  padding-block: var(--size-56) !important;
}

.py-60 {
  padding-block: var(--size-60) !important;
}

.py-64 {
  padding-block: var(--size-64) !important;
}

.py-72 {
  padding-block: var(--size-72) !important;
}

.py-76 {
  padding-block: var(--size-76) !important;
}

.py-80 {
  padding-block: var(--size-80) !important;
}

.py-90 {
  padding-block: var(--size-90) !important;
}

.py-110 {
  padding-block: var(--size-110) !important;
}

.py-120 {
  padding-block: var(--size-120) !important;
}

.py-144 {
  padding-block: var(--size-144) !important;
}

.py-160 {
  padding-block: var(--size-160) !important;
}

.py-170 {
  padding-block: var(--size-170) !important;
}

.py-190 {
  padding-block: var(--size-190) !important;
}

.py-200 {
  padding-block: var(--size-200) !important;
}

.py-240 {
  padding-block: var(--size-240) !important;
}

.py-440 {
  padding-block: var(--size-440) !important;
}

.ps-2 {
  padding-inline-start: var(--size-2) !important;
}

.ps-4 {
  padding-inline-start: var(--size-4) !important;
}

.ps-6 {
  padding-inline-start: var(--size-6) !important;
}

.ps-8 {
  padding-inline-start: var(--size-8) !important;
}

.ps-9 {
  padding-inline-start: var(--size-9) !important;
}

.ps-10 {
  padding-inline-start: var(--size-10) !important;
}

.ps-11 {
  padding-inline-start: var(--size-11) !important;
}

.ps-12 {
  padding-inline-start: var(--size-12) !important;
}

.ps-13 {
  padding-inline-start: var(--size-13) !important;
}

.ps-16 {
  padding-inline-start: var(--size-16) !important;
}

.ps-20 {
  padding-inline-start: var(--size-20) !important;
}

.ps-24 {
  padding-inline-start: var(--size-24) !important;
}

.ps-28 {
  padding-inline-start: var(--size-28) !important;
}

.ps-32 {
  padding-inline-start: var(--size-32) !important;
}

.ps-36 {
  padding-inline-start: var(--size-36) !important;
}

.ps-40 {
  padding-inline-start: var(--size-40) !important;
}

.ps-44 {
  padding-inline-start: var(--size-44) !important;
}

.ps-48 {
  padding-inline-start: var(--size-48) !important;
}

.ps-50 {
  padding-inline-start: var(--size-50) !important;
}

.ps-56 {
  padding-inline-start: var(--size-56) !important;
}

.ps-60 {
  padding-inline-start: var(--size-60) !important;
}

.ps-64 {
  padding-inline-start: var(--size-64) !important;
}

.ps-72 {
  padding-inline-start: var(--size-72) !important;
}

.ps-76 {
  padding-inline-start: var(--size-76) !important;
}

.ps-80 {
  padding-inline-start: var(--size-80) !important;
}

.ps-90 {
  padding-inline-start: var(--size-90) !important;
}

.ps-110 {
  padding-inline-start: var(--size-110) !important;
}

.ps-120 {
  padding-inline-start: var(--size-120) !important;
}

.ps-144 {
  padding-inline-start: var(--size-144) !important;
}

.ps-160 {
  padding-inline-start: var(--size-160) !important;
}

.ps-170 {
  padding-inline-start: var(--size-170) !important;
}

.ps-190 {
  padding-inline-start: var(--size-190) !important;
}

.ps-200 {
  padding-inline-start: var(--size-200) !important;
}

.ps-240 {
  padding-inline-start: var(--size-240) !important;
}

.ps-440 {
  padding-inline-start: var(--size-440) !important;
}

.pe-2 {
  padding-inline-end: var(--size-2) !important;
}

.pe-4 {
  padding-inline-end: var(--size-4) !important;
}

.pe-6 {
  padding-inline-end: var(--size-6) !important;
}

.pe-8 {
  padding-inline-end: var(--size-8) !important;
}

.pe-9 {
  padding-inline-end: var(--size-9) !important;
}

.pe-10 {
  padding-inline-end: var(--size-10) !important;
}

.pe-11 {
  padding-inline-end: var(--size-11) !important;
}

.pe-12 {
  padding-inline-end: var(--size-12) !important;
}

.pe-13 {
  padding-inline-end: var(--size-13) !important;
}

.pe-16 {
  padding-inline-end: var(--size-16) !important;
}

.pe-20 {
  padding-inline-end: var(--size-20) !important;
}

.pe-24 {
  padding-inline-end: var(--size-24) !important;
}

.pe-28 {
  padding-inline-end: var(--size-28) !important;
}

.pe-32 {
  padding-inline-end: var(--size-32) !important;
}

.pe-36 {
  padding-inline-end: var(--size-36) !important;
}

.pe-40 {
  padding-inline-end: var(--size-40) !important;
}

.pe-44 {
  padding-inline-end: var(--size-44) !important;
}

.pe-48 {
  padding-inline-end: var(--size-48) !important;
}

.pe-50 {
  padding-inline-end: var(--size-50) !important;
}

.pe-56 {
  padding-inline-end: var(--size-56) !important;
}

.pe-60 {
  padding-inline-end: var(--size-60) !important;
}

.pe-64 {
  padding-inline-end: var(--size-64) !important;
}

.pe-72 {
  padding-inline-end: var(--size-72) !important;
}

.pe-76 {
  padding-inline-end: var(--size-76) !important;
}

.pe-80 {
  padding-inline-end: var(--size-80) !important;
}

.pe-90 {
  padding-inline-end: var(--size-90) !important;
}

.pe-110 {
  padding-inline-end: var(--size-110) !important;
}

.pe-120 {
  padding-inline-end: var(--size-120) !important;
}

.pe-144 {
  padding-inline-end: var(--size-144) !important;
}

.pe-160 {
  padding-inline-end: var(--size-160) !important;
}

.pe-170 {
  padding-inline-end: var(--size-170) !important;
}

.pe-190 {
  padding-inline-end: var(--size-190) !important;
}

.pe-200 {
  padding-inline-end: var(--size-200) !important;
}

.pe-240 {
  padding-inline-end: var(--size-240) !important;
}

.pe-440 {
  padding-inline-end: var(--size-440) !important;
}

.pt-2 {
  padding-block-start: var(--size-2) !important;
}

.pt-4 {
  padding-block-start: var(--size-4) !important;
}

.pt-6 {
  padding-block-start: var(--size-6) !important;
}

.pt-8 {
  padding-block-start: var(--size-8) !important;
}

.pt-9 {
  padding-block-start: var(--size-9) !important;
}

.pt-10 {
  padding-block-start: var(--size-10) !important;
}

.pt-11 {
  padding-block-start: var(--size-11) !important;
}

.pt-12 {
  padding-block-start: var(--size-12) !important;
}

.pt-13 {
  padding-block-start: var(--size-13) !important;
}

.pt-16 {
  padding-block-start: var(--size-16) !important;
}

.pt-20 {
  padding-block-start: var(--size-20) !important;
}

.pt-24 {
  padding-block-start: var(--size-24) !important;
}

.pt-28 {
  padding-block-start: var(--size-28) !important;
}

.pt-32 {
  padding-block-start: var(--size-32) !important;
}

.pt-36 {
  padding-block-start: var(--size-36) !important;
}

.pt-40 {
  padding-block-start: var(--size-40) !important;
}

.pt-44 {
  padding-block-start: var(--size-44) !important;
}

.pt-48 {
  padding-block-start: var(--size-48) !important;
}

.pt-50 {
  padding-block-start: var(--size-50) !important;
}

.pt-56 {
  padding-block-start: var(--size-56) !important;
}

.pt-60 {
  padding-block-start: var(--size-60) !important;
}

.pt-64 {
  padding-block-start: var(--size-64) !important;
}

.pt-72 {
  padding-block-start: var(--size-72) !important;
}

.pt-76 {
  padding-block-start: var(--size-76) !important;
}

.pt-80 {
  padding-block-start: var(--size-80) !important;
}

.pt-90 {
  padding-block-start: var(--size-90) !important;
}

.pt-110 {
  padding-block-start: var(--size-110) !important;
}

.pt-120 {
  padding-block-start: var(--size-120) !important;
}

.pt-144 {
  padding-block-start: var(--size-144) !important;
}

.pt-160 {
  padding-block-start: var(--size-160) !important;
}

.pt-170 {
  padding-block-start: var(--size-170) !important;
}

.pt-190 {
  padding-block-start: var(--size-190) !important;
}

.pt-200 {
  padding-block-start: var(--size-200) !important;
}

.pt-240 {
  padding-block-start: var(--size-240) !important;
}

.pt-440 {
  padding-block-start: var(--size-440) !important;
}

.pb-2 {
  padding-block-end: var(--size-2) !important;
}

.pb-4 {
  padding-block-end: var(--size-4) !important;
}

.pb-6 {
  padding-block-end: var(--size-6) !important;
}

.pb-8 {
  padding-block-end: var(--size-8) !important;
}

.pb-9 {
  padding-block-end: var(--size-9) !important;
}

.pb-10 {
  padding-block-end: var(--size-10) !important;
}

.pb-11 {
  padding-block-end: var(--size-11) !important;
}

.pb-12 {
  padding-block-end: var(--size-12) !important;
}

.pb-13 {
  padding-block-end: var(--size-13) !important;
}

.pb-16 {
  padding-block-end: var(--size-16) !important;
}

.pb-20 {
  padding-block-end: var(--size-20) !important;
}

.pb-24 {
  padding-block-end: var(--size-24) !important;
}

.pb-28 {
  padding-block-end: var(--size-28) !important;
}

.pb-32 {
  padding-block-end: var(--size-32) !important;
}

.pb-36 {
  padding-block-end: var(--size-36) !important;
}

.pb-40 {
  padding-block-end: var(--size-40) !important;
}

.pb-44 {
  padding-block-end: var(--size-44) !important;
}

.pb-48 {
  padding-block-end: var(--size-48) !important;
}

.pb-50 {
  padding-block-end: var(--size-50) !important;
}

.pb-56 {
  padding-block-end: var(--size-56) !important;
}

.pb-60 {
  padding-block-end: var(--size-60) !important;
}

.pb-64 {
  padding-block-end: var(--size-64) !important;
}

.pb-72 {
  padding-block-end: var(--size-72) !important;
}

.pb-76 {
  padding-block-end: var(--size-76) !important;
}

.pb-80 {
  padding-block-end: var(--size-80) !important;
}

.pb-90 {
  padding-block-end: var(--size-90) !important;
}

.pb-110 {
  padding-block-end: var(--size-110) !important;
}

.pb-120 {
  padding-block-end: var(--size-120) !important;
}

.pb-144 {
  padding-block-end: var(--size-144) !important;
}

.pb-160 {
  padding-block-end: var(--size-160) !important;
}

.pb-170 {
  padding-block-end: var(--size-170) !important;
}

.pb-190 {
  padding-block-end: var(--size-190) !important;
}

.pb-200 {
  padding-block-end: var(--size-200) !important;
}

.pb-240 {
  padding-block-end: var(--size-240) !important;
}

.pb-440 {
  padding-block-end: var(--size-440) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ms--10px {
  margin-left: -10px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--100 {
  margin-top: -100px;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

/* Gap Css */
.gap-2 {
  gap: var(--size-2);
}

.gap-4 {
  gap: var(--size-4);
}

.gap-6 {
  gap: var(--size-6);
}

.gap-8 {
  gap: var(--size-8);
}

.gap-9 {
  gap: var(--size-9);
}

.gap-10 {
  gap: var(--size-10);
}

.gap-11 {
  gap: var(--size-11);
}

.gap-12 {
  gap: var(--size-12);
}

.gap-13 {
  gap: var(--size-13);
}

.gap-16 {
  gap: var(--size-16);
}

.gap-20 {
  gap: var(--size-20);
}

.gap-24 {
  gap: var(--size-24);
}

.gap-28 {
  gap: var(--size-28);
}

.gap-32 {
  gap: var(--size-32);
}

.gap-36 {
  gap: var(--size-36);
}

.gap-40 {
  gap: var(--size-40);
}

.gap-44 {
  gap: var(--size-44);
}

.gap-48 {
  gap: var(--size-48);
}

.gap-50 {
  gap: var(--size-50);
}

.gap-56 {
  gap: var(--size-56);
}

.gap-60 {
  gap: var(--size-60);
}

.gap-64 {
  gap: var(--size-64);
}

.gap-72 {
  gap: var(--size-72);
}

.gap-76 {
  gap: var(--size-76);
}

.gap-80 {
  gap: var(--size-80);
}

.gap-90 {
  gap: var(--size-90);
}

.gap-110 {
  gap: var(--size-110);
}

.gap-120 {
  gap: var(--size-120);
}

.gap-144 {
  gap: var(--size-144);
}

.gap-160 {
  gap: var(--size-160);
}

.gap-170 {
  gap: var(--size-170);
}

.gap-190 {
  gap: var(--size-190);
}

.gap-200 {
  gap: var(--size-200);
}

.gap-240 {
  gap: var(--size-240);
}

.gap-440 {
  gap: var(--size-440);
}

/* === spacing css end === */
/* === spacing css start === */
.radius-2 {
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
}

.radius-4 {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

.radius-6 {
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}

.radius-8 {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.radius-9 {
  border-radius: 0.5625rem;
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
}

.radius-10 {
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.radius-11 {
  border-radius: 0.6875rem;
  -webkit-border-radius: 0.6875rem;
  -moz-border-radius: 0.6875rem;
  -ms-border-radius: 0.6875rem;
  -o-border-radius: 0.6875rem;
}

.radius-12 {
  border-radius: 0.75rem;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
}

.radius-13 {
  border-radius: 0.8125rem;
  -webkit-border-radius: 0.8125rem;
  -moz-border-radius: 0.8125rem;
  -ms-border-radius: 0.8125rem;
  -o-border-radius: 0.8125rem;
}

.radius-16 {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.radius-20 {
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.radius-24 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-28 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-32 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-36 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-40 {
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.radius-44 {
  border-radius: 2.75rem;
  -webkit-border-radius: 2.75rem;
  -moz-border-radius: 2.75rem;
  -ms-border-radius: 2.75rem;
  -o-border-radius: 2.75rem;
}

.radius-48 {
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.radius-50 {
  border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
}

.radius-56 {
  border-radius: 3.5rem;
  -webkit-border-radius: 3.5rem;
  -moz-border-radius: 3.5rem;
  -ms-border-radius: 3.5rem;
  -o-border-radius: 3.5rem;
}

.radius-60 {
  border-radius: 3.75rem;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
}

.radius-64 {
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}

.radius-72 {
  border-radius: 4.5rem;
  -webkit-border-radius: 4.5rem;
  -moz-border-radius: 4.5rem;
  -ms-border-radius: 4.5rem;
  -o-border-radius: 4.5rem;
}

.radius-76 {
  border-radius: 4.75rem;
  -webkit-border-radius: 4.75rem;
  -moz-border-radius: 4.75rem;
  -ms-border-radius: 4.75rem;
  -o-border-radius: 4.75rem;
}

.radius-80 {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

.radius-90 {
  border-radius: 5.625rem;
  -webkit-border-radius: 5.625rem;
  -moz-border-radius: 5.625rem;
  -ms-border-radius: 5.625rem;
  -o-border-radius: 5.625rem;
}

.radius-110 {
  border-radius: 6.875rem;
  -webkit-border-radius: 6.875rem;
  -moz-border-radius: 6.875rem;
  -ms-border-radius: 6.875rem;
  -o-border-radius: 6.875rem;
}

.radius-120 {
  border-radius: 7.5rem;
  -webkit-border-radius: 7.5rem;
  -moz-border-radius: 7.5rem;
  -ms-border-radius: 7.5rem;
  -o-border-radius: 7.5rem;
}

.radius-144 {
  border-radius: 9rem;
  -webkit-border-radius: 9rem;
  -moz-border-radius: 9rem;
  -ms-border-radius: 9rem;
  -o-border-radius: 9rem;
}

.radius-160 {
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

.radius-170 {
  border-radius: 10.625rem;
  -webkit-border-radius: 10.625rem;
  -moz-border-radius: 10.625rem;
  -ms-border-radius: 10.625rem;
  -o-border-radius: 10.625rem;
}

.radius-190 {
  border-radius: 11.875rem;
  -webkit-border-radius: 11.875rem;
  -moz-border-radius: 11.875rem;
  -ms-border-radius: 11.875rem;
  -o-border-radius: 11.875rem;
}

.radius-200 {
  border-radius: 12.5rem;
  -webkit-border-radius: 12.5rem;
  -moz-border-radius: 12.5rem;
  -ms-border-radius: 12.5rem;
  -o-border-radius: 12.5rem;
}

.radius-240 {
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
}

.radius-440 {
  border-radius: 27.5rem;
  -webkit-border-radius: 27.5rem;
  -moz-border-radius: 27.5rem;
  -ms-border-radius: 27.5rem;
  -o-border-radius: 27.5rem;
}

.rounded-start-top-0 {
  border-start-start-radius: 0 !important;
}

.rounded-end-bottom-0 {
  border-end-end-radius: 0 !important;
}

/* === spacing css end === */
/* === animation css start === */
/* === animation css end === */
/* === typography css start === */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary-light);
  font-weight: 600;
}

h1, .h1 {
  font-size: var(--h1) !important;
}

h2, .h2 {
  font-size: var(--h2) !important;
}

h3, .h3 {
  font-size: var(--h3) !important;
}

h4, .h4 {
  font-size: var(--h4) !important;
}

h5, .h5 {
  font-size: var(--h5) !important;
}

h6, .h6 {
  font-size: var(--h6) !important;
}

.text-2xxl {
  font-size: var(--font-2xxl) !important;
}

.text-2xl {
  font-size: var(--font-2xl) !important;
}

.text-xxl {
  font-size: var(--font-xxl) !important;
}

.text-xl {
  font-size: var(--font-xl) !important;
}

.text-lg {
  font-size: var(--font-lg) !important;
}

.text-md {
  font-size: var(--font-md) !important;
}

.text-sm {
  font-size: var(--font-sm) !important;
}

.text-xs {
  font-size: var(--font-xs) !important;
}

.text-xxs {
  font-size: var(--font-xxs) !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* === typography css end === */
/* === text-align css start === */
.text-start {
  text-align: start !important;
}

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

/* === text-align css end === */
/* === border css start === */
.border {
  border: 1px solid var(--border-color) !important;
}

.border-start {
  border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
  border-inline-end: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

.border-primary-light-white {
  border-color: var(--primary-light-white) !important;
}

.border-yellow-light-white {
  border-color: var(--yellow-light-white) !important;
}

.border-purple-light-white {
  border-color: var(--purple-light-white) !important;
}

.border-pink-light-white {
  border-color: var(--pink-light-white) !important;
}

.br-success {
  border-color: var(--success-border) !important;
}

.br-white {
  border-color: var(--base) !important;
}

.border-light-white {
  border-color: rgba(255, 255, 255, 0.38) !important;
}

.input-form-light {
  border-color: var(--input-form-light) !important;
}

.input-form-dark {
  border-color: var(--input-form-dark) !important;
}

.br-hover-primary {
  transition: all 0.3s;
}

.br-hover-primary:hover {
  border-color: var(--primary-600) !important;
}

.br-hover-success {
  transition: all 0.3s;
}

.br-hover-success:hover {
  border-color: var(--success-main) !important;
}

.br-hover-info {
  transition: all 0.3s;
}

.br-hover-info:hover {
  border-color: var(--info-main) !important;
}

.br-hover-warning {
  transition: all 0.3s;
}

.br-hover-warning:hover {
  border-color: var(--warning-main) !important;
}

.br-hover-danger {
  transition: all 0.3s;
}

.br-hover-danger:hover {
  border-color: var(--danger-main) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-dark-1 {
  border-color: var(--dark-1) !important;
}

.border-dark-2 {
  border-color: var(--dark-2) !important;
}

.border-dark-3 {
  border-color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.border-success-main {
  border-color: var(--success-main) !important;
}

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

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

.border-success-hover {
  border-color: var(--success-hover) !important;
}

.border-success-pressed {
  border-color: var(--success-pressed) !important;
}

.border-success-focus {
  border-color: var(--success-focus) !important;
}

.border-info-main {
  border-color: var(--info-main) !important;
}

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

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

.border-info-hover {
  border-color: var(--info-hover) !important;
}

.border-info-pressed {
  border-color: var(--info-pressed) !important;
}

.border-info-focus {
  border-color: var(--info-focus) !important;
}

.border-warning-main {
  border-color: var(--warning-main) !important;
}

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

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

.border-warning-hover {
  border-color: var(--warning-hover) !important;
}

.border-warning-pressed {
  border-color: var(--warning-pressed) !important;
}

.border-warning-focus {
  border-color: var(--warning-focus) !important;
}

.border-danger-main {
  border-color: var(--danger-main) !important;
}

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

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

.border-danger-hover {
  border-color: var(--danger-hover) !important;
}

.border-danger-pressed {
  border-color: var(--danger-pressed) !important;
}

.border-danger-focus {
  border-color: var(--danger-focus) !important;
}

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

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

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

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

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

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

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

.border-width-2-px {
  border-width: 2px !important;
}

.border-width-3-px {
  border-width: 3px !important;
}

.border-width-4-px {
  border-width: 4px !important;
}

.border-width-5-px {
  border-width: 5px !important;
}

.border-start-width-2-px {
  border-inline-start-width: 2px !important;
}

.border-start-width-3-px {
  border-inline-start-width: 3px !important;
}

.border-start-width-4-px {
  border-inline-start-width: 4px !important;
}

.border-start-width-5-px {
  border-inline-start-width: 5px !important;
}

.border-end-width-2-px {
  border-inline-end-width: 2px !important;
}

.border-end-width-3-px {
  border-inline-end-width: 3px !important;
}

.border-end-width-4-px {
  border-inline-end-width: 4px !important;
}

.border-end-width-5-px {
  border-inline-end-width: 5px !important;
}

.border-end-width-6-px {
  border-inline-end-width: 6px !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-dashed {
  border-style: dashed !important;
}

.center-border {
  position: relative;
}

.center-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 9px);
  background-color: var(--neutral-300);
  left: 50%;
  transform: translateX(-50%);
}

/* === border css end === */
/* === hover css start === */
.group-item:hover .group-hover\:bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:bg-success-50 {
  background-color: var(--success-50) !important;
}

.group-item:hover .group-hover\:bg-success-100 {
  background-color: var(--success-100) !important;
}

.group-item:hover .group-hover\:bg-success-200 {
  background-color: var(--success-200) !important;
}

.group-item:hover .group-hover\:bg-success-300 {
  background-color: var(--success-300) !important;
}

.group-item:hover .group-hover\:bg-success-400 {
  background-color: var(--success-400) !important;
}

.group-item:hover .group-hover\:bg-success-500 {
  background-color: var(--success-500) !important;
}

.group-item:hover .group-hover\:bg-success-600 {
  background-color: var(--success-600) !important;
}

.group-item:hover .group-hover\:bg-success-700 {
  background-color: var(--success-700) !important;
}

.group-item:hover .group-hover\:bg-success-800 {
  background-color: var(--success-800) !important;
}

.group-item:hover .group-hover\:bg-success-900 {
  background-color: var(--success-900) !important;
}

.group-item:hover .group-hover\:bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:bg-info-50 {
  background-color: var(--info-50) !important;
}

.group-item:hover .group-hover\:bg-info-100 {
  background-color: var(--info-100) !important;
}

.group-item:hover .group-hover\:bg-info-200 {
  background-color: var(--info-200) !important;
}

.group-item:hover .group-hover\:bg-info-300 {
  background-color: var(--info-300) !important;
}

.group-item:hover .group-hover\:bg-info-400 {
  background-color: var(--info-400) !important;
}

.group-item:hover .group-hover\:bg-info-500 {
  background-color: var(--info-500) !important;
}

.group-item:hover .group-hover\:bg-info-600 {
  background-color: var(--info-600) !important;
}

.group-item:hover .group-hover\:bg-info-700 {
  background-color: var(--info-700) !important;
}

.group-item:hover .group-hover\:bg-info-800 {
  background-color: var(--info-800) !important;
}

.group-item:hover .group-hover\:bg-info-900 {
  background-color: var(--info-900) !important;
}

.group-item:hover .group-hover\:bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:bg-light-50 {
  background-color: var(--light-50) !important;
}

.group-item:hover .group-hover\:bg-light-100 {
  background-color: var(--light-100) !important;
}

.group-item:hover .group-hover\:bg-light-600 {
  background-color: var(--light-600) !important;
}

.group-item:hover .group-hover\:bg-light-700 {
  background-color: var(--light-700) !important;
}

.group-item:hover .group-hover\:bg-light-800 {
  background-color: var(--light-800) !important;
}

.group-item:hover .group-hover\:bg-success-main {
  background-color: var(--success-main) !important;
}

.group-item:hover .group-hover\:bg-success-surface {
  background-color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:bg-success-border {
  background-color: var(--success-border) !important;
}

.group-item:hover .group-hover\:bg-success-hover {
  background-color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:bg-success-focus {
  background-color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:bg-info-main {
  background-color: var(--info-main) !important;
}

.group-item:hover .group-hover\:bg-info-surface {
  background-color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:bg-info-border {
  background-color: var(--info-border) !important;
}

.group-item:hover .group-hover\:bg-info-hover {
  background-color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:bg-info-focus {
  background-color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:bg-warning-main {
  background-color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:bg-warning-border {
  background-color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:bg-danger-main {
  background-color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:bg-danger-border {
  background-color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.group-item:hover .group-hover\:bg-cyan {
  background-color: var(--cyan) !important;
}

.group-item:hover .group-hover\:bg-indigo {
  background-color: var(--indigo) !important;
}

.group-item:hover .group-hover\:bg-purple {
  background-color: var(--purple) !important;
}

.group-item:hover .group-hover\:bg-red {
  background-color: var(--red) !important;
}

.group-item:hover .group-hover\:bg-yellow {
  background-color: var(--yellow) !important;
}

.group-item:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
}

.group-item:hover .group-hover\:bg-pink {
  background-color: var(--pink) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.group-item:hover .group-hover\:text-dark-1 {
  color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:text-dark-2 {
  color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:text-dark-3 {
  color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.group-item:hover .group-hover\:text-success-main {
  color: var(--success-main) !important;
}

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

.group-item:hover .group-hover\:text-success-border {
  color: var(--success-border) !important;
}

.group-item:hover .group-hover\:text-success-hover {
  color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:text-success-pressed {
  color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:text-success-focus {
  color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:text-info-main {
  color: var(--info-main) !important;
}

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

.group-item:hover .group-hover\:text-info-border {
  color: var(--info-border) !important;
}

.group-item:hover .group-hover\:text-info-hover {
  color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:text-info-pressed {
  color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:text-info-focus {
  color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:text-warning-main {
  color: var(--warning-main) !important;
}

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

.group-item:hover .group-hover\:text-warning-border {
  color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:text-warning-hover {
  color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:text-warning-pressed {
  color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:text-warning-focus {
  color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:text-danger-main {
  color: var(--danger-main) !important;
}

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

.group-item:hover .group-hover\:text-danger-border {
  color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:text-danger-hover {
  color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:text-danger-pressed {
  color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:text-danger-focus {
  color: var(--danger-focus) !important;
}

.text-cyan {
  color: var(--cyan);
}

.group-item:hover .group-hover\:text-cyan {
  color: var(--cyan) !important;
}

.text-indigo {
  color: var(--indigo);
}

.group-item:hover .group-hover\:text-indigo {
  color: var(--indigo) !important;
}

.text-purple {
  color: var(--purple);
}

.group-item:hover .group-hover\:text-purple {
  color: var(--purple) !important;
}

.text-red {
  color: var(--red);
}

.group-item:hover .group-hover\:text-red {
  color: var(--red) !important;
}

.text-yellow {
  color: var(--yellow);
}

.group-item:hover .group-hover\:text-yellow {
  color: var(--yellow) !important;
}

.text-orange {
  color: var(--orange);
}

.group-item:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}

.text-pink {
  color: var(--pink);
}

.group-item:hover .group-hover\:text-pink {
  color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-white {
  color: var(--base);
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.hover-scale-img__img {
  transition: 0.2s linear;
}

.hover-scale-img:hover .hover-scale-img__img {
  transform: scale(1.1);
}

.visibility-hidden {
  visibility: hidden;
}

/* === hover css end === */
/* === overlay css start === */
/* Overlay Css Start */
.gradient-overlay {
  position: relative;
  z-index: 1;
}

.gradient-overlay.top-0::before {
  transform: rotate(180deg);
}

.gradient-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.69) 57.92%, rgba(0, 0, 0, 0.7) 100%);
  left: inherit;
  bottom: inherit;
}

/* Overlay Css End */
/* === overlay css end === */
/* === position css start === */
[dir=rtl] .start-0 {
  left: auto !important;
  right: 0;
}

[dir=rtl] .end-0 {
  right: auto !important;
  left: 0;
}

/* === position css end === */
/* === kanban css start === */
/* =============================== Kanban Card Css Start =============================== */
.ui-sortable-handle {
  cursor: move !important;
}

.ui-sortable-helper {
  box-shadow: 0px 5px 20px 3px var(--neutral-300);
  box-shadow: 0 4px 30px 0 rgba(4, 6, 15, 0.5) !important;
}

.ui-sortable-placeholder {
  background-color: var(--neutral-100) !important;
  visibility: visible !important;
  padding: 100px !important;
  border: 1px dashed var(--neutral-400);
}

#taskImagePreview {
  display: none;
  margin-top: 10px;
  max-width: 100%;
}

/* =============================== Kanban Card Css End =============================== */
/* === kanban css end === */
/* === preloader css start === */
/* === preloader css end === */
/* === buttons css start === */
.btn {
  padding: 0.5625rem 0.75rem;
  font-size: 1rem;
  font-weight: 500;
}

.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}

.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}

.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}

.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}

.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}

.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}

.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}

.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}

.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}

.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}

.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}

.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}

.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}

.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}

.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}

.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}

.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}

.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}

.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}

.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}

.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}

.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}

.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}

.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}

.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}

.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}

.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}

.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}

.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}

.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}

.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}

.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}

.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}

.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}

.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}

.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}

.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}

.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}

.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}

.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}

.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}

.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}

.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}

.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}

.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}

.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}

.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}

.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}

.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}

.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}

.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}

.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}

.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}

.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}

.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}

.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}

.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}

.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}

.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}

.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}

.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}

.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}

.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}

.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}

.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}

.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}

.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}

.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}

.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}

.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}

.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}

.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}

.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}

.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}

.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}

.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}

.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}

.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}

.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}

.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}

.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}

.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}

.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}

.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}

.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}

.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}

.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}

.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}

.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}

.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}

.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}

.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}

.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}

.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}

.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}

.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}

.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}

.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}

.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}

.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}

.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}

.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}

.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}

.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}

.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}

.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}

.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}

.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}

.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}

.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}

.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}

.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}

.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}

.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}

.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}

.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}

.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}

.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}

.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}

.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}

.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}

.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}

.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}

.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}

.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}

.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}

.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}

.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}

.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}

.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}

.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}

.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}

.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}

.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}

.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}

.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}

.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}

.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}

.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}

.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}

.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}

.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}

.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}

.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}

.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}

.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}

.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}

.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}

.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}

.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}

.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}

.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}

.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}

.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}

.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}

.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}

.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}

.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}

.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}

.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}

.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}

.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}

.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}

.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}

.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}

.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}

.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}

.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}

.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}

.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}

.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}

.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}

.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}

.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}

.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}

.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}

.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}

.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}

.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}

.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}

.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}

.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}

.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}

.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}

.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}

.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}

.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}

.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}

.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}

.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}

.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}

.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}

.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}

.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}

.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}

.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}

.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}

.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}

.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}

.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}

.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}

.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}

.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}

.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}

.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}

.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}

.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}

.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}

.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}

.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}

.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}

.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}

.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}

.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}

.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}

.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}

.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}

.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}

.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}

.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}

.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}

.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}

.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* === buttons css end === */
/* === badge css start === */
/* === badge css end === */
/* === table css start === */
/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}

.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}

.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}

.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}

.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}

.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}

.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}

.rounded-table thead tr th {
  border-bottom: 0 !important;
}

.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}

.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}

.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}

.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}

.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.striped-table tbody tr:last-child td {
  border-bottom: 0;
}

.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}

.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}

.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}

.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}

.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}

.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}

.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}

.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}

.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}

.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: 0.875rem;
}

.basic-data-table .dt-layout-row select {
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: 2.5rem;
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}

.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}

.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
}

.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
  justify-content: flex-end;
}

.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: 2.5rem;
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}

.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}

div.dt-container .dt-paging .dt-paging-button {
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
}

div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last) {
  color: var(--text-secondary-light) !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background: var(--neutral-200) !important;
  font-weight: 500;
  border: none !important;
}

div.dt-container .dt-paging .dt-paging-button:focus {
  border: none !important;
  box-shadow: none !important;
}

div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--primary-600) !important;
  color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button:hover:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/* === table css end === */
/* === form css start === */
.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}

.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}

.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}

.form-select.form-select-lg {
  height: 56px;
  font-size: 1.125rem;
}

.form-select.form-select-sm {
  height: 40px;
  font-size: 0.875rem;
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: 2.75rem;
}

.form-control[type=file] {
  line-height: 2;
}

.form-control[readonly] {
  background-color: var(--neutral-50);
}

.form-control.form-control-lg {
  height: 56px;
  font-size: 1.125rem;
}

.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}

.form-control.form-control-sm {
  height: 40px;
  font-size: 0.875rem;
}

.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}

.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  color: var(--text-secondary-light);
}

.icon-field .form-control {
  padding-inline-start: 2.5rem;
}

.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}

.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}

.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}

.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}

.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}

.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}

.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}

.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}

.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}

.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}

.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}

.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}

.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}

.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}

.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}

.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}

.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}

.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}

.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}

.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}

.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}

.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}

.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}

.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}

.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}

.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}

.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}

.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}

.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}

.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}

.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}

.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}

.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}

.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}

.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}

.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}

.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}

.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}

.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}

.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}

.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}

.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}

.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}

.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}

.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}

.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}

.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}

.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}

.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}

.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}

.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}

.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}

.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}

.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}

.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}

.form-mobile-field .form-control {
  padding-inline-start: 4.375rem;
}

select option {
  background-color: var(--white);
}

.was-validated .form-mobile-field .form-control {
  padding-inline-start: 5.9375rem;
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url('arrow-down.png');
  background-size: 11px 7px;
  background-repeat: no-repeat;
}

[data-theme=dark] .btn-close {
  background-image: url('times.png');
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}

/* === form css end === */
/* === card css start === */
.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 0.25rem 1.875rem rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}

.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}

.card .card-title {
  font-size: 1.125rem !important;
  font-weight: 600;
  color: var(--text-primary-light);
}

.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}

/* === card css end === */
/* === modal css start === */
.modal-header {
  border-color: var(--input-form-light);
}

.modal-header .btn-close {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.modal-content {
  background-color: var(--white);
}

.modal-footer {
  border-color: var(--input-form-light);
}

/* === modal css end === */
/* === accordion css start === */
/* =========================== Accordion Css start ============================= */
.accordion .accordion-item {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white) !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
}

.accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.accordion .accordion-body {
  background-color: transparent;
  padding: 0;
  padding-top: 8px;
  color: var(--text-secondary-light);
}

.accordion .accordion-button {
  padding: 0;
  background: transparent;
  padding-inline-end: 68px;
}

.accordion .accordion-button::after {
  background-image: none;
}

.accordion .accordion-button:focus {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=true]::after, .accordion .accordion-button[aria-expanded=false]::after {
  content: "\f1af";
  font-family: remixicon;
  display: inline-block;
  position: absolute;
  inset-inline-end: 32px;
  height: 24px;
  width: 24px;
  border: 2px solid var(--primary-600);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 50%;
  line-height: 1;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=false]::after {
  content: "\ea13";
}

/* ================================= Accordion Css End =========================== */
/* === accordion css end === */
/* === nav-tabs css start === */
/* Bordered Tab Css Start */
.bordered-tab .nav-link {
  background-color: transparent !important;
  padding: 16px 24px;
  border-radius: 0;
  font-weight: 600;
  color: var(--text-secondary-light);
  position: relative;
}

.bordered-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background-color: var(--primary-600);
  transition: 0.2s linear;
}

.bordered-tab .nav-link.active {
  color: var(--primary-600);
}

.bordered-tab .nav-link.active::before {
  width: 100%;
}

/* Bordered Tab Css End */
/* Pill Tab Css Start */
.pill-tab .nav-link.active {
  background-color: var(--primary-600);
}

.pill-tab.style-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Pill Tab Css End */
/* Gradient Tab Css Start */
.border-gradient-tab {
  border-top: 1px solid var(--input-form-light);
}

.border-gradient-tab .nav-link {
  font-weight: 600;
  color: var(--text-secondary-light) !important;
  padding: 10px 16px;
  background-color: transparent !important;
  position: relative;
}

.border-gradient-tab .nav-link.active {
  color: var(--text-primary-light) !important;
}

.border-gradient-tab .nav-link.active::before {
  visibility: visible;
  opacity: 1;
}

.border-gradient-tab .nav-link.active .notification-alert {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

.border-gradient-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid var(--primary-600);
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.12) 0%, rgba(72, 127, 255, 0.03) 100%);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

/* Gradient Tab Css End */
/* Focus Tab Css Start */
.focus-tab .nav-link.active {
  background-color: var(--primary-50);
  color: var(--primary-600);
}

/* Focus Tab Css End */
/* Button Tab Css Start */
.button-tab .nav-link.active {
  background-color: var(--primary-600);
  color: #fff !important;
}

/* Button Tab Css End */
/* Active Text Css Start */
.active-text-tab.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--primary-600) !important;
}

/* Active Text Css End */
/* === nav-tabs css end === */
/* === pagination css start === */
/* === pagination css end === */
/* === avatar css start === */
.avatar-xl {
  width: 2.75rem;
  height: 2.75rem;
}

.avatar-lg {
  width: 2.5rem;
  height: 2.5rem;
}

.avatar-md {
  width: 2rem;
  height: 2rem;
}

.avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
}

/* === avatar css end === */
/* === list-style css start === */
/* === list-style css end === */
/* === apex-chart css start === */
.apexcharts-tooltip-style-1 .apexcharts-tooltip {
  padding: 0.75rem 0.5rem;
  background-color: var();
  border: 1px solid var(--input-bg);
  background-color: var(--white);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-title {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 0.875rem !important;
  color: var(--text-primary-light) !important;
  font-weight: 600 !important;
  border: none !important;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group {
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0 !important;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
  padding: 0 !important;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-z-group {
  display: none !important;
}

/* Home Two Widget Chart Css Start*/
.remove-tooltip-title .apexcharts-tooltip-title {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip.apexcharts-theme-light {
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rounded-tooltip-value .apexcharts-tooltip-text-y-label {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip-marker {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip-text-y-value {
  margin-left: 0;
}

.rounded-tooltip-value .apexcharts-tooltip-text {
  display: flex;
}

/* Home Two Widget Chart Css End*/
/* Chart's text color Css End*/
.apexcharts-xaxis-label, .apexcharts-yaxis-label {
  fill: #8a929f;
}

/* Chart's text color Css End*/
/* Home Two Donut Chart Css Start*/
.apexcharts-tooltip-z-none .apexcharts-tooltip-z-group {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-value {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-label {
  fill: #4B5563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: Inter, sans-serif;
}

.circle-none circle {
  display: none;
}

#donutChart {
  height: 0px;
  min-height: 163px !important;
  margin-top: -32px;
}

.margin-16-minus {
  margin: -16px;
}

/* Home Two Donut Chart Css End*/
/* Home Five Radial Chart Css End*/
#semiCircleGauge {
  transform: translateY(22px) translateX(14px);
}

/* Home Five Radial Chart Css End*/
.apexcharts-bar-area:hover {
  fill: var(--brand);
}

.apexcharts-datalabels text {
  filter: none !important; /* Remove any filter applied to data labels */
  text-shadow: none !important; /* Remove any text shadow */
}

.apexcharts-legend-text {
  color: var(--text-secondary-light) !important;
}

.square-marker .apexcharts-legend-marker {
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
}

.series-gap-24 .apexcharts-legend-series {
  margin: 4px 12px !important;
}

.check-marker .apexcharts-legend-marker {
  position: relative;
}

.check-marker .apexcharts-legend-marker::after {
  position: absolute;
  content: "\eb7a";
  font-family: remixicon;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  transition: 0.2s;
}

.apexcharts-yaxis {
  transform: translateX(10px);
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light {
  color: #fff !important;
  background: rgba(30, 30, 30, 0.8) !important;
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid #333 !important;
}

[data-theme=dark] .apexcharts-tooltip-series-group {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* === apex-chart css end === */
/* === progress-bar css start === */
/* Progress bar css start */
.max-w-66 {
  max-width: 66px;
}

.max-w-112 {
  max-width: 112px;
}

.progress {
  background-color: var(--neutral-200);
}

.progress-sm {
  height: 8px;
}

/* animated bar */
.animated-bar {
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Progress bar css End */
/* Floating Label Css Start */
.floating-label {
  transform: translateX(-25px);
  left: 0;
  top: 0;
  animation-name: animateFloatingLabel;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateFloatingLabel {
  from {
    left: 0;
  }
  to {
    left: var(--left-percentage);
  }
}
/* Floating Label Css End */
/* Semi Circle Floating */
.barOverflow { /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: inherit;
  height: inherit; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}

.circleBar {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% + 44px);
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid var(--primary-50); /* half gray, */
  border-bottom-color: var(--primary-600); /* half azure */
  border-right-color: var(--primary-600);
}

/* Semi Circle Floating */
/* === progress-bar css end === */
/* === vector-map css start === */
/* Vector Map Css Start */
#world-map {
  height: 200px;
  background-color: var(--neutral-100);
}

.map-sm {
  height: 160px !important;
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
  background: #D1D5DB;
  color: #111827;
}

/* Vector Map Css End */
/* === vector-map css end === */
/* === scroll css start === */
.scroll-sm::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
  border-radius: 40px;
}

.scroll-sm::-webkit-scrollbar-thumb {
  background-color: #b1b3b8;
  border-radius: 40px;
}

.scroll-sm::-webkit-scrollbar-thumb:hover {
  background-color: #939393;
}

.scroll-sm::-webkit-scrollbar-track {
  background-color: #d6d9de;
  border-radius: 40px;
}

/* === scroll css end === */
/* === slider css start === */
/* Slick Slider Css Start  */
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 20px;
}

.slick-dots button {
  width: 10px;
  height: 4px;
  background-color: var(--primary-50);
  text-indent: -999999px;
  border-radius: 50px;
  color: var(--primary-50);
}

/* Dots Circle Style */
.dots-style-circle .slick-dots {
  gap: 8px;
}

.dots-style-circle .slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 12px;
  height: 12px;
}

.dots-style-circle .slick-dots button {
  width: 8px;
  height: 8px;
  background-color: #5A75AE;
  text-indent: -999999px;
  border-radius: 50%;
}

/* Dots Bottom Position Style */
.dots-positioned .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}

/* Slick Arrows Css */
.slick-arrow {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  font-size: 32px;
  line-height: 0;
  z-index: 1;
}

.slick-arrow.slick-next {
  left: auto;
  right: 16px;
}

/* Slick Slider Css End */
/* Slider Progress Css Start */
.slider-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
}

.slider-progress span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0px;
  height: 100%;
  background-color: var(--primary-600);
  transition: all 0s linear;
}

.slider-progress span.active {
  width: 100%;
}

/* Slider Progress Css End */
/* === slider css end === */
/* === Dropdown css start === */
/* Dropdown Css Start */
.has-indicator {
  position: relative;
  transition: 0s;
}

.has-indicator.show::before {
  visibility: visible;
  opacity: 1;
}

.has-indicator::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 32px;
  background-color: var(--white);
  border-radius: 8px;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  margin-left: -2px;
  box-shadow: -13px -8px 24px -7px rgba(46, 45, 116, 0.09);
}

.dropdown > button.show {
  background-color: var(--primary-50);
  color: var(--primary-600) !important;
}

.dropdown > button.show .text-primary-light {
  color: var(--primary-600) !important;
}

.dropdown-menu {
  border: 0;
  border-radius: 16px;
  box-shadow: 0px 13px 30px 10px rgba(46, 45, 116, 0.05);
  padding: 16px;
  background-color: var(--white);
}

.dropdown-menu.to-top {
  top: calc(100% - 28px) !important;
}

@media (min-width: 575px) {
  .dropdown-menu-lg {
    width: 425px;
  }
}
@media (min-width: 375px) {
  .dropdown-menu-sm {
    width: 312px;
  }
}
/* Dropdown Toggle Custom Icon */
.toggle-icon.icon-up::after {
  content: "\ea78" !important;
}

.toggle-icon.icon-right::after {
  content: "\ea6e" !important;
}

.toggle-icon.icon-left::before {
  content: "\ea64" !important;
  vertical-align: middle !important;
  border: 0 !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.toggle-icon::after {
  vertical-align: middle !important;
  border: 0 !important;
  content: "\ea4e" !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.dropdown > .not-active.show {
  color: #fff !important;
}

/* Dropdown Css End */
/* === Dropdown css end === */
/* === tooltip css start === */
/* Tooltip css start */
.tooltip {
  --bs-tooltip-color: #fff;
}

.tooltip-primary {
  --bs-tooltip-bg: var(--primary-600);
}

.tooltip-purple {
  --bs-tooltip-bg: var(--lilac-600);
}

.tooltip-success {
  --bs-tooltip-bg: var(--success-600);
}

.tooltip-info {
  --bs-tooltip-bg: var(--info-600);
}

.tooltip-warning {
  --bs-tooltip-bg: var(--warning-600);
}

.tooltip-danger {
  --bs-tooltip-bg: var(--danger-600);
}

.tooltip-dark {
  --bs-tooltip-bg: var(--neutral-900);
}

.tooltip-white {
  --bs-tooltip-bg: var(--base);
  --bs-tooltip-color: #fff;
}

.tip-content {
  display: none;
}

.list-decimal {
  list-style: decimal;
  padding-left: 18px;
}

/* Tooltip css End */
/* === tooltip css end === */
/* === image upload css start === */
/* ========================= Image upload csss start ================================= */
.uploaded-image-name-list:hover .remove-image {
  visibility: visible;
  opacity: 1;
}

.uploaded-image-name-list .remove-image {
  visibility: hidden;
  opacity: 0;
}

/* Upload Image Css Start */
.avatar-upload {
  position: relative;
  max-width: max-content;
}

.avatar-upload.style-two {
  width: 180px;
  height: 150px;
  max-width: unset;
}

#imagePreview {
  background-image: url('user-grid-img13.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#previewImage1, #previewImage2 {
  background-image: url('upload-image.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 1px solid var(--primary-600);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview.style-two {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid var(--border-color) !important;
  box-shadow: none;
}

.avatar-upload .avatar-preview.style-two > div {
  border-radius: inherit !important;
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Upload Image Css End */
/* ========================= Image upload csss End ================================= */
/* === image upload css end === */
/* === calendar css start === */
/* Full Calendar Customize Css Start */
.fc-border-separate tr.fc-last th {
  background: var(--neutral-50);
  padding: 12px;
  color: var(--text-primary-light);
}

.fc-border-separate tr.fc-last th a {
  transition: 0s;
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight {
  position: relative;
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.13) 0%, rgba(72, 127, 255, 0.12) 0.01%, rgba(72, 127, 255, 0.05) 100%);
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary-600);
}

.fc-event {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-event.important {
  background-color: var(--danger-100) !important;
  color: var(--danger-600) !important;
}

.fc-event.info {
  background-color: var(--lilac-100) !important;
  color: var(--lilac-600) !important;
}

.fc-border-separate tr.fc-last th {
  border-color: var(--neutral-200) !important;
}

table.fc-header, #calendar {
  background-color: transparent;
}

.fc-week .fc-day:hover .fc-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
}

.fc-state-highlight > div > div.fc-day-number {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

#calendar, table.fc-header {
  background-color: transparent !important;
}

.fc-header-title h2 {
  font-size: 24px !important;
  font-weight: 600;
}

.fc-state-default {
  border-color: var(--primary-600) !important;
  color: var(--primary-600) !important;
}

.fc-state-default:hover {
  background-color: var(--primary-50) !important;
}

.fc-state-active, .fc-state-down {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

.fc-button.fc-button-today {
  border-color: var(--primary-50) !important;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-button.fc-button-today.fc-state-disabled {
  border-color: var(--primary-600) !important;
  background-color: var(--primary-600) !important;
  color: #fff !important;
  cursor: no-drop;
}

td.fc-header-center {
  text-align: end;
}

.fc-widget-content {
  border-color: var(--border-color) !important;
}

.fc-last td {
  border-width: 1px 0 1px 1px;
}

.fc-agenda-axis.fc-widget-header {
  color: var(--text-primary-light);
  border-color: var(--border-color);
}

.fc-header td {
  padding: 0;
}

#calendar {
  overflow-x: auto;
}

#calendar .fc-content {
  min-width: max-content;
}

#calendar table.fc-header tr {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

/* Full Calendar Customize Css End */
/* === calendar css end === */
/* === auth css start === */
/* ========================== Authentication css start ============================== */
.auth {
  min-height: 100vh;
}

.auth-left {
  background: linear-gradient(90deg, #ECF0FF 0%, #FAFBFF 100%);
  width: 50%;
}

.auth-right {
  width: 50%;
}

@media (max-width: 991px) {
  .auth-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .auth-right > div {
    max-width: 100%;
    width: 100%;
  }
}
.auth.forgot-password-page .auth-left {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

.center-border-horizontal {
  position: relative;
  z-index: 1;
}

.center-border-horizontal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--neutral-300);
  z-index: -1;
}

/* ========================== Authentication css End ============================== */
/* === auth css end === */
/* === pricing css start === */
/* Pricing Css Start */
@media (min-width: 1400px) {
  .pricing-plan-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.pricing-plan {
  padding: 50px 40px;
}

@media (max-width: 1699px) {
  .pricing-plan {
    padding: 24px;
  }
}
.pricing-tab {
  margin-bottom: 40px;
}

@media (min-width: 1400px) {
  .pricing-tab {
    margin-bottom: 110px;
  }
}
@media (min-width: 1400px) {
  .scale-item {
    transform: scale(1.04);
    margin-top: -50px;
    z-index: 1;
  }
}
@media (min-width: 1400px) {
  .featured-item {
    margin-top: -50px;
  }
}
/* Pricing Css End */
/* === pricing css end === */
/* === theme css start === */
/* Theme Css Start */
.payment-gateway-input:checked ~ .payment-gateway-label {
  border-color: var(--primary-600) !important;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
}

.payment-gateway-input:checked ~ .payment-gateway-label .text-secondary-light {
  color: var(--text-primary-light) !important;
}

/* Theme Css End */
/* === theme css end === */
/* === date picker css start === */
/* ================== Date Picker Css Start ====================== */
.flatpickr-day.selected {
  border-color: var(--primary-600);
  background-color: var(--primary-600);
  color: #fff !important;
}

.flatpickr-calendar {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
}

.flatpickr-calendar p, .flatpickr-calendar span, .flatpickr-calendar div, .flatpickr-calendar input {
  color: var(--text-primary-light) !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: var(--text-primary-light) !important;
}

.flatpickr-day:hover {
  color: black !important;
}

/* ================== Date Picker Css End ====================== */
/* === date picker css end === */
/* === email css start === */
/* Email Css Start */
.item-active > a {
  background-color: var(--primary-50) !important;
  color: var(--text-primary-light);
}

.item-active > a .icon {
  color: var(--primary-600) !important;
}

.email-item:hover {
  box-shadow: var(--box-shadow);
}

.email-item.active {
  background-color: var(--primary-50) !important;
}

.reload-button {
  transition: 0.2s linear;
}

.reload-button:active {
  transform: rotate(180deg);
}

.starred-button.active .icon-outline {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

.starred-button.active .icon-fill {
  visibility: visible;
  opacity: 1;
  width: auto;
}

.starred-button .icon-fill {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

/* Email Css End */
/* === email css end === */
/* === faq css start === */
/* Faq Css Start */
.responsive-padding-40-150 {
  padding-inline-start: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-inline-end: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-block-start: 40px !important;
  padding-block-end: 40px !important;
}

/* Faq Css End */
/* === faq css end === */
/* === editor css start === */
/* Code edit css start */
.ql-toolbar.ql-snow {
  border: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: inherit !important;
}

.ql-container.ql-snow {
  border: 0 !important;
  border-radius: inherit !important;
}

.ql-editor {
  border-radius: 12px;
  min-height: 600px;
}

.ql-picker-label, .ql-formats {
  color: var(--text-primary-light);
  z-index: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--text-secondary-light);
}

.ql-snow .ql-stroke {
  stroke: var(--text-secondary-light);
}

/* Code edit css end */
/* === editor css end === */
/* === editor css start === */
.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.chat-wrapper .chat-sidebar {
  width: 100%;
}

@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}

.chat-wrapper .chat-main {
  width: 100%;
  margin-top: 1.875rem;
}

@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}
.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 1.875rem;
  gap: 0.9375rem;
}

.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}

.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 1.5rem;
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}

.chat-search .icon {
  font-size: 1.375rem;
  line-height: 1;
  padding-top: 5px;
}

.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: 1.125rem;
  padding-inline-start: 0.625rem;
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}

@media (min-width: 1200px) {
  .chat-all-list {
    max-height: 400px;
  }
}
@media (min-width: 1400px) {
  .chat-all-list {
    max-height: 534px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}

.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}

.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}

.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}

.chat-sidebar-single .img {
  position: relative;
}

.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}

.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 0.75rem;
}

.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}

.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.3px solid var(--input-form-light);
}

.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}

@media (min-width: 1200px) {
  .chat-message-list {
    max-height: 375px;
  }
}
@media (min-width: 1400px) {
  .chat-message-list {
    max-height: 511px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}

.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: 2rem;
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}

.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}

.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}

.chat-single-message.right {
  margin-inline-start: auto;
}

.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}

.chat-single-message.right .chat-message-content p {
  color: #fff;
}

.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}

.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}

.chat-single-message .chat-message-content .chat-time {
  font-size: 0.75rem;
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}

.chat-message-box input {
  flex-grow: 1;
}

.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}

/* === editor css end === */
/* === wizard css start === */
/* ========================= Wizard Css Start ========================= */
.form-wizard .wizard-fieldset {
  display: none;
}

.form-wizard .wizard-fieldset.show {
  display: block !important;
}

.form-wizard .wizard-form-error {
  display: none;
  background-color: transparent;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--danger-main);
  pointer-events: none;
}

.form-wizard-header {
  text-align: center;
}

.form-wizard-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 455px;
}

.form-wizard-list__item {
  width: 20%;
}

.form-wizard-list__item.active .count {
  color: var(--primary-600);
  border-color: var(--primary-600);
  font-weight: 700;
}

.form-wizard-list__item.active .text {
  color: var(--primary-600);
}

.form-wizard-list__item.activated .count {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: #fff;
}

.form-wizard-list__item.activated .text {
  color: var(--primary-600);
}

.form-wizard-list__item.activated .form-wizard-list__line::before {
  width: 100%;
}

.form-wizard-list__item:last-child .form-wizard-list__line::after, .form-wizard-list__item:last-child .form-wizard-list__line::before {
  display: none;
}

.form-wizard-list__line {
  position: relative;
}

.form-wizard-list__line::after, .form-wizard-list__line::before {
  background-color: var(--neutral-300);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: 0.3s linear;
}

.form-wizard-list__line::before {
  width: 0;
  background-color: var(--primary-600);
  z-index: 1;
}

.form-wizard-list .count {
  background-color: var(--white);
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  border: 2px solid var(--neutral-300);
  font-size: 18px;
}

/* Style Two */
.form-wizard-list.style-two {
  gap: 8px;
  min-width: max-content;
}

.form-wizard-list.style-two .form-wizard-list .count {
  height: 32px;
  line-height: 32px;
  width: 32px;
  font-size: 16px;
}

.form-wizard-list.style-two .form-wizard-list__line::after, .form-wizard-list.style-two .form-wizard-list__line::before {
  display: none;
}

.form-wizard-list.style-two .form-wizard-list__item {
  width: 25%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: start;
  padding: 8px;
  position: relative;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
  background-color: var(--neutral-200);
  border-radius: 50px;
}

.form-wizard-list.style-two .form-wizard-list__item:first-child {
  padding-inline-start: 8px;
}

.form-wizard-list.style-two .form-wizard-list__item:last-child {
  padding-inline-end: 8px;
}

.form-wizard-list.style-two .form-wizard-list__item.active .count {
  background-color: var(--primary-600);
  color: #fff;
}

.form-wizard-list.style-two .form-wizard-list__item.activated {
  background-color: var(--primary-600);
}

.form-wizard-list.style-two .form-wizard-list__item.activated .count {
  background-color: #fff;
  color: var(--primary-600);
}

.form-wizard-list.style-two .form-wizard-list__item.activated .text {
  color: #fff;
}

.form-wizard-list.style-two .form-wizard-list__item .text {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Style Three */
.form-wizard-list.style-three {
  min-width: max-content;
}

.form-wizard-list.style-three .form-wizard-list__line::after, .form-wizard-list.style-three .form-wizard-list__line::before {
  display: none;
}

.form-wizard input::placeholder {
  font-size: 14px !important;
  color: var(--neutral-400);
}

.gif-image {
  max-width: 60px;
}

/* ========================= Wizard Css End ========================= */
/* === wizard css end === */
/* === file upload css start === */
/* ============================ Image Upload Css Start ==================== */
.image-upload {
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
  border: 1px dashed var(--input-form-light) !important;
  cursor: pointer;
  transition: 0.2s;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 180px;
}

.image-upload:hover {
  background-color: var(--neutral-100);
}

.image-upload__box {
  border-radius: inherit !important;
  cursor: pointer;
  padding: 16px !important;
  flex-direction: column;
  justify-content: center;
}

.image-upload__boxInner {
  padding: 0 !important;
  border: 0 !important;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: 100% !important;
  margin: 0 auto;
  position: relative;
  border-radius: inherit;
}

.image-upload__icon {
  font-size: 32px !important;
  color: var(--primary-600);
  line-height: 1;
}

.image-upload__image {
  border-radius: inherit;
  max-width: 100%;
}

.image-upload__imageName {
  margin-top: 4px;
}

.image-upload__deleteBtn {
  position: absolute;
  right: -6px;
  top: -6px;
  z-index: 1;
  background: var(--neutral-100);
  color: hsl(var(--neutral-900));
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-upload__deleteBtn:hover {
  background: var(--danger-600);
  transform: scale(1.1);
  color: #fff;
}

.image-upload__anotherFileIcon {
  font-size: 16px !important;
  color: hsl(var(--body-color)) !important;
  width: 40px;
  height: 40px;
  border: 1px solid var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

.image-upload__boxInner p, .image-upload__boxInner span {
  line-height: 1.2 !important;
}

/* ============================ Image Upload Css End ==================== */
/* === file upload css end === */
/* === file upload css start === */
.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after, .ppq-audio-player.player-playing .play-pause-icon:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAASCAMAAADrP+ckAAABNVBMVEUAAAAAmIcAmYgAm4sAnIsAnIwAnI0AnY0AnY4Ano4Ano8An5AAoJEAoZEAoZIAopMBn5ABoJABoJEBoZEBoZIBoZMBopMCoZICopMCopQCo5QDoJEDoZEDo5QDo5UFopMGo5QKpJYLpJYMpZcMppgNpZcNppgNp5gOppcOppgOp5gOp5kQqJoSp5kSqJoTqZsbrJ4drJ8irZ8mrqEnsKMrsqUtsqYytKg0tak5t6tHvLJJvbNLvbNqycBrysFsycFwy8Jwy8N3zsZ+0MiA0cqD0suH1M2L1c6P1tCk3tmm39mv4t285+PE6ebH6ufN7erS7+zV7+3W8O3X8O7a8u/k9fPs+Pft+Pfx+fjx+fnx+vny+vr1+/v2+/v5/fz7/f38/f38/v38/v79/v7+/v7+//////+ALAV1AAAAAXRSTlMAQObYZgAAATxJREFUKM+F0tlWwjAQBuAgQgHTRFFrqaK4IALiiuKugPsKrqUo0DbO+z+CDYHIFZ279nznP3P+DHLh4+L8HWybAQM+qDdlUgGXMRcqpIwYnIwoG7ct6LjAfgdUKlZoAmPQLMRSCBrLZH4idPAEbqcb11eamm1w1ciqGgJrFVPNiMydfkLH8X5LhXMWV1YOc7WCKSGGHty6A9Z2ZRbFGaEymApFKaHJceXoFRxnmPKcZoQXL79huPLijKng/ouP4nFJZcdXUWJML/gpLyo6du2zPTUmQ3uPw7cnWiK8dPUDzn+rUvVaFXUdv4Fjy+51nBcqj3XxQl71o9v33eqlipO0yZWZJnEE5pqqJZTZsy/xjHKvYqBk82+7FCgiaO1GZqKHz/2TkKpWrYv7qldryIGH9c2bFrR75yXV4PwBrZh1OjRqx9oAAAAASUVORK5CYII=);
  background-size: 37px 18px;
}

.ppq-audio-player {
  line-height: 111px;
  position: relative;
  overflow: hidden;
  height: 111px;
  margin: 0 auto;
  background: #f4f4f4;
}

.ppq-audio-player audio {
  position: absolute;
  vertical-align: baseline;
}

.ppq-audio-player .play-pause-btn {
  float: left;
  margin: 29px 0 0 12px;
}

.ppq-audio-player .play-pause-btn .play-pause-icon {
  position: relative;
  display: block;
  width: 47px;
  height: 47px;
  border: 3px solid #00a293;
  border-radius: 100%;
  background-color: #fff;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  display: block;
  content: "";
  background-position: 0 0;
  width: 17px;
  height: 18px;
}

.ppq-audio-player.player-playing .play-pause-icon:after {
  background-position: -25px 0;
  width: 12px;
  height: 17px;
}

.ppq-audio-player .player-time {
  float: left;
  width: 51px;
  margin-right: 8px;
  text-align: right;
}

.ppq-audio-player .player-time-duration {
  float: right;
  margin: 0 0 0 8px;
  text-align: left;
}

.ppq-audio-player .player-bar {
  position: relative;
  overflow: hidden;
  height: 5px;
  margin-top: 53px;
  background-color: #fff;
}

.ppq-audio-player .player-bar .player-bar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: #ddd;
}

.ppq-audio-player .player-bar .player-bar-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background: #00a293;
}

/* === file upload css end === */
/* === radial progress bar start === */
/* ====================== Animated Radial Progress bar Css Start ======================== */
.radial-progress {
  height: auto;
  max-width: 44px;
  transform: rotate(-90deg);
  width: 100%;
}

.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.9114857513;
  stroke-width: 4;
  stroke: var(--primary-600);
  stroke-linecap: round;
}

.radial-progress circle.incomplete {
  opacity: 0.2;
}

.radial-progress circle.complete {
  stroke-dasharray: 219.9114857513;
}

.radial-progress text {
  fill: var(--text-secondary-light);
  font-size: 24px !important;
  text-anchor: middle;
}

/* ====================== Animated Radial Progress bar Css End ======================== */
/* === radial progress bar end === */
/* === navbar css start === */
.navbar-header {
  height: 4.5rem;
  position: sticky;
  top: 0;
  padding: 0rem 1.5rem;
  z-index: 2;
}

.sidebar-toggle,
.sidebar-mobile-toggle {
  line-height: 1.2;
  color: var(--text-primary-light);
}

.sidebar-toggle .icon,
.sidebar-mobile-toggle .icon {
  font-size: 1.375rem;
}

.sidebar-toggle {
  display: none;
}

@media (min-width: 1200px) {
  .sidebar-toggle {
    display: inline-block;
  }
}
.sidebar-toggle.active .icon.non-active {
  display: none;
}

.sidebar-toggle.active .icon.active {
  display: inline-block;
}

.sidebar-toggle .icon.active {
  display: none;
}

.sidebar-mobile-toggle {
  display: inline-block;
}

@media (min-width: 1200px) {
  .sidebar-mobile-toggle {
    display: none;
  }
}
.navbar-search {
  position: relative;
  display: none;
}

@media (min-width: 992px) {
  .navbar-search {
    display: inline-block;
  }
}
.navbar-search input {
  width: 24.25rem;
  height: 2.5rem;
  background-color: var(--neutral-50);
  border: 1px solid var(--input-form-light);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding-block: 0.3125rem;
  padding-inline-start: 2.625rem;
  padding-inline-end: 1.25rem;
  color: var(--text-primary-light);
}

.navbar-search input:focus {
  border-color: var(--brand);
}

.navbar-search .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 0.9375rem;
  font-size: 1.125rem;
  color: var(--black);
}

[data-theme-toggle] {
  font-size: 0;
  position: relative;
}

[data-theme-toggle]::after {
  position: absolute;
  content: "\f1bf";
  font-family: remixicon;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--text-primary-light);
}

[data-theme-toggle][aria-label=dark]::after {
  content: "\ef6f";
  color: #fff;
}

/* === navbar css end === */
/* === sidebar css start === */
.sidebar {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: -100%;
  width: 15.625rem;
  height: 100vh;
  background-color: var(--white);
  transition: all 0.3s;
  z-index: 3;
}

@media (min-width: 1200px) {
  .sidebar {
    inset-inline-start: 0;
    width: 13.75rem;
  }
}
@media (min-width: 1400px) {
  .sidebar {
    width: 17.1875rem;
  }
}
@media (min-width: 1650px) {
  .sidebar {
    width: 19.5rem;
  }
}
.sidebar-close-btn {
  position: absolute;
  top: 0.625rem;
  inset-inline-end: 0.625rem;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--input-form-light);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1200px) {
  .sidebar-close-btn {
    display: none;
  }
}
.sidebar.sidebar-open {
  inset-inline-start: 0;
}

.sidebar.active {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
  overflow: hidden;
}

.sidebar.active .sidebar-menu li a i {
  margin-inline-end: 0;
}


.sidebar.active .sidebar-logo img.light-logo, .sidebar.active .sidebar-logo img.dark-logo {
  display: none;
}

.sidebar.active .sidebar-logo img.logo-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.sidebar.active .sidebar-menu li a span {
  display: block;
  font-size: 0.625rem;
  text-align: center;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}

.sidebar.active .sidebar-menu li a {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 0.5rem;
  max-width: 80px;
}

.sidebar.active .sidebar-menu li a .menu-icon {
  margin-inline-end: 0;
  margin-block-end: 0.25rem;
}

.sidebar.active .sidebar-menu li.sidebar-menu-group-title {
  display: none;
}

.sidebar.active .sidebar-menu li.dropdown.dropdown-open .sidebar-submenu, .sidebar.active .sidebar-menu li.dropdown.open .sidebar-submenu {
  display: none !important;
}

.sidebar.active .sidebar-menu li.dropdown a::after {
  display: none;
}

.sidebar-logo {
  height: 4.5rem;
  padding: 0.875rem 1rem;
  border-inline-end: 1px solid var(--neutral-200);
  border-block-end: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sidebar-logo img {
  max-height: 1.71875rem;
}

.sidebar-logo img.dark-logo {
  display: none;
}

.sidebar-logo img.logo-icon {
  display: none;
}

.sidebar-menu-area {
  height: calc(100vh - 72px);
  padding: 0.75rem 1rem;
  overflow-y: auto;
}

.sidebar-menu-area:hover::-webkit-scrollbar-thumb {
  background-color: var(--neutral-200);
}

.sidebar-menu-area::-webkit-scrollbar {
  width: 6px;
  background-color: var(--white);
}

.sidebar-menu-area::-webkit-scrollbar-thumb {
  background-color: var(--white);
}


[data-theme=dark] .sidebar.active .sidebar-logo img.light-logo {
  display: none;
}

[data-theme=dark] .sidebar-logo img.light-logo {
  display: none;
}

[data-theme=dark] .sidebar-logo img.dark-logo {
  display: inline-block;
}

.sidebar-menu li.dropdown > a {
  position: relative;
}

.sidebar-menu li.dropdown > a::after {
  position: absolute;
  content: "\ea6e";
  font-family: remixicon;
  font-style: normal;
  inset-block-start: 50%;
  inset-inline-end: 0.75rem;
  transform: translateY(-50%);
  font-size: 1.125rem;
  transition: all 0.3s;
}

@media (min-width: 1650px) {
  .sidebar-menu li.dropdown > a::after {
    font-size: 1.375rem;
  }
}
.sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a {
  background-color: var(--brand);
  color: #fff;
}

.sidebar-menu li.dropdown.open > a:hover, .sidebar-menu li.dropdown.dropdown-open > a:hover {
  color: #fff;
}

.sidebar-menu li.dropdown.open > a::after, .sidebar-menu li.dropdown.dropdown-open > a::after {
  transform: translateY(-50%) rotate(90deg);
}

.sidebar-menu li.dropdown.open .sidebar-submenu {
  display: block;
}

.sidebar-menu li > a.active-page {
  background-color: var(--brand);
  color: #fff;
}

.sidebar-menu li > a.active-page:hover {
  color: #fff;
}

.sidebar-menu li a {
  padding: 0.625rem 0.75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--text-secondary-light);
  transition: all 0.3s;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  font-size: 0.875rem;
}

@media (min-width: 1650px) {
  .sidebar-menu li a {
    font-size: 1rem;
  }
}
.sidebar-menu li a:hover {
  color: var(--brand);
}

.sidebar-menu li a .menu-icon {
  font-size: 1.125rem;
  margin-inline-end: 0.5rem;
}

@media (min-width: 1650px) {
  .sidebar-menu li a .menu-icon {
    font-size: 1.375rem;
    margin-inline-end: 0.75rem;
  }
}
.sidebar-menu li a i {
  line-height: 1.2;
  width: 24px;
  margin-inline-end: 0.75rem;
  font-size: 1.375rem;
}

.sidebar-menu li a .circle-icon {
  font-size: 0.625rem;
}

.sidebar-menu .sidebar-submenu {
  padding-block-start: 0.75rem;
  display: none;
  padding-inline-start: 1.5rem;
  transition: none;
}

@media (min-width: 1650px) {
  .sidebar-menu .sidebar-submenu {
    padding-inline-start: 2.75rem;
  }
}
.sidebar-menu .sidebar-submenu li.active-page a {
  background-color: var(--button-secondary);
  color: var(--text-primary-light);
}

.sidebar-menu li a {
  padding: 0.4375rem 0.75rem;
}

.sidebar-submenu li a {
  padding: 0.4375rem 0.75rem;
  color: var(--neutral-600);
  font-weight: 900;
}

.sidebar-menu {
  color: var(--neutral-500);
  font-weight: 600;
  margin-block: 0.3rem;
  font-size: 0.875rem;
  padding-left: 5px;
}

.sidebar-menu-group-title {
  color: var(--neutral-800);
  font-weight: 900;
  margin-block: 0.5rem;
  font-size: 0.875rem;
}

@media (min-width: 1650px) {
  .sidebar-menu .sidebar-menu-group-title {
    font-size: 1rem;
  }
}
/* === sidebar css end === */
/* === breadcrumb css start === */
/* === breadcrumb css end === */
/* === dashboard body css start === */
.dashboard-main {
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100vh;
  transition: all 0.3s;
  background-color: var(--white);
}

@media (min-width: 1200px) {
  .dashboard-main {
    margin-inline-start: var(--sidebar-width, 13.75rem);
  }
}
@media (min-width: 1400px) {
  .dashboard-main {
    margin-inline-start: var(--sidebar-width, 13.75rem);
  }
}
@media (min-width: 1650px) {
  .dashboard-main {
    margin-inline-start: var(--sidebar-width, 13.75rem);
  }
}
@media (min-width: 1000px) {
  .dashboard-main-body {
    display: flex;
    margin: auto;
    width: 95%;
  }
}

@media (max-width: 768px) {
  .dashboard-main-body {
    display: flex;
    margin: auto;
    width: 90%;
  }
}

.dashboard-main.active {
  margin-inline-start: var(--sidebar-width, 80px);
}

/* === dashboard body css end === */
/* === footer css start === */
.d-footer {
  padding: 1.375rem 1.5rem;
  background-color: var(--white);
  margin-block-start: auto;
}

/* === footer css end === */

/* === vdf custom css === */

.welcome-section {
  text-align: center;
  margin-bottom: 5%;
  width: 100%;
}

/* Add tooltip styles */
.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-container:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}

.tooltip-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: 300px;
  padding: 12px;
  background-color: #1f2937;
  color: white;
  font-size: 14px;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s, visibility 0.2s;
  z-index: 1000;
}

.tooltip-arrow {
  position: absolute;
  top: -6px;
  left: 10px;
  width: 12px;
  height: 12px;
  background-color: #1f2937;
  transform: rotate(45deg);
}

/* Ensure the icon is properly styled */
.ri-information-line {
  font-size: 20px;
  cursor: help;
}

.extra-strong {
  font-weight: 900;
}

@media (min-width: 1000px) {
.sidebar-container {
  width: 18%; 
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  }
}
  
@media (max-width: 768px) {
    .sidebar-container {
      position: relative !important;
      transform: translateX(-55%) !important;
      padding-left: 10% !important;
      width: 100% !important;
      margin-left: 50% !important;
    }
}


.chat-card {
    background-color: transparent !important;
    position: relative;
    overflow: visible !important;
    min-height: 100% !important;
  }
  /* Responsive Design (Optional) */
  @media (max-width: 768px) {
    .sidebar-open-btn {
      top: 15px;
      left: 15px;
      transform: none; /* Remove vertical centering for mobile */
    }
  }

/* Open button styling */
.sidebar-open-btn {
  position: relative;
  border: none;
  border-radius: 4px;
  font-size: 22px;
  font-family: "Lato", sans-serif;
  }

  /* Chat input styling */
.chat-input-wrapper {
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: relative;
  padding: 16px;
  border-radius: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 2px solid var(--neutral-200) !important;
}

.chat-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.2);
}

body[data-theme="dark"] .chat-input-wrapper,
body[data-theme="dark"] .chat-input {
background: var(--dark-2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .chat-input {
    min-height: 100px;  
    padding: 8px;     
    font-size: 12px; 
    width: 100% !important; 
  }
  .chat-input-wrapper {
    width: 130% !important;
    margin: 0 0 0 -15%;
  }
}

/* Global modal stacking fix to avoid being covered by high z-index app overlays */
.modal {
  z-index: 2000 !important;
}
.modal-backdrop {
  z-index: 1990 !important;
}

/* Width constraint for scrum-team-agent to match other components */
.constrained-width {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

/* === Shared Chat Interface Styles === */
/* Chat Loading Container */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60vh;
  text-align: center;
  background: transparent;
}

.loading-container img {
  width: 200px;
  height: auto;
  margin-bottom: 1rem;
}

/* Chat Message Container */
.message-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  position: relative;
}

.message-icon {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.message-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.message-content {
  background-color: var(--neutral-50);
  border-radius: 12px;
  padding: 1rem;
  margin-left: 0;
  line-height: 1.6;
  font-size: 0.875rem;
}

[data-theme="dark"] .message-content {
  background-color: var(--dark-2);
  border-color: var(--dark-3);
  color: var(--neutral-100);
}

.user-message .message-content {
  background-color: var(--primary-50);
  border-color: var(--primary-200);
  margin-left: 2rem;
}

[data-theme="dark"] .user-message .message-content {
  border-color: var(--primary-700);
  color: white;
}

.assistant-message .message-content {
  background-color: var(--neutral-50);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .assistant-message .message-content {
  background-color: var(--dark-2);
  border-color: var(--dark-3);
}

/* Message Timestamp */
.message-timestamp {
  font-size: 0.75rem;
  color: var(--neutral-400);
  margin-bottom: 0.25rem;
  margin-left: 2rem;
}

/* Enhanced Chat Input Wrapper */
.shared-chat-input-wrapper {
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: relative;
  padding: 16px;
  border-radius: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 2px solid var(--neutral-200) !important;
  background-color: var(--white);
  margin-top: 1rem;
}

[data-theme="dark"] .shared-chat-input-wrapper {
  background: var(--dark-2);
  border-color: var(--dark-3) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.shared-chat-input {
  flex: 1;
  width: 100%;
  min-height: 48px;
  max-height: 200px;
  border: none;
  border-radius: 16px;
  resize: none;
  line-height: 1.5;
  font-size: 14px;
  overflow-y: auto;
  font-family: "Lato", sans-serif;
  background: transparent;
  color: var(--neutral-900);
  padding: 0 16px 0 0;
}

[data-theme="dark"] .shared-chat-input {
  color: var(--neutral-100);
}

.shared-chat-input:focus {
  outline: none;
  box-shadow: none;
}

.shared-chat-input::placeholder {
  color: var(--neutral-400);
  font-size: 14px;
}

[data-theme="dark"] .shared-chat-input::placeholder {
  color: var(--neutral-400);
}

/* Upload Button for file uploads */
.upload-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 8px;
  color: var(--neutral-600);
  transition: all 0.2s ease;
  cursor: pointer;
}

.upload-button:hover {
  background-color: var(--neutral-100);
  color: var(--primary-600);
}

.upload-button.has-file {
  background-color: var(--success-100);
  color: var(--success-600);
}

[data-theme="dark"] .upload-button:hover {
  background-color: var(--dark-3);
}

/* Upload Status Messages */
.upload-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  padding: 0.5rem;
  border-radius: 8px;
}

.upload-status.success {
  background-color: var(--success-50);
  color: var(--success-700);
  border: 1px solid var(--success-200);
}

.upload-status.error {
  background-color: var(--danger-50);
  color: var(--danger-700);
  border: 1px solid var(--danger-200);
}

[data-theme="dark"] .upload-status.success {
  background-color: var(--success-900);
  color: var(--success-200);
  border-color: var(--success-700);
}

[data-theme="dark"] .upload-status.error {
  background-color: var(--danger-900);
  color: var(--danger-200);
  border-color: var(--danger-700);
}

/* Shared Chat Messages Panel */
.shared-chat-messages {
  padding: 1.5rem;
  max-height: 500px;
  overflow-y: auto;
}

.shared-chat-messages::-webkit-scrollbar {
  width: 6px;
}

.shared-chat-messages::-webkit-scrollbar-track {
  background: var(--neutral-100);
  border-radius: 3px;
}

.shared-chat-messages::-webkit-scrollbar-thumb {
  background: var(--neutral-300);
  border-radius: 3px;
}

.shared-chat-messages::-webkit-scrollbar-thumb:hover {
  background: var(--neutral-400);
}

[data-theme="dark"] .shared-chat-messages::-webkit-scrollbar-track {
  background: var(--dark-3);
}

[data-theme="dark"] .shared-chat-messages::-webkit-scrollbar-thumb {
  background: var(--neutral-600);
}

/* Enhanced Loading Indicator */
.enhanced-loading-indicator-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 24px;
  z-index: 5;
}

[data-theme="dark"] .enhanced-loading-indicator-container {
  background-color: rgba(0, 0, 0, 0.7);
}

.enhanced-loading-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: pulse 1.5s infinite;
}

.enhanced-loading-indicator img {
  width: 32px;
  height: 32px;
}

.enhanced-loading-indicator-text {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--neutral-700);
}

[data-theme="dark"] .enhanced-loading-indicator-text {
  color: var(--neutral-200);
}

/* Welcome Section Enhancement */
.enhanced-welcome-section {
  text-align: center;
  margin-bottom: 2rem;
}

.enhanced-welcome-section h6 {
  color: var(--neutral-800);
  font-weight: 600;
  margin-bottom: 1rem;
}

[data-theme="dark"] .enhanced-welcome-section h6 {
  color: var(--neutral-100);
}

/* Enhanced Chat History Item */
.enhanced-chat-history-item {
  padding: 0.75rem 0;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

.enhanced-chat-history-item:hover {
  background-color: var(--neutral-50);
}

.enhanced-chat-history-item.active {
  background-color: var(--primary-50);
}

.enhanced-chat-history-item.active .text-secondary-light {
  color: var(--primary-700) !important;
}

[data-theme="dark"] .enhanced-chat-history-item:hover {
  background-color: var(--dark-3);
}

[data-theme="dark"] .enhanced-chat-history-item.active {
  background-color: var(--primary-900);
}

/* Mobile Responsive Updates */
@media (max-width: 768px) {
  .shared-chat-input {
    min-height: 100px;
    padding: 8px;
    font-size: 12px;
    width: 100% !important;
  }

  .shared-chat-input-wrapper {
    width: 100%;
    margin: 0;
    padding: 12px;
  }

  .message-content {
    font-size: 0.8125rem;
    padding: 0.75rem;
  }

  .shared-chat-messages {
    padding: 1rem;
  }

  .loading-container img {
    width: 150px;
  }
}

.container-xl {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 var(--size-24);
}

.list-container {
  padding: var(--size-24);
  max-width: 1600px;
  margin: 0 auto;
  background: transparent;
  min-height: 100vh;
  position: relative;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/layout/_index.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.dashboard-main {
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100vh;
  transition: all 0.3s;
}
@media (min-width: 1280px) {
  .dashboard-main {
    margin-inline-start: var(--sidebar-width, calc(220 / 16 * 1rem));
  }
}
.dashboard-main.active {
  margin-inline-start: var(--sidebar-width, calc(86 / 16 * 1rem));
}

.d-footer {
  padding: 1.375rem 1.5rem;
  background-color: var(--white);
  margin-block-start: auto;
}

.navbar-header {
  height: 4.5rem;
  position: sticky;
  top: 0;
  padding: 0 1.5rem;
  z-index: 2;
}

.sidebar-toggle,
.sidebar-mobile-toggle {
  line-height: 1.2;
  color: var(--text-primary-light);
}
.sidebar-toggle .icon,
.sidebar-mobile-toggle .icon {
  font-size: 1.375rem;
}

.sidebar-toggle {
  display: none;
}
@media (min-width: 1280px) {
  .sidebar-toggle {
    display: inline-block;
  }
}
.sidebar-toggle.active .icon.non-active {
  display: none;
}
.sidebar-toggle.active .icon.active {
  display: inline-block;
}
.sidebar-toggle .icon.active {
  display: none;
}

.sidebar-mobile-toggle {
  display: inline-block;
}
@media (min-width: 1280px) {
  .sidebar-mobile-toggle {
    display: none;
  }
}

.navbar-search {
  position: relative;
  display: none;
}
@media (min-width: 1024px) {
  .navbar-search {
    display: inline-block;
  }
}
.navbar-search input {
  width: 24.25rem;
  height: 2.5rem;
  background-color: var(--neutral-50);
  border: 1px solid var(--input-form-light);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding-block: 0.3125rem;
  padding-inline-start: 2.625rem;
  padding-inline-end: 1.25rem;
  color: var(--text-primary-light);
}
.navbar-search input:focus {
  border-color: var(--brand);
}
.navbar-search .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 0.9375rem;
  font-size: 1.125rem;
  color: var(--black);
}

[data-theme-toggle] {
  font-size: 0;
  position: relative;
}
[data-theme-toggle]::after {
  position: absolute;
  content: "\f1bf";
  font-family: remixicon;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--text-primary-light);
}
[data-theme-toggle][aria-label=dark]::after {
  content: "\ef6f";
  color: #fff;
}

.sidebar {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: -100%;
  width: calc(250 / 16 * 1rem);
  height: 100vh;
  background-color: var(--neutral-50);
  transition: all 0.3s;
  z-index: 3;
}
@media (min-width: 1280px) {
  .sidebar {
    inset-inline-start: 0;
    width: calc(220 / 16 * 1rem);
  }
}
.sidebar-close-btn {
  position: absolute;
  top: calc(10 / 16 * 1rem);
  inset-inline-end: calc(10 / 16 * 1rem);
  width: calc(28 / 16 * 1rem);
  height: calc(28 / 16 * 1rem);
  border: 1px solid var(--input-form-light);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .sidebar-close-btn {
    display: none;
  }
}
.sidebar.sidebar-open {
  inset-inline-start: 0;
}
.sidebar.active {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
  overflow: hidden;
}
.sidebar.active .sidebar-menu li a {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem);
  max-width: 80px;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.sidebar.active .sidebar-menu li a span {
  display: block;
  font-size: calc(10 / 16 * 1rem);
  text-align: center;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}
.sidebar.active .sidebar-menu li a .menu-icon {
  margin-inline-end: 0;
  margin-block-end: calc(4 / 16 * 1rem);
}
.sidebar.active .sidebar-logo img.logo-icon {
  height: 24px;
  width: 24px;
}
.sidebar-logo {
  height: calc(72 / 16 * 1rem);
  border-inline-end: 1px solid var(--neutral-200);
  border-block-end: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sidebar-logo img {
  max-height: 1.71875rem;
  max-width: fit-content;
}
.sidebar-logo img.dark-logo {
  display: none;
}
.sidebar-logo img.logo-icon {
  display: none;
}
.sidebar-menu-area {
  height: calc(100vh - calc(72 / 16 * 1rem));
  padding: 0;
  overflow-y: auto;
}
.sidebar-menu-area::-webkit-scrollbar {
  width: calc(6 / 16 * 1rem);
  background-color: var(--white);
}

.sidebar-menu li.dropdown > a {
  position: relative;
}
.sidebar-menu li.dropdown > a::after {
  position: absolute;
  content: "\ea6e";
  font-family: remixicon;
  font-style: normal;
  inset-block-start: 50%;
  inset-inline-end: calc(12 / 16 * 1rem);
  transform: translateY(-50%);
  font-size: calc(18 / 16 * 1rem);
  transition: all 0.3s;
}
.sidebar-menu li a {
  padding: calc(10 / 16 * 1rem) calc(12 / 16 * 1rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--text-secondary-light);
  transition: all 0.3s;
  border-radius: 8;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  -ms-border-radius: 8;
  -o-border-radius: 8;
  font-size: calc(14 / 16 * 1rem);
}
.sidebar-menu li a .menu-icon {
  font-size: calc(18 / 16 * 1rem);
  margin-inline-end: calc(8 / 16 * 1rem);
}
.sidebar-menu li a i {
  line-height: 1.2;
  width: calc(24 / 16 * 1rem);
  margin-inline-end: calc(12 / 16 * 1rem);
  font-size: calc(22 / 16 * 1rem);
}
.sidebar-menu li a .circle-icon {
  font-size: calc(10 / 16 * 1rem);
}
.sidebar-menu .sidebar-submenu {
  padding-block-start: calc(2 / 16 * 1rem);
  display: none;
  padding-inline-start: calc(24 / 16 * 1rem);
  transition: none;
}
.sidebar-menu .sidebar-submenu li a {
  padding: calc(7 / 16 * 1rem) calc(12 / 16 * 1rem);
}
.sidebar-menu .sidebar-menu-group-title {
  color: var(--neutral-500);
  font-weight: 600;
  margin-block: calc(8 / 16 * 1rem);
  font-size: calc(14 / 16 * 1rem);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/layout/_navbar.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.navbar-header {
  height: 4.5rem;
  position: sticky;
  top: 0;
  padding: 0 1.5rem;
  z-index: 2;
}

.sidebar-toggle,
.sidebar-mobile-toggle {
  line-height: 1.2;
  color: var(--text-primary-light);
}
.sidebar-toggle .icon,
.sidebar-mobile-toggle .icon {
  font-size: 1.375rem;
}

.sidebar-toggle {
  display: none;
}
@media (min-width: 1280px) {
  .sidebar-toggle {
    display: inline-block;
  }
}
.sidebar-toggle.active .icon.non-active {
  display: none;
}
.sidebar-toggle.active .icon.active {
  display: inline-block;
}
.sidebar-toggle .icon.active {
  display: none;
}

.sidebar-mobile-toggle {
  display: inline-block;
}
@media (min-width: 1280px) {
  .sidebar-mobile-toggle {
    display: none;
  }
}

.navbar-search {
  position: relative;
  display: none;
}
@media (min-width: 1024px) {
  .navbar-search {
    display: inline-block;
  }
}
.navbar-search input {
  width: 24.25rem;
  height: 2.5rem;
  background-color: var(--neutral-50);
  border: 1px solid var(--input-form-light);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding-block: 0.3125rem;
  padding-inline-start: 2.625rem;
  padding-inline-end: 1.25rem;
  color: var(--text-primary-light);
}
.navbar-search input:focus {
  border-color: var(--brand);
}
.navbar-search .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 0.9375rem;
  font-size: 1.125rem;
  color: var(--black);
}

[data-theme-toggle] {
  font-size: 0;
  position: relative;
}
[data-theme-toggle]::after {
  position: absolute;
  content: "\f1bf";
  font-family: remixicon;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--text-primary-light);
}
[data-theme-toggle][aria-label=dark]::after {
  content: "\ef6f";
  color: #fff;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/layout/_breadcrumb.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/layout/_sidebar.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sidebar {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: -100%;
  width: calc(250 / 16 * 1rem);
  height: 100vh;
  background-color: var(--neutral-50);
  transition: all 0.3s;
  z-index: 3;
}
@media (min-width: 1280px) {
  .sidebar {
    inset-inline-start: 0;
    width: calc(220 / 16 * 1rem);
  }
}
.sidebar-close-btn {
  position: absolute;
  top: calc(10 / 16 * 1rem);
  inset-inline-end: calc(10 / 16 * 1rem);
  width: calc(28 / 16 * 1rem);
  height: calc(28 / 16 * 1rem);
  border: 1px solid var(--input-form-light);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .sidebar-close-btn {
    display: none;
  }
}
.sidebar.sidebar-open {
  inset-inline-start: 0;
}
.sidebar.active {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
  overflow: hidden;
}
.sidebar.active .sidebar-menu li a {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem);
  max-width: 80px;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.sidebar.active .sidebar-menu li a span {
  display: block;
  font-size: calc(10 / 16 * 1rem);
  text-align: center;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}
.sidebar.active .sidebar-menu li a .menu-icon {
  margin-inline-end: 0;
  margin-block-end: calc(4 / 16 * 1rem);
}
.sidebar.active .sidebar-logo img.logo-icon {
  height: 24px;
  width: 24px;
}
.sidebar-logo {
  height: calc(72 / 16 * 1rem);
  border-inline-end: 1px solid var(--neutral-200);
  border-block-end: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sidebar-logo img {
  max-height: 1.71875rem;
  max-width: fit-content;
}
.sidebar-logo img.dark-logo {
  display: none;
}
.sidebar-logo img.logo-icon {
  display: none;
}
.sidebar-menu-area {
  height: calc(100vh - calc(72 / 16 * 1rem));
  padding: 0;
  overflow-y: auto;
}
.sidebar-menu-area::-webkit-scrollbar {
  width: calc(6 / 16 * 1rem);
  background-color: var(--white);
}

.sidebar-menu li.dropdown > a {
  position: relative;
}
.sidebar-menu li.dropdown > a::after {
  position: absolute;
  content: "\ea6e";
  font-family: remixicon;
  font-style: normal;
  inset-block-start: 50%;
  inset-inline-end: calc(12 / 16 * 1rem);
  transform: translateY(-50%);
  font-size: calc(18 / 16 * 1rem);
  transition: all 0.3s;
}
.sidebar-menu li a {
  padding: calc(10 / 16 * 1rem) calc(12 / 16 * 1rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--text-secondary-light);
  transition: all 0.3s;
  border-radius: 8;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  -ms-border-radius: 8;
  -o-border-radius: 8;
  font-size: calc(14 / 16 * 1rem);
}
.sidebar-menu li a .menu-icon {
  font-size: calc(18 / 16 * 1rem);
  margin-inline-end: calc(8 / 16 * 1rem);
}
.sidebar-menu li a i {
  line-height: 1.2;
  width: calc(24 / 16 * 1rem);
  margin-inline-end: calc(12 / 16 * 1rem);
  font-size: calc(22 / 16 * 1rem);
}
.sidebar-menu li a .circle-icon {
  font-size: calc(10 / 16 * 1rem);
}
.sidebar-menu .sidebar-submenu {
  padding-block-start: calc(2 / 16 * 1rem);
  display: none;
  padding-inline-start: calc(24 / 16 * 1rem);
  transition: none;
}
.sidebar-menu .sidebar-submenu li a {
  padding: calc(7 / 16 * 1rem) calc(12 / 16 * 1rem);
}
.sidebar-menu .sidebar-menu-group-title {
  color: var(--neutral-500);
  font-weight: 600;
  margin-block: calc(8 / 16 * 1rem);
  font-size: calc(14 / 16 * 1rem);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/layout/_footer.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.d-footer {
  padding: 1.375rem 1.5rem;
  background-color: var(--white);
  margin-block-start: auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/layout/_dashboard-body.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dashboard-main {
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100vh;
  transition: all 0.3s;
}
@media (min-width: 1280px) {
  .dashboard-main {
    margin-inline-start: var(--sidebar-width, calc(220 / 16 * 1rem));
  }
}
.dashboard-main.active {
  margin-inline-start: var(--sidebar-width, calc(86 / 16 * 1rem));
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_index.scss?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* === reset css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  transition: all 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--text-secondary-light);
  font-family: "Inter", sans-serif;
  font-size: calc(16 / 16 * 1rem);
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 1.7;
  overflow-x: hidden;
}
body.overlay-active::after {
  width: 100%;
}
body::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

main {
  display: block;
}

footer {
  margin-top: auto;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
}

select {
  cursor: pointer;
}

dt {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
  opacity: 0.15;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

span {
  display: inline-block;
}

a {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: inherit;
}

a, button {
  cursor: revert;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

a:hover {
  color: var(--primary);
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

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

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

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

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* === reset css end === */
.text-primary-50 {
  color: var(--primary-50) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-dark-1 {
  color: var(--dark-1) !important;
}

.text-dark-2 {
  color: var(--dark-2) !important;
}

.text-dark-3 {
  color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-hover-dark-1:hover {
  color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
  color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
  color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.text-success-main {
  color: var(--success-main);
}

.text-success-surface {
  color: var(--success-surface);
}

.text-success-border {
  color: var(--success-border);
}

.text-success-hover {
  color: var(--success-hover);
}

.text-success-pressed {
  color: var(--success-pressed);
}

.text-success-focus {
  color: var(--success-focus);
}

.text-info-main {
  color: var(--info-main);
}

.text-info-surface {
  color: var(--info-surface);
}

.text-info-border {
  color: var(--info-border);
}

.text-info-hover {
  color: var(--info-hover);
}

.text-info-pressed {
  color: var(--info-pressed);
}

.text-info-focus {
  color: var(--info-focus);
}

.text-warning-main {
  color: var(--warning-main);
}

.text-warning-surface {
  color: var(--warning-surface);
}

.text-warning-border {
  color: var(--warning-border);
}

.text-warning-hover {
  color: var(--warning-hover);
}

.text-warning-pressed {
  color: var(--warning-pressed);
}

.text-warning-focus {
  color: var(--warning-focus);
}

.text-danger-main {
  color: var(--danger-main);
}

.text-danger-surface {
  color: var(--danger-surface);
}

.text-danger-border {
  color: var(--danger-border);
}

.text-danger-hover {
  color: var(--danger-hover);
}

.text-danger-pressed {
  color: var(--danger-pressed);
}

.text-danger-focus {
  color: var(--danger-focus);
}

.text-cyan {
  color: var(--cyan);
}

.text-indigo {
  color: var(--indigo);
}

.text-purple {
  color: var(--purple);
}

.text-red {
  color: var(--red);
}

.text-yellow {
  color: var(--yellow);
}

.text-orange {
  color: var(--orange);
}

.text-pink {
  color: var(--pink);
}

.text-primary-light {
  color: var(--text-primary-light) !important;
}

.text-secondary-light {
  color: var(--text-secondary-light);
}

.text-secondary-dark {
  color: var(--text-secondary-dark);
}

.text-base {
  color: var(--white) !important;
}

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

.hover-text-primary:hover, .btn.hover-text-primary:hover {
  color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
  color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
  color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
  color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
  color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
  color: var(--base) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.bg-dark-3 {
  background-color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.bg-success-main {
  background-color: var(--success-main) !important;
}

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

.bg-success-border {
  background-color: var(--success-border) !important;
}

.bg-success-hover {
  background-color: var(--success-hover) !important;
}

.bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.bg-success-focus {
  background-color: var(--success-focus) !important;
}

.bg-info-main {
  background-color: var(--info-main) !important;
}

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

.bg-info-border {
  background-color: var(--info-border) !important;
}

.bg-info-hover {
  background-color: var(--info-hover) !important;
}

.bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.bg-info-focus {
  background-color: var(--info-focus) !important;
}

.bg-warning-main {
  background-color: var(--warning-main) !important;
}

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

.bg-warning-border {
  background-color: var(--warning-border) !important;
}

.bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.bg-danger-main {
  background-color: var(--danger-main) !important;
}

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

.bg-danger-border {
  background-color: var(--danger-border) !important;
}

.bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.bg-cyan {
  background-color: var(--cyan) !important;
}

.bg-indigo {
  background-color: var(--indigo) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-red {
  background-color: var(--red) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.bg-pink {
  background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
  transition: all 0.3s;
}
.bg-hover-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.bg-hover-primary-100 {
  transition: all 0.3s;
}
.bg-hover-primary-100:hover {
  background-color: var(--primary-100) !important;
}

.bg-hover-primary-200 {
  transition: all 0.3s;
}
.bg-hover-primary-200:hover {
  background-color: var(--primary-200) !important;
}

.bg-hover-primary-300 {
  transition: all 0.3s;
}
.bg-hover-primary-300:hover {
  background-color: var(--primary-300) !important;
}

.bg-hover-primary-400 {
  transition: all 0.3s;
}
.bg-hover-primary-400:hover {
  background-color: var(--primary-400) !important;
}

.bg-hover-primary-500 {
  transition: all 0.3s;
}
.bg-hover-primary-500:hover {
  background-color: var(--primary-500) !important;
}

.bg-hover-primary-600 {
  transition: all 0.3s;
}
.bg-hover-primary-600:hover {
  background-color: var(--primary-600) !important;
}

.bg-hover-primary-700 {
  transition: all 0.3s;
}
.bg-hover-primary-700:hover {
  background-color: var(--primary-700) !important;
}

.bg-hover-primary-800 {
  transition: all 0.3s;
}
.bg-hover-primary-800:hover {
  background-color: var(--primary-800) !important;
}

.bg-hover-primary-900 {
  transition: all 0.3s;
}
.bg-hover-primary-900:hover {
  background-color: var(--primary-900) !important;
}

.bg-hover-neutral-50 {
  transition: all 0.3s;
}
.bg-hover-neutral-50:hover {
  background-color: var(--neutral-50) !important;
}

.bg-hover-neutral-100 {
  transition: all 0.3s;
}
.bg-hover-neutral-100:hover {
  background-color: var(--neutral-100) !important;
}

.bg-hover-neutral-200 {
  transition: all 0.3s;
}
.bg-hover-neutral-200:hover {
  background-color: var(--neutral-200) !important;
}

.bg-hover-neutral-300 {
  transition: all 0.3s;
}
.bg-hover-neutral-300:hover {
  background-color: var(--neutral-300) !important;
}

.bg-hover-neutral-400 {
  transition: all 0.3s;
}
.bg-hover-neutral-400:hover {
  background-color: var(--neutral-400) !important;
}

.bg-hover-neutral-500 {
  transition: all 0.3s;
}
.bg-hover-neutral-500:hover {
  background-color: var(--neutral-500) !important;
}

.bg-hover-neutral-600 {
  transition: all 0.3s;
}
.bg-hover-neutral-600:hover {
  background-color: var(--neutral-600) !important;
}

.bg-hover-neutral-700 {
  transition: all 0.3s;
}
.bg-hover-neutral-700:hover {
  background-color: var(--neutral-700) !important;
}

.bg-hover-neutral-800 {
  transition: all 0.3s;
}
.bg-hover-neutral-800:hover {
  background-color: var(--neutral-800) !important;
}

.bg-hover-neutral-900 {
  transition: all 0.3s;
}
.bg-hover-neutral-900:hover {
  background-color: var(--neutral-900) !important;
}

.bg-hover-danger-50 {
  transition: all 0.3s;
}
.bg-hover-danger-50:hover {
  background-color: var(--danger-50) !important;
}

.bg-hover-danger-100 {
  transition: all 0.3s;
}
.bg-hover-danger-100:hover {
  background-color: var(--danger-100) !important;
}

.bg-hover-danger-200 {
  transition: all 0.3s;
}
.bg-hover-danger-200:hover {
  background-color: var(--danger-200) !important;
}

.bg-hover-danger-300 {
  transition: all 0.3s;
}
.bg-hover-danger-300:hover {
  background-color: var(--danger-300) !important;
}

.bg-hover-danger-400 {
  transition: all 0.3s;
}
.bg-hover-danger-400:hover {
  background-color: var(--danger-400) !important;
}

.bg-hover-danger-500 {
  transition: all 0.3s;
}
.bg-hover-danger-500:hover {
  background-color: var(--danger-500) !important;
}

.bg-hover-danger-600 {
  transition: all 0.3s;
}
.bg-hover-danger-600:hover {
  background-color: var(--danger-600) !important;
}

.bg-hover-danger-700 {
  transition: all 0.3s;
}
.bg-hover-danger-700:hover {
  background-color: var(--danger-700) !important;
}

.bg-hover-danger-800 {
  transition: all 0.3s;
}
.bg-hover-danger-800:hover {
  background-color: var(--danger-800) !important;
}

.bg-hover-danger-900 {
  transition: all 0.3s;
}
.bg-hover-danger-900:hover {
  background-color: var(--danger-900) !important;
}

.bg-hover-success-50 {
  transition: all 0.3s;
}
.bg-hover-success-50:hover {
  background-color: var(--success-50) !important;
}

.bg-hover-success-100 {
  transition: all 0.3s;
}
.bg-hover-success-100:hover {
  background-color: var(--success-100) !important;
}

.bg-hover-success-200 {
  transition: all 0.3s;
}
.bg-hover-success-200:hover {
  background-color: var(--success-200) !important;
}

.bg-hover-success-300 {
  transition: all 0.3s;
}
.bg-hover-success-300:hover {
  background-color: var(--success-300) !important;
}

.bg-hover-success-400 {
  transition: all 0.3s;
}
.bg-hover-success-400:hover {
  background-color: var(--success-400) !important;
}

.bg-hover-success-500 {
  transition: all 0.3s;
}
.bg-hover-success-500:hover {
  background-color: var(--success-500) !important;
}

.bg-hover-success-600 {
  transition: all 0.3s;
}
.bg-hover-success-600:hover {
  background-color: var(--success-600) !important;
}

.bg-hover-success-700 {
  transition: all 0.3s;
}
.bg-hover-success-700:hover {
  background-color: var(--success-700) !important;
}

.bg-hover-success-800 {
  transition: all 0.3s;
}
.bg-hover-success-800:hover {
  background-color: var(--success-800) !important;
}

.bg-hover-success-900 {
  transition: all 0.3s;
}
.bg-hover-success-900:hover {
  background-color: var(--success-900) !important;
}

.bg-hover-warning-50 {
  transition: all 0.3s;
}
.bg-hover-warning-50:hover {
  background-color: var(--warning-50) !important;
}

.bg-hover-warning-100 {
  transition: all 0.3s;
}
.bg-hover-warning-100:hover {
  background-color: var(--warning-100) !important;
}

.bg-hover-warning-200 {
  transition: all 0.3s;
}
.bg-hover-warning-200:hover {
  background-color: var(--warning-200) !important;
}

.bg-hover-warning-300 {
  transition: all 0.3s;
}
.bg-hover-warning-300:hover {
  background-color: var(--warning-300) !important;
}

.bg-hover-warning-400 {
  transition: all 0.3s;
}
.bg-hover-warning-400:hover {
  background-color: var(--warning-400) !important;
}

.bg-hover-warning-500 {
  transition: all 0.3s;
}
.bg-hover-warning-500:hover {
  background-color: var(--warning-500) !important;
}

.bg-hover-warning-600 {
  transition: all 0.3s;
}
.bg-hover-warning-600:hover {
  background-color: var(--warning-600) !important;
}

.bg-hover-warning-700 {
  transition: all 0.3s;
}
.bg-hover-warning-700:hover {
  background-color: var(--warning-700) !important;
}

.bg-hover-warning-800 {
  transition: all 0.3s;
}
.bg-hover-warning-800:hover {
  background-color: var(--warning-800) !important;
}

.bg-hover-warning-900 {
  transition: all 0.3s;
}
.bg-hover-warning-900:hover {
  background-color: var(--warning-900) !important;
}

.bg-hover-info-50 {
  transition: all 0.3s;
}
.bg-hover-info-50:hover {
  background-color: var(--info-50) !important;
}

.bg-hover-info-100 {
  transition: all 0.3s;
}
.bg-hover-info-100:hover {
  background-color: var(--info-100) !important;
}

.bg-hover-info-200 {
  transition: all 0.3s;
}
.bg-hover-info-200:hover {
  background-color: var(--info-200) !important;
}

.bg-hover-info-300 {
  transition: all 0.3s;
}
.bg-hover-info-300:hover {
  background-color: var(--info-300) !important;
}

.bg-hover-info-400 {
  transition: all 0.3s;
}
.bg-hover-info-400:hover {
  background-color: var(--info-400) !important;
}

.bg-hover-info-500 {
  transition: all 0.3s;
}
.bg-hover-info-500:hover {
  background-color: var(--info-500) !important;
}

.bg-hover-info-600 {
  transition: all 0.3s;
}
.bg-hover-info-600:hover {
  background-color: var(--info-600) !important;
}

.bg-hover-info-700 {
  transition: all 0.3s;
}
.bg-hover-info-700:hover {
  background-color: var(--info-700) !important;
}

.bg-hover-info-800 {
  transition: all 0.3s;
}
.bg-hover-info-800:hover {
  background-color: var(--info-800) !important;
}

.bg-hover-info-900 {
  transition: all 0.3s;
}
.bg-hover-info-900:hover {
  background-color: var(--info-900) !important;
}

.bg-hover-dark-1 {
  transition: all 0.3s;
}
.bg-hover-dark-1:hover {
  background-color: var(--dark-1) !important;
}

.bg-hover-dark-2 {
  transition: all 0.3s;
}
.bg-hover-dark-2:hover {
  background-color: var(--dark-2) !important;
}

.bg-hover-dark-3 {
  transition: all 0.3s;
}
.bg-hover-dark-3:hover {
  background-color: var(--dark-3) !important;
}

.bg-hover-lilac-50 {
  transition: all 0.3s;
}
.bg-hover-lilac-50:hover {
  background-color: var(--lilac-50) !important;
}

.bg-hover-lilac-100 {
  transition: all 0.3s;
}
.bg-hover-lilac-100:hover {
  background-color: var(--lilac-100) !important;
}

.bg-hover-lilac-600 {
  transition: all 0.3s;
}
.bg-hover-lilac-600:hover {
  background-color: var(--lilac-600) !important;
}

.bg-hover-lilac-700 {
  transition: all 0.3s;
}
.bg-hover-lilac-700:hover {
  background-color: var(--lilac-700) !important;
}

.bg-hover-lilac-800 {
  transition: all 0.3s;
}
.bg-hover-lilac-800:hover {
  background-color: var(--lilac-800) !important;
}

.bg-hover-light-50 {
  transition: all 0.3s;
}
.bg-hover-light-50:hover {
  background-color: var(--light-50) !important;
}

.bg-hover-light-100 {
  transition: all 0.3s;
}
.bg-hover-light-100:hover {
  background-color: var(--light-100) !important;
}

.bg-hover-light-600 {
  transition: all 0.3s;
}
.bg-hover-light-600:hover {
  background-color: var(--light-600) !important;
}

.bg-hover-light-700 {
  transition: all 0.3s;
}
.bg-hover-light-700:hover {
  background-color: var(--light-700) !important;
}

.bg-hover-light-800 {
  transition: all 0.3s;
}
.bg-hover-light-800:hover {
  background-color: var(--light-800) !important;
}

.bg-hover-success-main {
  transition: all 0.3s;
}
.bg-hover-success-main:hover {
  background-color: var(--success-main) !important;
}

.bg-hover-success-surface {
  transition: all 0.3s;
}
.bg-hover-success-surface:hover {
  background-color: var(--success-surface) !important;
}

.bg-hover-success-border {
  transition: all 0.3s;
}
.bg-hover-success-border:hover {
  background-color: var(--success-border) !important;
}

.bg-hover-success-hover {
  transition: all 0.3s;
}
.bg-hover-success-hover:hover {
  background-color: var(--success-hover) !important;
}

.bg-hover-success-pressed {
  transition: all 0.3s;
}
.bg-hover-success-pressed:hover {
  background-color: var(--success-pressed) !important;
}

.bg-hover-success-focus {
  transition: all 0.3s;
}
.bg-hover-success-focus:hover {
  background-color: var(--success-focus) !important;
}

.bg-hover-info-main {
  transition: all 0.3s;
}
.bg-hover-info-main:hover {
  background-color: var(--info-main) !important;
}

.bg-hover-info-surface {
  transition: all 0.3s;
}
.bg-hover-info-surface:hover {
  background-color: var(--info-surface) !important;
}

.bg-hover-info-border {
  transition: all 0.3s;
}
.bg-hover-info-border:hover {
  background-color: var(--info-border) !important;
}

.bg-hover-info-hover {
  transition: all 0.3s;
}
.bg-hover-info-hover:hover {
  background-color: var(--info-hover) !important;
}

.bg-hover-info-pressed {
  transition: all 0.3s;
}
.bg-hover-info-pressed:hover {
  background-color: var(--info-pressed) !important;
}

.bg-hover-info-focus {
  transition: all 0.3s;
}
.bg-hover-info-focus:hover {
  background-color: var(--info-focus) !important;
}

.bg-hover-warning-main {
  transition: all 0.3s;
}
.bg-hover-warning-main:hover {
  background-color: var(--warning-main) !important;
}

.bg-hover-warning-surface {
  transition: all 0.3s;
}
.bg-hover-warning-surface:hover {
  background-color: var(--warning-surface) !important;
}

.bg-hover-warning-border {
  transition: all 0.3s;
}
.bg-hover-warning-border:hover {
  background-color: var(--warning-border) !important;
}

.bg-hover-warning-hover {
  transition: all 0.3s;
}
.bg-hover-warning-hover:hover {
  background-color: var(--warning-hover) !important;
}

.bg-hover-warning-pressed {
  transition: all 0.3s;
}
.bg-hover-warning-pressed:hover {
  background-color: var(--warning-pressed) !important;
}

.bg-hover-warning-focus {
  transition: all 0.3s;
}
.bg-hover-warning-focus:hover {
  background-color: var(--warning-focus) !important;
}

.bg-hover-danger-main {
  transition: all 0.3s;
}
.bg-hover-danger-main:hover {
  background-color: var(--danger-main) !important;
}

.bg-hover-danger-surface {
  transition: all 0.3s;
}
.bg-hover-danger-surface:hover {
  background-color: var(--danger-surface) !important;
}

.bg-hover-danger-border {
  transition: all 0.3s;
}
.bg-hover-danger-border:hover {
  background-color: var(--danger-border) !important;
}

.bg-hover-danger-hover {
  transition: all 0.3s;
}
.bg-hover-danger-hover:hover {
  background-color: var(--danger-hover) !important;
}

.bg-hover-danger-pressed {
  transition: all 0.3s;
}
.bg-hover-danger-pressed:hover {
  background-color: var(--danger-pressed) !important;
}

.bg-hover-danger-focus {
  transition: all 0.3s;
}
.bg-hover-danger-focus:hover {
  background-color: var(--danger-focus) !important;
}

.bg-hover-cyan {
  transition: all 0.3s;
}
.bg-hover-cyan:hover {
  background-color: var(--cyan) !important;
}

.bg-hover-indigo {
  transition: all 0.3s;
}
.bg-hover-indigo:hover {
  background-color: var(--indigo) !important;
}

.bg-hover-purple {
  transition: all 0.3s;
}
.bg-hover-purple:hover {
  background-color: var(--purple) !important;
}

.bg-hover-red {
  transition: all 0.3s;
}
.bg-hover-red:hover {
  background-color: var(--red) !important;
}

.bg-hover-yellow {
  transition: all 0.3s;
}
.bg-hover-yellow:hover {
  background-color: var(--yellow) !important;
}

.bg-hover-orange {
  transition: all 0.3s;
}
.bg-hover-orange:hover {
  background-color: var(--orange) !important;
}

.bg-hover-pink {
  transition: all 0.3s;
}
.bg-hover-pink:hover {
  background-color: var(--pink) !important;
}

.bg-base {
  background-color: var(--white) !important;
}

.bg-base-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

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

.bg-primary-light {
  background-color: var(--primary-light) !important;
}

.bg-yellow-light {
  background-color: var(--yellow-light) !important;
}

.bg-purple-light {
  background-color: var(--purple-light) !important;
}

.bg-pink-light {
  background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
  background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
  background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
  background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
  background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
  background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
  background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
  background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
  background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
  background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
  background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
  background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
  background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
  background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
  background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
  background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
  background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
  background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
  background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
  background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
  background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
  background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
  background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
  background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
  background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
  background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
  background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
  background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .bg-gradient-start-1 {
  background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-2 {
  background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}
html[data-theme=dark] .bg-gradient-start-3 {
  background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-4 {
  background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-5 {
  background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}
html[data-theme=dark] .bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}
html[data-theme=dark] .bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}
html[data-theme=dark] .bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}
html[data-theme=dark] .bg-gradient-end-1 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-end-2 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}
html[data-theme=dark] .bg-gradient-end-3 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}
html[data-theme=dark] .bg-gradient-end-4 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-end-5 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}
html[data-theme=dark] .bg-gradient-end-6 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-purple {
  background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}
html[data-theme=dark] .bg-gradient-primary {
  background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}
html[data-theme=dark] .bg-gradient-success {
  background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}
html[data-theme=dark] .bg-gradient-danger {
  background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}
html[data-theme=dark] .bg-danger-gradient-light {
  background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}
html[data-theme=dark] .bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}
html[data-theme=dark] .bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}

.shadow-1 {
  box-shadow: var(--shadow-1);
}

.shadow-2 {
  box-shadow: var(--shadow-2);
}

.shadow-3 {
  box-shadow: var(--shadow-3);
}

.shadow-4 {
  box-shadow: var(--shadow-4);
}

.shadow-5 {
  box-shadow: var(--shadow-5);
}

.shadow-6 {
  box-shadow: var(--shadow-6);
}

.bordered-shadow {
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5019607843);
}

.shadow-top {
  box-shadow: 0px -4px 30px 0px rgba(46, 45, 116, 0.05);
}

.w-2-px {
  width: 0.125rem !important;
}

.w-4-px {
  width: 0.25rem !important;
}

.w-6-px {
  width: 0.375rem !important;
}

.w-8-px {
  width: 0.5rem !important;
}

.w-9-px {
  width: 0.5625rem !important;
}

.w-10-px {
  width: 0.625rem !important;
}

.w-11-px {
  width: 0.6875rem !important;
}

.w-12-px {
  width: 0.75rem !important;
}

.w-13-px {
  width: 0.8125rem !important;
}

.w-16-px {
  width: 1rem !important;
}

.w-20-px {
  width: 1.25rem !important;
}

.w-24-px {
  width: 1.5rem !important;
}

.w-28-px {
  width: 1.5rem !important;
}

.w-32-px {
  width: 2rem !important;
}

.w-36-px {
  width: 2rem !important;
}

.w-40-px {
  width: 2.5rem !important;
}

.w-44-px {
  width: 2.75rem !important;
}

.w-48-px {
  width: 3rem !important;
}

.w-50-px {
  width: 3.125rem !important;
}

.w-56-px {
  width: 3.5rem !important;
}

.w-60-px {
  width: 3.75rem !important;
}

.w-64-px {
  width: 4rem !important;
}

.w-72-px {
  width: 4.5rem !important;
}

.w-76-px {
  width: 4.75rem !important;
}

.w-80-px {
  width: 5rem !important;
}

.w-90-px {
  width: 5.625rem !important;
}

.w-110-px {
  width: 6.875rem !important;
}

.w-120-px {
  width: 7.5rem !important;
}

.w-144-px {
  width: 9rem !important;
}

.w-160-px {
  width: 10rem !important;
}

.w-170-px {
  width: 10.625rem !important;
}

.w-190-px {
  width: 11.875rem !important;
}

.w-200-px {
  width: 12.5rem !important;
}

.w-240-px {
  width: 15rem !important;
}

.w-440-px {
  width: 27.5rem !important;
}

.w-100-px {
  width: 100px;
}

.h-100-px {
  height: 100px;
}

.min-w-max-content {
  min-width: max-content;
}

.w-190-px {
  width: 190px;
}

.max-w-740-px {
  max-width: 740px;
}
@media (max-width: 1399px) {
  .max-w-740-px {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .max-w-740-px {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .max-w-740-px {
    max-width: 250px;
  }
}

.textarea-max-height {
  height: 44px;
}

.resize-none {
  resize: none;
}

.min-w-450-px {
  min-width: 450px;
}

.min-w-132-px {
  min-width: 132px;
}

.h-2-px {
  height: 0.125rem !important;
}

.h-4-px {
  height: 0.25rem !important;
}

.h-6-px {
  height: 0.375rem !important;
}

.h-8-px {
  height: 0.5rem !important;
}

.h-9-px {
  height: 0.5625rem !important;
}

.h-10-px {
  height: 0.625rem !important;
}

.h-11-px {
  height: 0.6875rem !important;
}

.h-12-px {
  height: 0.75rem !important;
}

.h-13-px {
  height: 0.8125rem !important;
}

.h-16-px {
  height: 1rem !important;
}

.h-20-px {
  height: 1.25rem !important;
}

.h-24-px {
  height: 1.5rem !important;
}

.h-28-px {
  height: 1.5rem !important;
}

.h-32-px {
  height: 2rem !important;
}

.h-36-px {
  height: 2rem !important;
}

.h-40-px {
  height: 2.5rem !important;
}

.h-44-px {
  height: 2.75rem !important;
}

.h-48-px {
  height: 3rem !important;
}

.h-50-px {
  height: 3.125rem !important;
}

.h-56-px {
  height: 3.5rem !important;
}

.h-60-px {
  height: 3.75rem !important;
}

.h-64-px {
  height: 4rem !important;
}

.h-72-px {
  height: 4.5rem !important;
}

.h-76-px {
  height: 4.75rem !important;
}

.h-80-px {
  height: 5rem !important;
}

.h-90-px {
  height: 5.625rem !important;
}

.h-110-px {
  height: 6.875rem !important;
}

.h-120-px {
  height: 7.5rem !important;
}

.h-144-px {
  height: 9rem !important;
}

.h-160-px {
  height: 10rem !important;
}

.h-170-px {
  height: 10.625rem !important;
}

.h-190-px {
  height: 11.875rem !important;
}

.h-200-px {
  height: 12.5rem !important;
}

.h-240-px {
  height: 15rem !important;
}

.h-440-px {
  height: 27.5rem !important;
}

.max-h-258-px {
  max-height: 258px;
}

.max-h-350-px {
  max-height: 350px;
}

.max-h-266-px {
  max-height: 266px;
}

.max-h-400-px {
  max-height: 400px;
}

.max-h-612-px {
  max-height: 612px !important;
}

.min-h-612-px {
  min-height: 612px !important;
}

/* Min max width & height Start */
.min-w-120-px {
  min-width: 120px;
}

.max-w-150-px {
  max-width: 150px;
}

.max-w-440-px {
  max-width: 440px;
}

.max-w-464-px {
  max-width: 464px;
}

.max-w-500-px {
  max-width: 500px;
}

.max-w-290-px {
  max-width: 290px;
}

.max-w-634-px {
  max-width: 634px;
}

/* Min max width & height End */
.text-w-200-px {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-w-100-px {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-auto {
  top: auto;
}

.bottom-3px {
  bottom: 3px;
}

@media (min-width: 1700px) {
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}
.kanban-wrapper {
  min-width: 1560px;
}

.m-2 {
  margin: var(--size-2);
}

.m-4 {
  margin: var(--size-4);
}

.m-6 {
  margin: var(--size-6);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-16 {
  margin: var(--size-16);
}

.m-20 {
  margin: var(--size-20);
}

.m-24 {
  margin: var(--size-24);
}

.m-28 {
  margin: var(--size-28);
}

.m-32 {
  margin: var(--size-32);
}

.m-36 {
  margin: var(--size-36);
}

.m-40 {
  margin: var(--size-40);
}

.m-44 {
  margin: var(--size-44);
}

.m-48 {
  margin: var(--size-48);
}

.m-50 {
  margin: var(--size-50);
}

.m-56 {
  margin: var(--size-56);
}

.m-60 {
  margin: var(--size-60);
}

.m-64 {
  margin: var(--size-64);
}

.m-72 {
  margin: var(--size-72);
}

.m-76 {
  margin: var(--size-76);
}

.m-80 {
  margin: var(--size-80);
}

.m-90 {
  margin: var(--size-90);
}

.m-110 {
  margin: var(--size-110);
}

.m-120 {
  margin: var(--size-120);
}

.m-144 {
  margin: var(--size-144);
}

.m-160 {
  margin: var(--size-160);
}

.m-170 {
  margin: var(--size-170);
}

.m-190 {
  margin: var(--size-190);
}

.m-200 {
  margin: var(--size-200);
}

.m-240 {
  margin: var(--size-240);
}

.m-440 {
  margin: var(--size-440);
}

.mx-2 {
  margin-inline: var(--size-2) !important;
}

.mx-4 {
  margin-inline: var(--size-4) !important;
}

.mx-6 {
  margin-inline: var(--size-6) !important;
}

.mx-8 {
  margin-inline: var(--size-8) !important;
}

.mx-9 {
  margin-inline: var(--size-9) !important;
}

.mx-10 {
  margin-inline: var(--size-10) !important;
}

.mx-11 {
  margin-inline: var(--size-11) !important;
}

.mx-12 {
  margin-inline: var(--size-12) !important;
}

.mx-13 {
  margin-inline: var(--size-13) !important;
}

.mx-16 {
  margin-inline: var(--size-16) !important;
}

.mx-20 {
  margin-inline: var(--size-20) !important;
}

.mx-24 {
  margin-inline: var(--size-24) !important;
}

.mx-28 {
  margin-inline: var(--size-28) !important;
}

.mx-32 {
  margin-inline: var(--size-32) !important;
}

.mx-36 {
  margin-inline: var(--size-36) !important;
}

.mx-40 {
  margin-inline: var(--size-40) !important;
}

.mx-44 {
  margin-inline: var(--size-44) !important;
}

.mx-48 {
  margin-inline: var(--size-48) !important;
}

.mx-50 {
  margin-inline: var(--size-50) !important;
}

.mx-56 {
  margin-inline: var(--size-56) !important;
}

.mx-60 {
  margin-inline: var(--size-60) !important;
}

.mx-64 {
  margin-inline: var(--size-64) !important;
}

.mx-72 {
  margin-inline: var(--size-72) !important;
}

.mx-76 {
  margin-inline: var(--size-76) !important;
}

.mx-80 {
  margin-inline: var(--size-80) !important;
}

.mx-90 {
  margin-inline: var(--size-90) !important;
}

.mx-110 {
  margin-inline: var(--size-110) !important;
}

.mx-120 {
  margin-inline: var(--size-120) !important;
}

.mx-144 {
  margin-inline: var(--size-144) !important;
}

.mx-160 {
  margin-inline: var(--size-160) !important;
}

.mx-170 {
  margin-inline: var(--size-170) !important;
}

.mx-190 {
  margin-inline: var(--size-190) !important;
}

.mx-200 {
  margin-inline: var(--size-200) !important;
}

.mx-240 {
  margin-inline: var(--size-240) !important;
}

.mx-440 {
  margin-inline: var(--size-440) !important;
}

.my-2 {
  margin-block: var(--size-2) !important;
}

.my-4 {
  margin-block: var(--size-4) !important;
}

.my-6 {
  margin-block: var(--size-6) !important;
}

.my-8 {
  margin-block: var(--size-8) !important;
}

.my-9 {
  margin-block: var(--size-9) !important;
}

.my-10 {
  margin-block: var(--size-10) !important;
}

.my-11 {
  margin-block: var(--size-11) !important;
}

.my-12 {
  margin-block: var(--size-12) !important;
}

.my-13 {
  margin-block: var(--size-13) !important;
}

.my-16 {
  margin-block: var(--size-16) !important;
}

.my-20 {
  margin-block: var(--size-20) !important;
}

.my-24 {
  margin-block: var(--size-24) !important;
}

.my-28 {
  margin-block: var(--size-28) !important;
}

.my-32 {
  margin-block: var(--size-32) !important;
}

.my-36 {
  margin-block: var(--size-36) !important;
}

.my-40 {
  margin-block: var(--size-40) !important;
}

.my-44 {
  margin-block: var(--size-44) !important;
}

.my-48 {
  margin-block: var(--size-48) !important;
}

.my-50 {
  margin-block: var(--size-50) !important;
}

.my-56 {
  margin-block: var(--size-56) !important;
}

.my-60 {
  margin-block: var(--size-60) !important;
}

.my-64 {
  margin-block: var(--size-64) !important;
}

.my-72 {
  margin-block: var(--size-72) !important;
}

.my-76 {
  margin-block: var(--size-76) !important;
}

.my-80 {
  margin-block: var(--size-80) !important;
}

.my-90 {
  margin-block: var(--size-90) !important;
}

.my-110 {
  margin-block: var(--size-110) !important;
}

.my-120 {
  margin-block: var(--size-120) !important;
}

.my-144 {
  margin-block: var(--size-144) !important;
}

.my-160 {
  margin-block: var(--size-160) !important;
}

.my-170 {
  margin-block: var(--size-170) !important;
}

.my-190 {
  margin-block: var(--size-190) !important;
}

.my-200 {
  margin-block: var(--size-200) !important;
}

.my-240 {
  margin-block: var(--size-240) !important;
}

.my-440 {
  margin-block: var(--size-440) !important;
}

.ms-2 {
  margin-inline-start: var(--size-2) !important;
}

.ms-4 {
  margin-inline-start: var(--size-4) !important;
}

.ms-6 {
  margin-inline-start: var(--size-6) !important;
}

.ms-8 {
  margin-inline-start: var(--size-8) !important;
}

.ms-9 {
  margin-inline-start: var(--size-9) !important;
}

.ms-10 {
  margin-inline-start: var(--size-10) !important;
}

.ms-11 {
  margin-inline-start: var(--size-11) !important;
}

.ms-12 {
  margin-inline-start: var(--size-12) !important;
}

.ms-13 {
  margin-inline-start: var(--size-13) !important;
}

.ms-16 {
  margin-inline-start: var(--size-16) !important;
}

.ms-20 {
  margin-inline-start: var(--size-20) !important;
}

.ms-24 {
  margin-inline-start: var(--size-24) !important;
}

.ms-28 {
  margin-inline-start: var(--size-28) !important;
}

.ms-32 {
  margin-inline-start: var(--size-32) !important;
}

.ms-36 {
  margin-inline-start: var(--size-36) !important;
}

.ms-40 {
  margin-inline-start: var(--size-40) !important;
}

.ms-44 {
  margin-inline-start: var(--size-44) !important;
}

.ms-48 {
  margin-inline-start: var(--size-48) !important;
}

.ms-50 {
  margin-inline-start: var(--size-50) !important;
}

.ms-56 {
  margin-inline-start: var(--size-56) !important;
}

.ms-60 {
  margin-inline-start: var(--size-60) !important;
}

.ms-64 {
  margin-inline-start: var(--size-64) !important;
}

.ms-72 {
  margin-inline-start: var(--size-72) !important;
}

.ms-76 {
  margin-inline-start: var(--size-76) !important;
}

.ms-80 {
  margin-inline-start: var(--size-80) !important;
}

.ms-90 {
  margin-inline-start: var(--size-90) !important;
}

.ms-110 {
  margin-inline-start: var(--size-110) !important;
}

.ms-120 {
  margin-inline-start: var(--size-120) !important;
}

.ms-144 {
  margin-inline-start: var(--size-144) !important;
}

.ms-160 {
  margin-inline-start: var(--size-160) !important;
}

.ms-170 {
  margin-inline-start: var(--size-170) !important;
}

.ms-190 {
  margin-inline-start: var(--size-190) !important;
}

.ms-200 {
  margin-inline-start: var(--size-200) !important;
}

.ms-240 {
  margin-inline-start: var(--size-240) !important;
}

.ms-440 {
  margin-inline-start: var(--size-440) !important;
}

.me-2 {
  margin-inline-end: var(--size-2) !important;
}

.me-4 {
  margin-inline-end: var(--size-4) !important;
}

.me-6 {
  margin-inline-end: var(--size-6) !important;
}

.me-8 {
  margin-inline-end: var(--size-8) !important;
}

.me-9 {
  margin-inline-end: var(--size-9) !important;
}

.me-10 {
  margin-inline-end: var(--size-10) !important;
}

.me-11 {
  margin-inline-end: var(--size-11) !important;
}

.me-12 {
  margin-inline-end: var(--size-12) !important;
}

.me-13 {
  margin-inline-end: var(--size-13) !important;
}

.me-16 {
  margin-inline-end: var(--size-16) !important;
}

.me-20 {
  margin-inline-end: var(--size-20) !important;
}

.me-24 {
  margin-inline-end: var(--size-24) !important;
}

.me-28 {
  margin-inline-end: var(--size-28) !important;
}

.me-32 {
  margin-inline-end: var(--size-32) !important;
}

.me-36 {
  margin-inline-end: var(--size-36) !important;
}

.me-40 {
  margin-inline-end: var(--size-40) !important;
}

.me-44 {
  margin-inline-end: var(--size-44) !important;
}

.me-48 {
  margin-inline-end: var(--size-48) !important;
}

.me-50 {
  margin-inline-end: var(--size-50) !important;
}

.me-56 {
  margin-inline-end: var(--size-56) !important;
}

.me-60 {
  margin-inline-end: var(--size-60) !important;
}

.me-64 {
  margin-inline-end: var(--size-64) !important;
}

.me-72 {
  margin-inline-end: var(--size-72) !important;
}

.me-76 {
  margin-inline-end: var(--size-76) !important;
}

.me-80 {
  margin-inline-end: var(--size-80) !important;
}

.me-90 {
  margin-inline-end: var(--size-90) !important;
}

.me-110 {
  margin-inline-end: var(--size-110) !important;
}

.me-120 {
  margin-inline-end: var(--size-120) !important;
}

.me-144 {
  margin-inline-end: var(--size-144) !important;
}

.me-160 {
  margin-inline-end: var(--size-160) !important;
}

.me-170 {
  margin-inline-end: var(--size-170) !important;
}

.me-190 {
  margin-inline-end: var(--size-190) !important;
}

.me-200 {
  margin-inline-end: var(--size-200) !important;
}

.me-240 {
  margin-inline-end: var(--size-240) !important;
}

.me-440 {
  margin-inline-end: var(--size-440) !important;
}

.mt-2 {
  margin-block-start: var(--size-2) !important;
}

.mt-4 {
  margin-block-start: var(--size-4) !important;
}

.mt-6 {
  margin-block-start: var(--size-6) !important;
}

.mt-8 {
  margin-block-start: var(--size-8) !important;
}

.mt-9 {
  margin-block-start: var(--size-9) !important;
}

.mt-10 {
  margin-block-start: var(--size-10) !important;
}

.mt-11 {
  margin-block-start: var(--size-11) !important;
}

.mt-12 {
  margin-block-start: var(--size-12) !important;
}

.mt-13 {
  margin-block-start: var(--size-13) !important;
}

.mt-16 {
  margin-block-start: var(--size-16) !important;
}

.mt-20 {
  margin-block-start: var(--size-20) !important;
}

.mt-24 {
  margin-block-start: var(--size-24) !important;
}

.mt-28 {
  margin-block-start: var(--size-28) !important;
}

.mt-32 {
  margin-block-start: var(--size-32) !important;
}

.mt-36 {
  margin-block-start: var(--size-36) !important;
}

.mt-40 {
  margin-block-start: var(--size-40) !important;
}

.mt-44 {
  margin-block-start: var(--size-44) !important;
}

.mt-48 {
  margin-block-start: var(--size-48) !important;
}

.mt-50 {
  margin-block-start: var(--size-50) !important;
}

.mt-56 {
  margin-block-start: var(--size-56) !important;
}

.mt-60 {
  margin-block-start: var(--size-60) !important;
}

.mt-64 {
  margin-block-start: var(--size-64) !important;
}

.mt-72 {
  margin-block-start: var(--size-72) !important;
}

.mt-76 {
  margin-block-start: var(--size-76) !important;
}

.mt-80 {
  margin-block-start: var(--size-80) !important;
}

.mt-90 {
  margin-block-start: var(--size-90) !important;
}

.mt-110 {
  margin-block-start: var(--size-110) !important;
}

.mt-120 {
  margin-block-start: var(--size-120) !important;
}

.mt-144 {
  margin-block-start: var(--size-144) !important;
}

.mt-160 {
  margin-block-start: var(--size-160) !important;
}

.mt-170 {
  margin-block-start: var(--size-170) !important;
}

.mt-190 {
  margin-block-start: var(--size-190) !important;
}

.mt-200 {
  margin-block-start: var(--size-200) !important;
}

.mt-240 {
  margin-block-start: var(--size-240) !important;
}

.mt-440 {
  margin-block-start: var(--size-440) !important;
}

.mb-2 {
  margin-block-end: var(--size-2) !important;
}

.mb-4 {
  margin-block-end: var(--size-4) !important;
}

.mb-6 {
  margin-block-end: var(--size-6) !important;
}

.mb-8 {
  margin-block-end: var(--size-8) !important;
}

.mb-9 {
  margin-block-end: var(--size-9) !important;
}

.mb-10 {
  margin-block-end: var(--size-10) !important;
}

.mb-11 {
  margin-block-end: var(--size-11) !important;
}

.mb-12 {
  margin-block-end: var(--size-12) !important;
}

.mb-13 {
  margin-block-end: var(--size-13) !important;
}

.mb-16 {
  margin-block-end: var(--size-16) !important;
}

.mb-20 {
  margin-block-end: var(--size-20) !important;
}

.mb-24 {
  margin-block-end: var(--size-24) !important;
}

.mb-28 {
  margin-block-end: var(--size-28) !important;
}

.mb-32 {
  margin-block-end: var(--size-32) !important;
}

.mb-36 {
  margin-block-end: var(--size-36) !important;
}

.mb-40 {
  margin-block-end: var(--size-40) !important;
}

.mb-44 {
  margin-block-end: var(--size-44) !important;
}

.mb-48 {
  margin-block-end: var(--size-48) !important;
}

.mb-50 {
  margin-block-end: var(--size-50) !important;
}

.mb-56 {
  margin-block-end: var(--size-56) !important;
}

.mb-60 {
  margin-block-end: var(--size-60) !important;
}

.mb-64 {
  margin-block-end: var(--size-64) !important;
}

.mb-72 {
  margin-block-end: var(--size-72) !important;
}

.mb-76 {
  margin-block-end: var(--size-76) !important;
}

.mb-80 {
  margin-block-end: var(--size-80) !important;
}

.mb-90 {
  margin-block-end: var(--size-90) !important;
}

.mb-110 {
  margin-block-end: var(--size-110) !important;
}

.mb-120 {
  margin-block-end: var(--size-120) !important;
}

.mb-144 {
  margin-block-end: var(--size-144) !important;
}

.mb-160 {
  margin-block-end: var(--size-160) !important;
}

.mb-170 {
  margin-block-end: var(--size-170) !important;
}

.mb-190 {
  margin-block-end: var(--size-190) !important;
}

.mb-200 {
  margin-block-end: var(--size-200) !important;
}

.mb-240 {
  margin-block-end: var(--size-240) !important;
}

.mb-440 {
  margin-block-end: var(--size-440) !important;
}

.p-2 {
  padding: var(--size-2) !important;
}

.p-4 {
  padding: var(--size-4) !important;
}

.p-6 {
  padding: var(--size-6) !important;
}

.p-8 {
  padding: var(--size-8) !important;
}

.p-9 {
  padding: var(--size-9) !important;
}

.p-10 {
  padding: var(--size-10) !important;
}

.p-11 {
  padding: var(--size-11) !important;
}

.p-12 {
  padding: var(--size-12) !important;
}

.p-13 {
  padding: var(--size-13) !important;
}

.p-16 {
  padding: var(--size-16) !important;
}

.p-20 {
  padding: var(--size-20) !important;
}

.p-24 {
  padding: var(--size-24) !important;
}

.p-28 {
  padding: var(--size-28) !important;
}

.p-32 {
  padding: var(--size-32) !important;
}

.p-36 {
  padding: var(--size-36) !important;
}

.p-40 {
  padding: var(--size-40) !important;
}

.p-44 {
  padding: var(--size-44) !important;
}

.p-48 {
  padding: var(--size-48) !important;
}

.p-50 {
  padding: var(--size-50) !important;
}

.p-56 {
  padding: var(--size-56) !important;
}

.p-60 {
  padding: var(--size-60) !important;
}

.p-64 {
  padding: var(--size-64) !important;
}

.p-72 {
  padding: var(--size-72) !important;
}

.p-76 {
  padding: var(--size-76) !important;
}

.p-80 {
  padding: var(--size-80) !important;
}

.p-90 {
  padding: var(--size-90) !important;
}

.p-110 {
  padding: var(--size-110) !important;
}

.p-120 {
  padding: var(--size-120) !important;
}

.p-144 {
  padding: var(--size-144) !important;
}

.p-160 {
  padding: var(--size-160) !important;
}

.p-170 {
  padding: var(--size-170) !important;
}

.p-190 {
  padding: var(--size-190) !important;
}

.p-200 {
  padding: var(--size-200) !important;
}

.p-240 {
  padding: var(--size-240) !important;
}

.p-440 {
  padding: var(--size-440) !important;
}

.px-2 {
  padding-inline: var(--size-2) !important;
}

.px-4 {
  padding-inline: var(--size-4) !important;
}

.px-6 {
  padding-inline: var(--size-6) !important;
}

.px-8 {
  padding-inline: var(--size-8) !important;
}

.px-9 {
  padding-inline: var(--size-9) !important;
}

.px-10 {
  padding-inline: var(--size-10) !important;
}

.px-11 {
  padding-inline: var(--size-11) !important;
}

.px-12 {
  padding-inline: var(--size-12) !important;
}

.px-13 {
  padding-inline: var(--size-13) !important;
}

.px-16 {
  padding-inline: var(--size-16) !important;
}

.px-20 {
  padding-inline: var(--size-20) !important;
}

.px-24 {
  padding-inline: var(--size-24) !important;
}

.px-28 {
  padding-inline: var(--size-28) !important;
}

.px-32 {
  padding-inline: var(--size-32) !important;
}

.px-36 {
  padding-inline: var(--size-36) !important;
}

.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-44 {
  padding-inline: var(--size-44) !important;
}

.px-48 {
  padding-inline: var(--size-48) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-56 {
  padding-inline: var(--size-56) !important;
}

.px-60 {
  padding-inline: var(--size-60) !important;
}

.px-64 {
  padding-inline: var(--size-64) !important;
}

.px-72 {
  padding-inline: var(--size-72) !important;
}

.px-76 {
  padding-inline: var(--size-76) !important;
}

.px-80 {
  padding-inline: var(--size-80) !important;
}

.px-90 {
  padding-inline: var(--size-90) !important;
}

.px-110 {
  padding-inline: var(--size-110) !important;
}

.px-120 {
  padding-inline: var(--size-120) !important;
}

.px-144 {
  padding-inline: var(--size-144) !important;
}

.px-160 {
  padding-inline: var(--size-160) !important;
}

.px-170 {
  padding-inline: var(--size-170) !important;
}

.px-190 {
  padding-inline: var(--size-190) !important;
}

.px-200 {
  padding-inline: var(--size-200) !important;
}

.px-240 {
  padding-inline: var(--size-240) !important;
}

.px-440 {
  padding-inline: var(--size-440) !important;
}

.py-2 {
  padding-block: var(--size-2) !important;
}

.py-4 {
  padding-block: var(--size-4) !important;
}

.py-6 {
  padding-block: var(--size-6) !important;
}

.py-8 {
  padding-block: var(--size-8) !important;
}

.py-9 {
  padding-block: var(--size-9) !important;
}

.py-10 {
  padding-block: var(--size-10) !important;
}

.py-11 {
  padding-block: var(--size-11) !important;
}

.py-12 {
  padding-block: var(--size-12) !important;
}

.py-13 {
  padding-block: var(--size-13) !important;
}

.py-16 {
  padding-block: var(--size-16) !important;
}

.py-20 {
  padding-block: var(--size-20) !important;
}

.py-24 {
  padding-block: var(--size-24) !important;
}

.py-28 {
  padding-block: var(--size-28) !important;
}

.py-32 {
  padding-block: var(--size-32) !important;
}

.py-36 {
  padding-block: var(--size-36) !important;
}

.py-40 {
  padding-block: var(--size-40) !important;
}

.py-44 {
  padding-block: var(--size-44) !important;
}

.py-48 {
  padding-block: var(--size-48) !important;
}

.py-50 {
  padding-block: var(--size-50) !important;
}

.py-56 {
  padding-block: var(--size-56) !important;
}

.py-60 {
  padding-block: var(--size-60) !important;
}

.py-64 {
  padding-block: var(--size-64) !important;
}

.py-72 {
  padding-block: var(--size-72) !important;
}

.py-76 {
  padding-block: var(--size-76) !important;
}

.py-80 {
  padding-block: var(--size-80) !important;
}

.py-90 {
  padding-block: var(--size-90) !important;
}

.py-110 {
  padding-block: var(--size-110) !important;
}

.py-120 {
  padding-block: var(--size-120) !important;
}

.py-144 {
  padding-block: var(--size-144) !important;
}

.py-160 {
  padding-block: var(--size-160) !important;
}

.py-170 {
  padding-block: var(--size-170) !important;
}

.py-190 {
  padding-block: var(--size-190) !important;
}

.py-200 {
  padding-block: var(--size-200) !important;
}

.py-240 {
  padding-block: var(--size-240) !important;
}

.py-440 {
  padding-block: var(--size-440) !important;
}

.ps-2 {
  padding-inline-start: var(--size-2) !important;
}

.ps-4 {
  padding-inline-start: var(--size-4) !important;
}

.ps-6 {
  padding-inline-start: var(--size-6) !important;
}

.ps-8 {
  padding-inline-start: var(--size-8) !important;
}

.ps-9 {
  padding-inline-start: var(--size-9) !important;
}

.ps-10 {
  padding-inline-start: var(--size-10) !important;
}

.ps-11 {
  padding-inline-start: var(--size-11) !important;
}

.ps-12 {
  padding-inline-start: var(--size-12) !important;
}

.ps-13 {
  padding-inline-start: var(--size-13) !important;
}

.ps-16 {
  padding-inline-start: var(--size-16) !important;
}

.ps-20 {
  padding-inline-start: var(--size-20) !important;
}

.ps-24 {
  padding-inline-start: var(--size-24) !important;
}

.ps-28 {
  padding-inline-start: var(--size-28) !important;
}

.ps-32 {
  padding-inline-start: var(--size-32) !important;
}

.ps-36 {
  padding-inline-start: var(--size-36) !important;
}

.ps-40 {
  padding-inline-start: var(--size-40) !important;
}

.ps-44 {
  padding-inline-start: var(--size-44) !important;
}

.ps-48 {
  padding-inline-start: var(--size-48) !important;
}

.ps-50 {
  padding-inline-start: var(--size-50) !important;
}

.ps-56 {
  padding-inline-start: var(--size-56) !important;
}

.ps-60 {
  padding-inline-start: var(--size-60) !important;
}

.ps-64 {
  padding-inline-start: var(--size-64) !important;
}

.ps-72 {
  padding-inline-start: var(--size-72) !important;
}

.ps-76 {
  padding-inline-start: var(--size-76) !important;
}

.ps-80 {
  padding-inline-start: var(--size-80) !important;
}

.ps-90 {
  padding-inline-start: var(--size-90) !important;
}

.ps-110 {
  padding-inline-start: var(--size-110) !important;
}

.ps-120 {
  padding-inline-start: var(--size-120) !important;
}

.ps-144 {
  padding-inline-start: var(--size-144) !important;
}

.ps-160 {
  padding-inline-start: var(--size-160) !important;
}

.ps-170 {
  padding-inline-start: var(--size-170) !important;
}

.ps-190 {
  padding-inline-start: var(--size-190) !important;
}

.ps-200 {
  padding-inline-start: var(--size-200) !important;
}

.ps-240 {
  padding-inline-start: var(--size-240) !important;
}

.ps-440 {
  padding-inline-start: var(--size-440) !important;
}

.pe-2 {
  padding-inline-end: var(--size-2) !important;
}

.pe-4 {
  padding-inline-end: var(--size-4) !important;
}

.pe-6 {
  padding-inline-end: var(--size-6) !important;
}

.pe-8 {
  padding-inline-end: var(--size-8) !important;
}

.pe-9 {
  padding-inline-end: var(--size-9) !important;
}

.pe-10 {
  padding-inline-end: var(--size-10) !important;
}

.pe-11 {
  padding-inline-end: var(--size-11) !important;
}

.pe-12 {
  padding-inline-end: var(--size-12) !important;
}

.pe-13 {
  padding-inline-end: var(--size-13) !important;
}

.pe-16 {
  padding-inline-end: var(--size-16) !important;
}

.pe-20 {
  padding-inline-end: var(--size-20) !important;
}

.pe-24 {
  padding-inline-end: var(--size-24) !important;
}

.pe-28 {
  padding-inline-end: var(--size-28) !important;
}

.pe-32 {
  padding-inline-end: var(--size-32) !important;
}

.pe-36 {
  padding-inline-end: var(--size-36) !important;
}

.pe-40 {
  padding-inline-end: var(--size-40) !important;
}

.pe-44 {
  padding-inline-end: var(--size-44) !important;
}

.pe-48 {
  padding-inline-end: var(--size-48) !important;
}

.pe-50 {
  padding-inline-end: var(--size-50) !important;
}

.pe-56 {
  padding-inline-end: var(--size-56) !important;
}

.pe-60 {
  padding-inline-end: var(--size-60) !important;
}

.pe-64 {
  padding-inline-end: var(--size-64) !important;
}

.pe-72 {
  padding-inline-end: var(--size-72) !important;
}

.pe-76 {
  padding-inline-end: var(--size-76) !important;
}

.pe-80 {
  padding-inline-end: var(--size-80) !important;
}

.pe-90 {
  padding-inline-end: var(--size-90) !important;
}

.pe-110 {
  padding-inline-end: var(--size-110) !important;
}

.pe-120 {
  padding-inline-end: var(--size-120) !important;
}

.pe-144 {
  padding-inline-end: var(--size-144) !important;
}

.pe-160 {
  padding-inline-end: var(--size-160) !important;
}

.pe-170 {
  padding-inline-end: var(--size-170) !important;
}

.pe-190 {
  padding-inline-end: var(--size-190) !important;
}

.pe-200 {
  padding-inline-end: var(--size-200) !important;
}

.pe-240 {
  padding-inline-end: var(--size-240) !important;
}

.pe-440 {
  padding-inline-end: var(--size-440) !important;
}

.pt-2 {
  padding-block-start: var(--size-2) !important;
}

.pt-4 {
  padding-block-start: var(--size-4) !important;
}

.pt-6 {
  padding-block-start: var(--size-6) !important;
}

.pt-8 {
  padding-block-start: var(--size-8) !important;
}

.pt-9 {
  padding-block-start: var(--size-9) !important;
}

.pt-10 {
  padding-block-start: var(--size-10) !important;
}

.pt-11 {
  padding-block-start: var(--size-11) !important;
}

.pt-12 {
  padding-block-start: var(--size-12) !important;
}

.pt-13 {
  padding-block-start: var(--size-13) !important;
}

.pt-16 {
  padding-block-start: var(--size-16) !important;
}

.pt-20 {
  padding-block-start: var(--size-20) !important;
}

.pt-24 {
  padding-block-start: var(--size-24) !important;
}

.pt-28 {
  padding-block-start: var(--size-28) !important;
}

.pt-32 {
  padding-block-start: var(--size-32) !important;
}

.pt-36 {
  padding-block-start: var(--size-36) !important;
}

.pt-40 {
  padding-block-start: var(--size-40) !important;
}

.pt-44 {
  padding-block-start: var(--size-44) !important;
}

.pt-48 {
  padding-block-start: var(--size-48) !important;
}

.pt-50 {
  padding-block-start: var(--size-50) !important;
}

.pt-56 {
  padding-block-start: var(--size-56) !important;
}

.pt-60 {
  padding-block-start: var(--size-60) !important;
}

.pt-64 {
  padding-block-start: var(--size-64) !important;
}

.pt-72 {
  padding-block-start: var(--size-72) !important;
}

.pt-76 {
  padding-block-start: var(--size-76) !important;
}

.pt-80 {
  padding-block-start: var(--size-80) !important;
}

.pt-90 {
  padding-block-start: var(--size-90) !important;
}

.pt-110 {
  padding-block-start: var(--size-110) !important;
}

.pt-120 {
  padding-block-start: var(--size-120) !important;
}

.pt-144 {
  padding-block-start: var(--size-144) !important;
}

.pt-160 {
  padding-block-start: var(--size-160) !important;
}

.pt-170 {
  padding-block-start: var(--size-170) !important;
}

.pt-190 {
  padding-block-start: var(--size-190) !important;
}

.pt-200 {
  padding-block-start: var(--size-200) !important;
}

.pt-240 {
  padding-block-start: var(--size-240) !important;
}

.pt-440 {
  padding-block-start: var(--size-440) !important;
}

.pb-2 {
  padding-block-end: var(--size-2) !important;
}

.pb-4 {
  padding-block-end: var(--size-4) !important;
}

.pb-6 {
  padding-block-end: var(--size-6) !important;
}

.pb-8 {
  padding-block-end: var(--size-8) !important;
}

.pb-9 {
  padding-block-end: var(--size-9) !important;
}

.pb-10 {
  padding-block-end: var(--size-10) !important;
}

.pb-11 {
  padding-block-end: var(--size-11) !important;
}

.pb-12 {
  padding-block-end: var(--size-12) !important;
}

.pb-13 {
  padding-block-end: var(--size-13) !important;
}

.pb-16 {
  padding-block-end: var(--size-16) !important;
}

.pb-20 {
  padding-block-end: var(--size-20) !important;
}

.pb-24 {
  padding-block-end: var(--size-24) !important;
}

.pb-28 {
  padding-block-end: var(--size-28) !important;
}

.pb-32 {
  padding-block-end: var(--size-32) !important;
}

.pb-36 {
  padding-block-end: var(--size-36) !important;
}

.pb-40 {
  padding-block-end: var(--size-40) !important;
}

.pb-44 {
  padding-block-end: var(--size-44) !important;
}

.pb-48 {
  padding-block-end: var(--size-48) !important;
}

.pb-50 {
  padding-block-end: var(--size-50) !important;
}

.pb-56 {
  padding-block-end: var(--size-56) !important;
}

.pb-60 {
  padding-block-end: var(--size-60) !important;
}

.pb-64 {
  padding-block-end: var(--size-64) !important;
}

.pb-72 {
  padding-block-end: var(--size-72) !important;
}

.pb-76 {
  padding-block-end: var(--size-76) !important;
}

.pb-80 {
  padding-block-end: var(--size-80) !important;
}

.pb-90 {
  padding-block-end: var(--size-90) !important;
}

.pb-110 {
  padding-block-end: var(--size-110) !important;
}

.pb-120 {
  padding-block-end: var(--size-120) !important;
}

.pb-144 {
  padding-block-end: var(--size-144) !important;
}

.pb-160 {
  padding-block-end: var(--size-160) !important;
}

.pb-170 {
  padding-block-end: var(--size-170) !important;
}

.pb-190 {
  padding-block-end: var(--size-190) !important;
}

.pb-200 {
  padding-block-end: var(--size-200) !important;
}

.pb-240 {
  padding-block-end: var(--size-240) !important;
}

.pb-440 {
  padding-block-end: var(--size-440) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ms--10px {
  margin-left: -10px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--100 {
  margin-top: -100px;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

/* Gap Css */
.gap-2 {
  gap: var(--size-2);
}

.gap-4 {
  gap: var(--size-4);
}

.gap-6 {
  gap: var(--size-6);
}

.gap-8 {
  gap: var(--size-8);
}

.gap-9 {
  gap: var(--size-9);
}

.gap-10 {
  gap: var(--size-10);
}

.gap-11 {
  gap: var(--size-11);
}

.gap-12 {
  gap: var(--size-12);
}

.gap-13 {
  gap: var(--size-13);
}

.gap-16 {
  gap: var(--size-16);
}

.gap-20 {
  gap: var(--size-20);
}

.gap-24 {
  gap: var(--size-24);
}

.gap-28 {
  gap: var(--size-28);
}

.gap-32 {
  gap: var(--size-32);
}

.gap-36 {
  gap: var(--size-36);
}

.gap-40 {
  gap: var(--size-40);
}

.gap-44 {
  gap: var(--size-44);
}

.gap-48 {
  gap: var(--size-48);
}

.gap-50 {
  gap: var(--size-50);
}

.gap-56 {
  gap: var(--size-56);
}

.gap-60 {
  gap: var(--size-60);
}

.gap-64 {
  gap: var(--size-64);
}

.gap-72 {
  gap: var(--size-72);
}

.gap-76 {
  gap: var(--size-76);
}

.gap-80 {
  gap: var(--size-80);
}

.gap-90 {
  gap: var(--size-90);
}

.gap-110 {
  gap: var(--size-110);
}

.gap-120 {
  gap: var(--size-120);
}

.gap-144 {
  gap: var(--size-144);
}

.gap-160 {
  gap: var(--size-160);
}

.gap-170 {
  gap: var(--size-170);
}

.gap-190 {
  gap: var(--size-190);
}

.gap-200 {
  gap: var(--size-200);
}

.gap-240 {
  gap: var(--size-240);
}

.gap-440 {
  gap: var(--size-440);
}

.radius-2 {
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
}

.radius-4 {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

.radius-6 {
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}

.radius-8 {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.radius-9 {
  border-radius: 0.5625rem;
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
}

.radius-10 {
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.radius-11 {
  border-radius: 0.6875rem;
  -webkit-border-radius: 0.6875rem;
  -moz-border-radius: 0.6875rem;
  -ms-border-radius: 0.6875rem;
  -o-border-radius: 0.6875rem;
}

.radius-12 {
  border-radius: 0.75rem;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
}

.radius-13 {
  border-radius: 0.8125rem;
  -webkit-border-radius: 0.8125rem;
  -moz-border-radius: 0.8125rem;
  -ms-border-radius: 0.8125rem;
  -o-border-radius: 0.8125rem;
}

.radius-16 {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.radius-20 {
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.radius-24 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-28 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-32 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-36 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-40 {
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.radius-44 {
  border-radius: 2.75rem;
  -webkit-border-radius: 2.75rem;
  -moz-border-radius: 2.75rem;
  -ms-border-radius: 2.75rem;
  -o-border-radius: 2.75rem;
}

.radius-48 {
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.radius-50 {
  border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
}

.radius-56 {
  border-radius: 3.5rem;
  -webkit-border-radius: 3.5rem;
  -moz-border-radius: 3.5rem;
  -ms-border-radius: 3.5rem;
  -o-border-radius: 3.5rem;
}

.radius-60 {
  border-radius: 3.75rem;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
}

.radius-64 {
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}

.radius-72 {
  border-radius: 4.5rem;
  -webkit-border-radius: 4.5rem;
  -moz-border-radius: 4.5rem;
  -ms-border-radius: 4.5rem;
  -o-border-radius: 4.5rem;
}

.radius-76 {
  border-radius: 4.75rem;
  -webkit-border-radius: 4.75rem;
  -moz-border-radius: 4.75rem;
  -ms-border-radius: 4.75rem;
  -o-border-radius: 4.75rem;
}

.radius-80 {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

.radius-90 {
  border-radius: 5.625rem;
  -webkit-border-radius: 5.625rem;
  -moz-border-radius: 5.625rem;
  -ms-border-radius: 5.625rem;
  -o-border-radius: 5.625rem;
}

.radius-110 {
  border-radius: 6.875rem;
  -webkit-border-radius: 6.875rem;
  -moz-border-radius: 6.875rem;
  -ms-border-radius: 6.875rem;
  -o-border-radius: 6.875rem;
}

.radius-120 {
  border-radius: 7.5rem;
  -webkit-border-radius: 7.5rem;
  -moz-border-radius: 7.5rem;
  -ms-border-radius: 7.5rem;
  -o-border-radius: 7.5rem;
}

.radius-144 {
  border-radius: 9rem;
  -webkit-border-radius: 9rem;
  -moz-border-radius: 9rem;
  -ms-border-radius: 9rem;
  -o-border-radius: 9rem;
}

.radius-160 {
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

.radius-170 {
  border-radius: 10.625rem;
  -webkit-border-radius: 10.625rem;
  -moz-border-radius: 10.625rem;
  -ms-border-radius: 10.625rem;
  -o-border-radius: 10.625rem;
}

.radius-190 {
  border-radius: 11.875rem;
  -webkit-border-radius: 11.875rem;
  -moz-border-radius: 11.875rem;
  -ms-border-radius: 11.875rem;
  -o-border-radius: 11.875rem;
}

.radius-200 {
  border-radius: 12.5rem;
  -webkit-border-radius: 12.5rem;
  -moz-border-radius: 12.5rem;
  -ms-border-radius: 12.5rem;
  -o-border-radius: 12.5rem;
}

.radius-240 {
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
}

.radius-440 {
  border-radius: 27.5rem;
  -webkit-border-radius: 27.5rem;
  -moz-border-radius: 27.5rem;
  -ms-border-radius: 27.5rem;
  -o-border-radius: 27.5rem;
}

.rounded-start-top-0 {
  border-start-start-radius: 0 !important;
}

.rounded-end-bottom-0 {
  border-end-end-radius: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1, .h1 {
  font-size: var(--h1) !important;
}

h2, .h2 {
  font-size: var(--h2) !important;
}

h3, .h3 {
  font-size: var(--h3) !important;
}

h4, .h4 {
  font-size: var(--h4) !important;
}

h5, .h5 {
  font-size: var(--h5) !important;
}

h6, .h6 {
  font-size: var(--h6) !important;
}

.text-2xxl {
  font-size: var(--font-2xxl) !important;
}

.text-2xl {
  font-size: var(--font-2xl) !important;
}

.text-xxl {
  font-size: var(--font-xxl) !important;
}

.text-xl {
  font-size: var(--font-xl) !important;
}

.text-lg {
  font-size: var(--font-lg) !important;
}

.text-md {
  font-size: var(--font-md) !important;
}

.text-sm {
  font-size: var(--font-sm) !important;
}

.text-xs {
  font-size: var(--font-xs) !important;
}

.text-xxs {
  font-size: var(--font-xxs) !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-compact {
  line-height: 1.35 !important;
  color: var(--ai-text, #111827) !important;
}

.ai-compact h5,
.ai-compact h6 {
  margin-top: 0 !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

.ai-message-root.ai-compact h6,
.ai-message-root .ai-compact h6,
.ai-message-root h6 {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.ai-compact p {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.25 !important;
}

.ai-compact ul,
.ai-compact ol {
  margin-top: 0 !important;
  padding-left: 1.1rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  list-style-position: outside !important;
}

.ai-compact ul {
  list-style-type: disc !important;
}

.ai-compact ol {
  list-style-type: decimal !important;
}

.ai-compact li {
  margin-top: 1px !important;
  margin-bottom: 0px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  list-style: inherit !important;
}

.ai-compact li::marker {
  color: var(--text-secondary, #6b7280);
}

.ai-message-root > .ai-compact > ul.bullet-list > li {
  font-weight: 400 !important;
}

.ai-message-root > .ai-compact > ol.bullet-list > li {
  font-weight: 400 !important;
}

.ai-message-root > .ai-compact > ul.bullet-list > li ul > li,
.ai-message-root > .ai-compact > ul.bullet-list > li ol > li,
.ai-message-root > .ai-compact > ol.bullet-list > li ul > li,
.ai-message-root > .ai-compact > ol.bullet-list > li ol > li,
.ai-compact .bullet-list .bullet-list > li {
  font-weight: 400 !important;
}

.ai-compact pre,
.ai-compact code {
  line-height: 1.25 !important;
  background: var(--ai-code-bg, #f8fafc) !important;
  color: var(--ai-code-fg, #0f172a) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 8px !important;
}

.ai-compact .hljs {
  background: var(--ai-code-bg, #f8fafc) !important;
  color: var(--ai-code-fg, #0f172a) !important;
}

.ai-compact .hljs-comment {
  color: #64748b !important;
}

.ai-compact .hljs-quote {
  color: #64748b !important;
}

.ai-compact .hljs-keyword {
  color: #7c3aed !important;
}

.ai-compact .hljs-string {
  color: #166534 !important;
}

.ai-compact .hljs-number {
  color: #9a3412 !important;
}

.ai-compact .hljs-title, .ai-compact .hljs-section {
  color: #0f766e !important;
}

.ai-compact .hljs-attr, .ai-compact .hljs-attribute {
  color: #1d4ed8 !important;
}

.ai-compact a {
  color: #0ea5e9 !important;
  text-decoration: none;
}

.ai-compact a:hover {
  text-decoration: underline;
}

.ai-compact .ai-compact-toc {
  margin: 6px 0 10px 0 !important;
}

.ai-compact .ai-compact-toc ul {
  margin: 4px 0 !important;
  padding-left: 1rem !important;
}

.ai-compact .ai-compact-toc a {
  text-decoration: none;
}

.ai-compact details {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 8px 10px;
  margin-bottom: 4px;
  background: var(--bg-soft, #fff);
}

.ai-compact summary {
  cursor: pointer;
  font-weight: 400;
  list-style: none;
}

.ai-compact summary::-webkit-details-marker {
  display: none;
}

[data-theme=dark] .ai-compact {
  color: #e5e7eb !important;
}

[data-theme=dark] .ai-compact pre,
[data-theme=dark] .ai-compact code,
[data-theme=dark] .ai-compact .hljs {
  background: #0b1220 !important;
  color: #e6edf3 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme=dark] .ai-compact .hljs-comment,
[data-theme=dark] .ai-compact .hljs-quote {
  color: #9aa4b2 !important;
}

[data-theme=dark] .ai-compact .hljs-keyword {
  color: #a78bfa !important;
}

[data-theme=dark] .ai-compact .hljs-string {
  color: #86efac !important;
}

[data-theme=dark] .ai-compact .hljs-number {
  color: #fdba74 !important;
}

[data-theme=dark] .ai-compact .hljs-title, [data-theme=dark] .ai-compact .hljs-section {
  color: #5eead4 !important;
}

[data-theme=dark] .ai-compact .hljs-attr, [data-theme=dark] .ai-compact .hljs-attribute {
  color: #93c5fd !important;
}

[data-theme=dark] .ai-compact a {
  color: #38bdf8 !important;
}

[data-theme=dark] .ai-compact details {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

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

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

.border {
  border: 1px solid var(--border-color) !important;
}

.border-start {
  border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
  border-inline-end: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

.border-primary-light-white {
  border-color: var(--primary-light-white) !important;
}

.border-yellow-light-white {
  border-color: var(--yellow-light-white) !important;
}

.border-purple-light-white {
  border-color: var(--purple-light-white) !important;
}

.border-pink-light-white {
  border-color: var(--pink-light-white) !important;
}

.br-success {
  border-color: var(--success-border) !important;
}

.br-white {
  border-color: var(--base) !important;
}

.border-light-white {
  border-color: rgba(255, 255, 255, 0.38) !important;
}

.input-form-light {
  border-color: var(--input-form-light) !important;
}

.input-form-dark {
  border-color: var(--input-form-dark) !important;
}

.br-hover-primary {
  transition: all 0.3s;
}
.br-hover-primary:hover {
  border-color: var(--primary-600) !important;
}

.br-hover-success {
  transition: all 0.3s;
}
.br-hover-success:hover {
  border-color: var(--success-main) !important;
}

.br-hover-info {
  transition: all 0.3s;
}
.br-hover-info:hover {
  border-color: var(--info-main) !important;
}

.br-hover-warning {
  transition: all 0.3s;
}
.br-hover-warning:hover {
  border-color: var(--warning-main) !important;
}

.br-hover-danger {
  transition: all 0.3s;
}
.br-hover-danger:hover {
  border-color: var(--danger-main) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-dark-1 {
  border-color: var(--dark-1) !important;
}

.border-dark-2 {
  border-color: var(--dark-2) !important;
}

.border-dark-3 {
  border-color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.border-success-main {
  border-color: var(--success-main) !important;
}

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

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

.border-success-hover {
  border-color: var(--success-hover) !important;
}

.border-success-pressed {
  border-color: var(--success-pressed) !important;
}

.border-success-focus {
  border-color: var(--success-focus) !important;
}

.border-info-main {
  border-color: var(--info-main) !important;
}

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

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

.border-info-hover {
  border-color: var(--info-hover) !important;
}

.border-info-pressed {
  border-color: var(--info-pressed) !important;
}

.border-info-focus {
  border-color: var(--info-focus) !important;
}

.border-warning-main {
  border-color: var(--warning-main) !important;
}

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

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

.border-warning-hover {
  border-color: var(--warning-hover) !important;
}

.border-warning-pressed {
  border-color: var(--warning-pressed) !important;
}

.border-warning-focus {
  border-color: var(--warning-focus) !important;
}

.border-danger-main {
  border-color: var(--danger-main) !important;
}

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

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

.border-danger-hover {
  border-color: var(--danger-hover) !important;
}

.border-danger-pressed {
  border-color: var(--danger-pressed) !important;
}

.border-danger-focus {
  border-color: var(--danger-focus) !important;
}

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

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

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

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

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

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

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

.border-width-2-px {
  border-width: 2px !important;
}
.border-width-3-px {
  border-width: 3px !important;
}
.border-width-4-px {
  border-width: 4px !important;
}
.border-width-5-px {
  border-width: 5px !important;
}

.border-start-width-2-px {
  border-inline-start-width: 2px !important;
}
.border-start-width-3-px {
  border-inline-start-width: 3px !important;
}
.border-start-width-4-px {
  border-inline-start-width: 4px !important;
}
.border-start-width-5-px {
  border-inline-start-width: 5px !important;
}

.border-end-width-2-px {
  border-inline-end-width: 2px !important;
}
.border-end-width-3-px {
  border-inline-end-width: 3px !important;
}
.border-end-width-4-px {
  border-inline-end-width: 4px !important;
}
.border-end-width-5-px {
  border-inline-end-width: 5px !important;
}
.border-end-width-6-px {
  border-inline-end-width: 6px !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-dashed {
  border-style: dashed !important;
}

.center-border {
  position: relative;
}
.center-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 9px);
  background-color: var(--neutral-300);
  left: 50%;
  transform: translateX(-50%);
}

.group-item:hover .group-hover\:bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:bg-success-50 {
  background-color: var(--success-50) !important;
}

.group-item:hover .group-hover\:bg-success-100 {
  background-color: var(--success-100) !important;
}

.group-item:hover .group-hover\:bg-success-200 {
  background-color: var(--success-200) !important;
}

.group-item:hover .group-hover\:bg-success-300 {
  background-color: var(--success-300) !important;
}

.group-item:hover .group-hover\:bg-success-400 {
  background-color: var(--success-400) !important;
}

.group-item:hover .group-hover\:bg-success-500 {
  background-color: var(--success-500) !important;
}

.group-item:hover .group-hover\:bg-success-600 {
  background-color: var(--success-600) !important;
}

.group-item:hover .group-hover\:bg-success-700 {
  background-color: var(--success-700) !important;
}

.group-item:hover .group-hover\:bg-success-800 {
  background-color: var(--success-800) !important;
}

.group-item:hover .group-hover\:bg-success-900 {
  background-color: var(--success-900) !important;
}

.group-item:hover .group-hover\:bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:bg-info-50 {
  background-color: var(--info-50) !important;
}

.group-item:hover .group-hover\:bg-info-100 {
  background-color: var(--info-100) !important;
}

.group-item:hover .group-hover\:bg-info-200 {
  background-color: var(--info-200) !important;
}

.group-item:hover .group-hover\:bg-info-300 {
  background-color: var(--info-300) !important;
}

.group-item:hover .group-hover\:bg-info-400 {
  background-color: var(--info-400) !important;
}

.group-item:hover .group-hover\:bg-info-500 {
  background-color: var(--info-500) !important;
}

.group-item:hover .group-hover\:bg-info-600 {
  background-color: var(--info-600) !important;
}

.group-item:hover .group-hover\:bg-info-700 {
  background-color: var(--info-700) !important;
}

.group-item:hover .group-hover\:bg-info-800 {
  background-color: var(--info-800) !important;
}

.group-item:hover .group-hover\:bg-info-900 {
  background-color: var(--info-900) !important;
}

.group-item:hover .group-hover\:bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:bg-light-50 {
  background-color: var(--light-50) !important;
}

.group-item:hover .group-hover\:bg-light-100 {
  background-color: var(--light-100) !important;
}

.group-item:hover .group-hover\:bg-light-600 {
  background-color: var(--light-600) !important;
}

.group-item:hover .group-hover\:bg-light-700 {
  background-color: var(--light-700) !important;
}

.group-item:hover .group-hover\:bg-light-800 {
  background-color: var(--light-800) !important;
}

.group-item:hover .group-hover\:bg-success-main {
  background-color: var(--success-main) !important;
}

.group-item:hover .group-hover\:bg-success-surface {
  background-color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:bg-success-border {
  background-color: var(--success-border) !important;
}

.group-item:hover .group-hover\:bg-success-hover {
  background-color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:bg-success-focus {
  background-color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:bg-info-main {
  background-color: var(--info-main) !important;
}

.group-item:hover .group-hover\:bg-info-surface {
  background-color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:bg-info-border {
  background-color: var(--info-border) !important;
}

.group-item:hover .group-hover\:bg-info-hover {
  background-color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:bg-info-focus {
  background-color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:bg-warning-main {
  background-color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:bg-warning-border {
  background-color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:bg-danger-main {
  background-color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:bg-danger-border {
  background-color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.group-item:hover .group-hover\:bg-cyan {
  background-color: var(--cyan) !important;
}

.group-item:hover .group-hover\:bg-indigo {
  background-color: var(--indigo) !important;
}

.group-item:hover .group-hover\:bg-purple {
  background-color: var(--purple) !important;
}

.group-item:hover .group-hover\:bg-red {
  background-color: var(--red) !important;
}

.group-item:hover .group-hover\:bg-yellow {
  background-color: var(--yellow) !important;
}

.group-item:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
}

.group-item:hover .group-hover\:bg-pink {
  background-color: var(--pink) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.group-item:hover .group-hover\:text-dark-1 {
  color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:text-dark-2 {
  color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:text-dark-3 {
  color: var(--dark-3) !important;
}

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

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

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

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

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

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

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

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

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

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

.group-item:hover .group-hover\:text-success-main {
  color: var(--success-main) !important;
}

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

.group-item:hover .group-hover\:text-success-border {
  color: var(--success-border) !important;
}

.group-item:hover .group-hover\:text-success-hover {
  color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:text-success-pressed {
  color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:text-success-focus {
  color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:text-info-main {
  color: var(--info-main) !important;
}

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

.group-item:hover .group-hover\:text-info-border {
  color: var(--info-border) !important;
}

.group-item:hover .group-hover\:text-info-hover {
  color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:text-info-pressed {
  color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:text-info-focus {
  color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:text-warning-main {
  color: var(--warning-main) !important;
}

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

.group-item:hover .group-hover\:text-warning-border {
  color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:text-warning-hover {
  color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:text-warning-pressed {
  color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:text-warning-focus {
  color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:text-danger-main {
  color: var(--danger-main) !important;
}

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

.group-item:hover .group-hover\:text-danger-border {
  color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:text-danger-hover {
  color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:text-danger-pressed {
  color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:text-danger-focus {
  color: var(--danger-focus) !important;
}

.text-cyan {
  color: var(--cyan);
}

.group-item:hover .group-hover\:text-cyan {
  color: var(--cyan) !important;
}

.text-indigo {
  color: var(--indigo);
}

.group-item:hover .group-hover\:text-indigo {
  color: var(--indigo) !important;
}

.text-purple {
  color: var(--purple);
}

.group-item:hover .group-hover\:text-purple {
  color: var(--purple) !important;
}

.text-red {
  color: var(--red);
}

.group-item:hover .group-hover\:text-red {
  color: var(--red) !important;
}

.text-yellow {
  color: var(--yellow);
}

.group-item:hover .group-hover\:text-yellow {
  color: var(--yellow) !important;
}

.text-orange {
  color: var(--orange);
}

.group-item:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}

.text-pink {
  color: var(--pink);
}

.group-item:hover .group-hover\:text-pink {
  color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-white {
  color: var(--base);
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.hover-scale-img__img {
  transition: 0.2s linear;
}
.hover-scale-img:hover .hover-scale-img__img {
  transform: scale(1.1);
}

.visibility-hidden {
  visibility: hidden;
}

/* Overlay Css Start */
.gradient-overlay {
  position: relative;
  z-index: 1;
}
.gradient-overlay.top-0::before {
  transform: rotate(180deg);
}
.gradient-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.69) 57.92%, rgba(0, 0, 0, 0.7) 100%);
  left: inherit;
  bottom: inherit;
}

/* Overlay Css End */
[dir=rtl] .start-0 {
  left: auto !important;
  right: 0;
}
[dir=rtl] .end-0 {
  right: auto !important;
  left: 0;
}

/* =============================== Kanban Card Css Start =============================== */
.ui-sortable-handle {
  cursor: move !important;
}

.ui-sortable-helper {
  box-shadow: 0px 5px 20px 3px var(--neutral-300);
  box-shadow: 0 4px 30px 0 rgba(4, 6, 15, 0.5) !important;
}

.ui-sortable-placeholder {
  background-color: var(--neutral-100) !important;
  visibility: visible !important;
  padding: 100px !important;
  border: 1px dashed var(--neutral-400);
}

#taskImagePreview {
  display: none;
  margin-top: 10px;
  max-width: 100%;
}

/* =============================== Kanban Card Css End =============================== */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_typography.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1, .h1 {
  font-size: var(--h1) !important;
}

h2, .h2 {
  font-size: var(--h2) !important;
}

h3, .h3 {
  font-size: var(--h3) !important;
}

h4, .h4 {
  font-size: var(--h4) !important;
}

h5, .h5 {
  font-size: var(--h5) !important;
}

h6, .h6 {
  font-size: var(--h6) !important;
}

.text-2xxl {
  font-size: var(--font-2xxl) !important;
}

.text-2xl {
  font-size: var(--font-2xl) !important;
}

.text-xxl {
  font-size: var(--font-xxl) !important;
}

.text-xl {
  font-size: var(--font-xl) !important;
}

.text-lg {
  font-size: var(--font-lg) !important;
}

.text-md {
  font-size: var(--font-md) !important;
}

.text-sm {
  font-size: var(--font-sm) !important;
}

.text-xs {
  font-size: var(--font-xs) !important;
}

.text-xxs {
  font-size: var(--font-xxs) !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-compact {
  line-height: 1.35 !important;
  color: var(--ai-text, #111827) !important;
}

.ai-compact h5,
.ai-compact h6 {
  margin-top: 0 !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

.ai-message-root.ai-compact h6,
.ai-message-root .ai-compact h6,
.ai-message-root h6 {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.ai-compact p {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.25 !important;
}

.ai-compact ul,
.ai-compact ol {
  margin-top: 0 !important;
  padding-left: 1.1rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  list-style-position: outside !important;
}

.ai-compact ul {
  list-style-type: disc !important;
}

.ai-compact ol {
  list-style-type: decimal !important;
}

.ai-compact li {
  margin-top: 1px !important;
  margin-bottom: 0px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  list-style: inherit !important;
}

.ai-compact li::marker {
  color: var(--text-secondary, #6b7280);
}

.ai-message-root > .ai-compact > ul.bullet-list > li {
  font-weight: 400 !important;
}

.ai-message-root > .ai-compact > ol.bullet-list > li {
  font-weight: 400 !important;
}

.ai-message-root > .ai-compact > ul.bullet-list > li ul > li,
.ai-message-root > .ai-compact > ul.bullet-list > li ol > li,
.ai-message-root > .ai-compact > ol.bullet-list > li ul > li,
.ai-message-root > .ai-compact > ol.bullet-list > li ol > li,
.ai-compact .bullet-list .bullet-list > li {
  font-weight: 400 !important;
}

.ai-compact pre,
.ai-compact code {
  line-height: 1.25 !important;
  background: var(--ai-code-bg, #f8fafc) !important;
  color: var(--ai-code-fg, #0f172a) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 8px !important;
}

.ai-compact .hljs {
  background: var(--ai-code-bg, #f8fafc) !important;
  color: var(--ai-code-fg, #0f172a) !important;
}

.ai-compact .hljs-comment {
  color: #64748b !important;
}

.ai-compact .hljs-quote {
  color: #64748b !important;
}

.ai-compact .hljs-keyword {
  color: #7c3aed !important;
}

.ai-compact .hljs-string {
  color: #166534 !important;
}

.ai-compact .hljs-number {
  color: #9a3412 !important;
}

.ai-compact .hljs-title, .ai-compact .hljs-section {
  color: #0f766e !important;
}

.ai-compact .hljs-attr, .ai-compact .hljs-attribute {
  color: #1d4ed8 !important;
}

.ai-compact a {
  color: #0ea5e9 !important;
  text-decoration: none;
}

.ai-compact a:hover {
  text-decoration: underline;
}

.ai-compact .ai-compact-toc {
  margin: 6px 0 10px 0 !important;
}

.ai-compact .ai-compact-toc ul {
  margin: 4px 0 !important;
  padding-left: 1rem !important;
}

.ai-compact .ai-compact-toc a {
  text-decoration: none;
}

.ai-compact details {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 8px 10px;
  margin-bottom: 4px;
  background: var(--bg-soft, #fff);
}

.ai-compact summary {
  cursor: pointer;
  font-weight: 400;
  list-style: none;
}

.ai-compact summary::-webkit-details-marker {
  display: none;
}

[data-theme=dark] .ai-compact {
  color: #e5e7eb !important;
}

[data-theme=dark] .ai-compact pre,
[data-theme=dark] .ai-compact code,
[data-theme=dark] .ai-compact .hljs {
  background: #0b1220 !important;
  color: #e6edf3 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme=dark] .ai-compact .hljs-comment,
[data-theme=dark] .ai-compact .hljs-quote {
  color: #9aa4b2 !important;
}

[data-theme=dark] .ai-compact .hljs-keyword {
  color: #a78bfa !important;
}

[data-theme=dark] .ai-compact .hljs-string {
  color: #86efac !important;
}

[data-theme=dark] .ai-compact .hljs-number {
  color: #fdba74 !important;
}

[data-theme=dark] .ai-compact .hljs-title, [data-theme=dark] .ai-compact .hljs-section {
  color: #5eead4 !important;
}

[data-theme=dark] .ai-compact .hljs-attr, [data-theme=dark] .ai-compact .hljs-attribute {
  color: #93c5fd !important;
}

[data-theme=dark] .ai-compact a {
  color: #38bdf8 !important;
}

[data-theme=dark] .ai-compact details {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_border.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.border {
  border: 1px solid var(--border-color) !important;
}

.border-start {
  border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
  border-inline-end: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

.border-primary-light-white {
  border-color: var(--primary-light-white) !important;
}

.border-yellow-light-white {
  border-color: var(--yellow-light-white) !important;
}

.border-purple-light-white {
  border-color: var(--purple-light-white) !important;
}

.border-pink-light-white {
  border-color: var(--pink-light-white) !important;
}

.br-success {
  border-color: var(--success-border) !important;
}

.br-white {
  border-color: var(--base) !important;
}

.border-light-white {
  border-color: rgba(255, 255, 255, 0.38) !important;
}

.input-form-light {
  border-color: var(--input-form-light) !important;
}

.input-form-dark {
  border-color: var(--input-form-dark) !important;
}

.br-hover-primary {
  transition: all 0.3s;
}
.br-hover-primary:hover {
  border-color: var(--primary-600) !important;
}

.br-hover-success {
  transition: all 0.3s;
}
.br-hover-success:hover {
  border-color: var(--success-main) !important;
}

.br-hover-info {
  transition: all 0.3s;
}
.br-hover-info:hover {
  border-color: var(--info-main) !important;
}

.br-hover-warning {
  transition: all 0.3s;
}
.br-hover-warning:hover {
  border-color: var(--warning-main) !important;
}

.br-hover-danger {
  transition: all 0.3s;
}
.br-hover-danger:hover {
  border-color: var(--danger-main) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-success-300 {
  border-color: var(--success-300) !important;
}

.border-success-400 {
  border-color: var(--success-400) !important;
}

.border-success-500 {
  border-color: var(--success-500) !important;
}

.border-success-600 {
  border-color: var(--success-600) !important;
}

.border-success-700 {
  border-color: var(--success-700) !important;
}

.border-success-800 {
  border-color: var(--success-800) !important;
}

.border-success-900 {
  border-color: var(--success-900) !important;
}

.border-warning-50 {
  border-color: var(--warning-50) !important;
}

.border-warning-100 {
  border-color: var(--warning-100) !important;
}

.border-warning-200 {
  border-color: var(--warning-200) !important;
}

.border-warning-300 {
  border-color: var(--warning-300) !important;
}

.border-warning-400 {
  border-color: var(--warning-400) !important;
}

.border-warning-500 {
  border-color: var(--warning-500) !important;
}

.border-warning-600 {
  border-color: var(--warning-600) !important;
}

.border-warning-700 {
  border-color: var(--warning-700) !important;
}

.border-warning-800 {
  border-color: var(--warning-800) !important;
}

.border-warning-900 {
  border-color: var(--warning-900) !important;
}

.border-info-50 {
  border-color: var(--info-50) !important;
}

.border-info-100 {
  border-color: var(--info-100) !important;
}

.border-info-200 {
  border-color: var(--info-200) !important;
}

.border-info-300 {
  border-color: var(--info-300) !important;
}

.border-info-400 {
  border-color: var(--info-400) !important;
}

.border-info-500 {
  border-color: var(--info-500) !important;
}

.border-info-600 {
  border-color: var(--info-600) !important;
}

.border-info-700 {
  border-color: var(--info-700) !important;
}

.border-info-800 {
  border-color: var(--info-800) !important;
}

.border-info-900 {
  border-color: var(--info-900) !important;
}

.border-dark-1 {
  border-color: var(--dark-1) !important;
}

.border-dark-2 {
  border-color: var(--dark-2) !important;
}

.border-dark-3 {
  border-color: var(--dark-3) !important;
}

.border-lilac-50 {
  border-color: var(--lilac-50) !important;
}

.border-lilac-100 {
  border-color: var(--lilac-100) !important;
}

.border-lilac-600 {
  border-color: var(--lilac-600) !important;
}

.border-lilac-700 {
  border-color: var(--lilac-700) !important;
}

.border-lilac-800 {
  border-color: var(--lilac-800) !important;
}

.border-light-50 {
  border-color: var(--light-50) !important;
}

.border-light-100 {
  border-color: var(--light-100) !important;
}

.border-light-600 {
  border-color: var(--light-600) !important;
}

.border-light-700 {
  border-color: var(--light-700) !important;
}

.border-light-800 {
  border-color: var(--light-800) !important;
}

.border-success-main {
  border-color: var(--success-main) !important;
}

.border-success-surface {
  border-color: var(--success-surface) !important;
}

.border-success-border {
  border-color: var(--success-border) !important;
}

.border-success-hover {
  border-color: var(--success-hover) !important;
}

.border-success-pressed {
  border-color: var(--success-pressed) !important;
}

.border-success-focus {
  border-color: var(--success-focus) !important;
}

.border-info-main {
  border-color: var(--info-main) !important;
}

.border-info-surface {
  border-color: var(--info-surface) !important;
}

.border-info-border {
  border-color: var(--info-border) !important;
}

.border-info-hover {
  border-color: var(--info-hover) !important;
}

.border-info-pressed {
  border-color: var(--info-pressed) !important;
}

.border-info-focus {
  border-color: var(--info-focus) !important;
}

.border-warning-main {
  border-color: var(--warning-main) !important;
}

.border-warning-surface {
  border-color: var(--warning-surface) !important;
}

.border-warning-border {
  border-color: var(--warning-border) !important;
}

.border-warning-hover {
  border-color: var(--warning-hover) !important;
}

.border-warning-pressed {
  border-color: var(--warning-pressed) !important;
}

.border-warning-focus {
  border-color: var(--warning-focus) !important;
}

.border-danger-main {
  border-color: var(--danger-main) !important;
}

.border-danger-surface {
  border-color: var(--danger-surface) !important;
}

.border-danger-border {
  border-color: var(--danger-border) !important;
}

.border-danger-hover {
  border-color: var(--danger-hover) !important;
}

.border-danger-pressed {
  border-color: var(--danger-pressed) !important;
}

.border-danger-focus {
  border-color: var(--danger-focus) !important;
}

.border-cyan {
  border-color: var(--cyan) !important;
}

.border-indigo {
  border-color: var(--indigo) !important;
}

.border-purple {
  border-color: var(--purple) !important;
}

.border-red {
  border-color: var(--red) !important;
}

.border-yellow {
  border-color: var(--yellow) !important;
}

.border-orange {
  border-color: var(--orange) !important;
}

.border-pink {
  border-color: var(--pink) !important;
}

.border-width-2-px {
  border-width: 2px !important;
}
.border-width-3-px {
  border-width: 3px !important;
}
.border-width-4-px {
  border-width: 4px !important;
}
.border-width-5-px {
  border-width: 5px !important;
}

.border-start-width-2-px {
  border-inline-start-width: 2px !important;
}
.border-start-width-3-px {
  border-inline-start-width: 3px !important;
}
.border-start-width-4-px {
  border-inline-start-width: 4px !important;
}
.border-start-width-5-px {
  border-inline-start-width: 5px !important;
}

.border-end-width-2-px {
  border-inline-end-width: 2px !important;
}
.border-end-width-3-px {
  border-inline-end-width: 3px !important;
}
.border-end-width-4-px {
  border-inline-end-width: 4px !important;
}
.border-end-width-5-px {
  border-inline-end-width: 5px !important;
}
.border-end-width-6-px {
  border-inline-end-width: 6px !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-dashed {
  border-style: dashed !important;
}

.center-border {
  position: relative;
}
.center-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 9px);
  background-color: var(--neutral-300);
  left: 50%;
  transform: translateX(-50%);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_reset.scss?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* === reset css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  transition: all 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--text-secondary-light);
  font-family: "Inter", sans-serif;
  font-size: calc(16 / 16 * 1rem);
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 1.7;
  overflow-x: hidden;
}
body.overlay-active::after {
  width: 100%;
}
body::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

main {
  display: block;
}

footer {
  margin-top: auto;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
}

select {
  cursor: pointer;
}

dt {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
  opacity: 0.15;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

span {
  display: inline-block;
}

a {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: inherit;
}

a, button {
  cursor: revert;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

a:hover {
  color: var(--primary);
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* === reset css end === */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_hover.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.group-item:hover .group-hover\:bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:bg-success-50 {
  background-color: var(--success-50) !important;
}

.group-item:hover .group-hover\:bg-success-100 {
  background-color: var(--success-100) !important;
}

.group-item:hover .group-hover\:bg-success-200 {
  background-color: var(--success-200) !important;
}

.group-item:hover .group-hover\:bg-success-300 {
  background-color: var(--success-300) !important;
}

.group-item:hover .group-hover\:bg-success-400 {
  background-color: var(--success-400) !important;
}

.group-item:hover .group-hover\:bg-success-500 {
  background-color: var(--success-500) !important;
}

.group-item:hover .group-hover\:bg-success-600 {
  background-color: var(--success-600) !important;
}

.group-item:hover .group-hover\:bg-success-700 {
  background-color: var(--success-700) !important;
}

.group-item:hover .group-hover\:bg-success-800 {
  background-color: var(--success-800) !important;
}

.group-item:hover .group-hover\:bg-success-900 {
  background-color: var(--success-900) !important;
}

.group-item:hover .group-hover\:bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:bg-info-50 {
  background-color: var(--info-50) !important;
}

.group-item:hover .group-hover\:bg-info-100 {
  background-color: var(--info-100) !important;
}

.group-item:hover .group-hover\:bg-info-200 {
  background-color: var(--info-200) !important;
}

.group-item:hover .group-hover\:bg-info-300 {
  background-color: var(--info-300) !important;
}

.group-item:hover .group-hover\:bg-info-400 {
  background-color: var(--info-400) !important;
}

.group-item:hover .group-hover\:bg-info-500 {
  background-color: var(--info-500) !important;
}

.group-item:hover .group-hover\:bg-info-600 {
  background-color: var(--info-600) !important;
}

.group-item:hover .group-hover\:bg-info-700 {
  background-color: var(--info-700) !important;
}

.group-item:hover .group-hover\:bg-info-800 {
  background-color: var(--info-800) !important;
}

.group-item:hover .group-hover\:bg-info-900 {
  background-color: var(--info-900) !important;
}

.group-item:hover .group-hover\:bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:bg-light-50 {
  background-color: var(--light-50) !important;
}

.group-item:hover .group-hover\:bg-light-100 {
  background-color: var(--light-100) !important;
}

.group-item:hover .group-hover\:bg-light-600 {
  background-color: var(--light-600) !important;
}

.group-item:hover .group-hover\:bg-light-700 {
  background-color: var(--light-700) !important;
}

.group-item:hover .group-hover\:bg-light-800 {
  background-color: var(--light-800) !important;
}

.group-item:hover .group-hover\:bg-success-main {
  background-color: var(--success-main) !important;
}

.group-item:hover .group-hover\:bg-success-surface {
  background-color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:bg-success-border {
  background-color: var(--success-border) !important;
}

.group-item:hover .group-hover\:bg-success-hover {
  background-color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:bg-success-focus {
  background-color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:bg-info-main {
  background-color: var(--info-main) !important;
}

.group-item:hover .group-hover\:bg-info-surface {
  background-color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:bg-info-border {
  background-color: var(--info-border) !important;
}

.group-item:hover .group-hover\:bg-info-hover {
  background-color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:bg-info-focus {
  background-color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:bg-warning-main {
  background-color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:bg-warning-border {
  background-color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:bg-danger-main {
  background-color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:bg-danger-border {
  background-color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.group-item:hover .group-hover\:bg-cyan {
  background-color: var(--cyan) !important;
}

.group-item:hover .group-hover\:bg-indigo {
  background-color: var(--indigo) !important;
}

.group-item:hover .group-hover\:bg-purple {
  background-color: var(--purple) !important;
}

.group-item:hover .group-hover\:bg-red {
  background-color: var(--red) !important;
}

.group-item:hover .group-hover\:bg-yellow {
  background-color: var(--yellow) !important;
}

.group-item:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
}

.group-item:hover .group-hover\:bg-pink {
  background-color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-primary-50 {
  color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:text-primary-100 {
  color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:text-primary-200 {
  color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:text-primary-300 {
  color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:text-primary-400 {
  color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:text-primary-500 {
  color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:text-primary-600 {
  color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:text-primary-700 {
  color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:text-primary-800 {
  color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:text-primary-900 {
  color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:text-neutral-50 {
  color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:text-neutral-100 {
  color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:text-neutral-200 {
  color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:text-neutral-300 {
  color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:text-neutral-400 {
  color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:text-neutral-500 {
  color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:text-neutral-600 {
  color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:text-neutral-700 {
  color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:text-neutral-800 {
  color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:text-neutral-900 {
  color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:text-danger-50 {
  color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:text-danger-100 {
  color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:text-danger-200 {
  color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:text-danger-300 {
  color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:text-danger-400 {
  color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:text-danger-500 {
  color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:text-danger-600 {
  color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:text-danger-700 {
  color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:text-danger-800 {
  color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:text-danger-900 {
  color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:text-success-50 {
  color: var(--success-50) !important;
}

.group-item:hover .group-hover\:text-success-100 {
  color: var(--success-100) !important;
}

.group-item:hover .group-hover\:text-success-200 {
  color: var(--success-200) !important;
}

.group-item:hover .group-hover\:text-success-300 {
  color: var(--success-300) !important;
}

.group-item:hover .group-hover\:text-success-400 {
  color: var(--success-400) !important;
}

.group-item:hover .group-hover\:text-success-500 {
  color: var(--success-500) !important;
}

.group-item:hover .group-hover\:text-success-600 {
  color: var(--success-600) !important;
}

.group-item:hover .group-hover\:text-success-700 {
  color: var(--success-700) !important;
}

.group-item:hover .group-hover\:text-success-800 {
  color: var(--success-800) !important;
}

.group-item:hover .group-hover\:text-success-900 {
  color: var(--success-900) !important;
}

.group-item:hover .group-hover\:text-warning-50 {
  color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:text-warning-100 {
  color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:text-warning-200 {
  color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:text-warning-300 {
  color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:text-warning-400 {
  color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:text-warning-500 {
  color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:text-warning-600 {
  color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:text-warning-700 {
  color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:text-warning-800 {
  color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:text-warning-900 {
  color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:text-info-50 {
  color: var(--info-50) !important;
}

.group-item:hover .group-hover\:text-info-100 {
  color: var(--info-100) !important;
}

.group-item:hover .group-hover\:text-info-200 {
  color: var(--info-200) !important;
}

.group-item:hover .group-hover\:text-info-300 {
  color: var(--info-300) !important;
}

.group-item:hover .group-hover\:text-info-400 {
  color: var(--info-400) !important;
}

.group-item:hover .group-hover\:text-info-500 {
  color: var(--info-500) !important;
}

.group-item:hover .group-hover\:text-info-600 {
  color: var(--info-600) !important;
}

.group-item:hover .group-hover\:text-info-700 {
  color: var(--info-700) !important;
}

.group-item:hover .group-hover\:text-info-800 {
  color: var(--info-800) !important;
}

.group-item:hover .group-hover\:text-info-900 {
  color: var(--info-900) !important;
}

.group-item:hover .group-hover\:text-dark-1 {
  color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:text-dark-2 {
  color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:text-dark-3 {
  color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:text-lilac-50 {
  color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:text-lilac-100 {
  color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:text-lilac-600 {
  color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:text-lilac-700 {
  color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:text-lilac-800 {
  color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:text-light-50 {
  color: var(--light-50) !important;
}

.group-item:hover .group-hover\:text-light-100 {
  color: var(--light-100) !important;
}

.group-item:hover .group-hover\:text-light-600 {
  color: var(--light-600) !important;
}

.group-item:hover .group-hover\:text-light-700 {
  color: var(--light-700) !important;
}

.group-item:hover .group-hover\:text-light-800 {
  color: var(--light-800) !important;
}

.group-item:hover .group-hover\:text-success-main {
  color: var(--success-main) !important;
}

.group-item:hover .group-hover\:text-success-surface {
  color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:text-success-border {
  color: var(--success-border) !important;
}

.group-item:hover .group-hover\:text-success-hover {
  color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:text-success-pressed {
  color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:text-success-focus {
  color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:text-info-main {
  color: var(--info-main) !important;
}

.group-item:hover .group-hover\:text-info-surface {
  color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:text-info-border {
  color: var(--info-border) !important;
}

.group-item:hover .group-hover\:text-info-hover {
  color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:text-info-pressed {
  color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:text-info-focus {
  color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:text-warning-main {
  color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:text-warning-surface {
  color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:text-warning-border {
  color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:text-warning-hover {
  color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:text-warning-pressed {
  color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:text-warning-focus {
  color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:text-danger-main {
  color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:text-danger-surface {
  color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:text-danger-border {
  color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:text-danger-hover {
  color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:text-danger-pressed {
  color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:text-danger-focus {
  color: var(--danger-focus) !important;
}

.text-cyan {
  color: var(--cyan);
}

.group-item:hover .group-hover\:text-cyan {
  color: var(--cyan) !important;
}

.text-indigo {
  color: var(--indigo);
}

.group-item:hover .group-hover\:text-indigo {
  color: var(--indigo) !important;
}

.text-purple {
  color: var(--purple);
}

.group-item:hover .group-hover\:text-purple {
  color: var(--purple) !important;
}

.text-red {
  color: var(--red);
}

.group-item:hover .group-hover\:text-red {
  color: var(--red) !important;
}

.text-yellow {
  color: var(--yellow);
}

.group-item:hover .group-hover\:text-yellow {
  color: var(--yellow) !important;
}

.text-orange {
  color: var(--orange);
}

.group-item:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}

.text-pink {
  color: var(--pink);
}

.group-item:hover .group-hover\:text-pink {
  color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-white {
  color: var(--base);
}

.text-hover-white:hover {
  color: #fff !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.hover-scale-img__img {
  transition: 0.2s linear;
}
.hover-scale-img:hover .hover-scale-img__img {
  transform: scale(1.1);
}

.visibility-hidden {
  visibility: hidden;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_shadow.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.shadow-1 {
  box-shadow: var(--shadow-1);
}

.shadow-2 {
  box-shadow: var(--shadow-2);
}

.shadow-3 {
  box-shadow: var(--shadow-3);
}

.shadow-4 {
  box-shadow: var(--shadow-4);
}

.shadow-5 {
  box-shadow: var(--shadow-5);
}

.shadow-6 {
  box-shadow: var(--shadow-6);
}

.bordered-shadow {
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5019607843);
}

.shadow-top {
  box-shadow: 0px -4px 30px 0px rgba(46, 45, 116, 0.05);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_radius.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.radius-2 {
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
}

.radius-4 {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

.radius-6 {
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}

.radius-8 {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.radius-9 {
  border-radius: 0.5625rem;
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
}

.radius-10 {
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.radius-11 {
  border-radius: 0.6875rem;
  -webkit-border-radius: 0.6875rem;
  -moz-border-radius: 0.6875rem;
  -ms-border-radius: 0.6875rem;
  -o-border-radius: 0.6875rem;
}

.radius-12 {
  border-radius: 0.75rem;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
}

.radius-13 {
  border-radius: 0.8125rem;
  -webkit-border-radius: 0.8125rem;
  -moz-border-radius: 0.8125rem;
  -ms-border-radius: 0.8125rem;
  -o-border-radius: 0.8125rem;
}

.radius-16 {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.radius-20 {
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.radius-24 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-28 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-32 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-36 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-40 {
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.radius-44 {
  border-radius: 2.75rem;
  -webkit-border-radius: 2.75rem;
  -moz-border-radius: 2.75rem;
  -ms-border-radius: 2.75rem;
  -o-border-radius: 2.75rem;
}

.radius-48 {
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.radius-50 {
  border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
}

.radius-56 {
  border-radius: 3.5rem;
  -webkit-border-radius: 3.5rem;
  -moz-border-radius: 3.5rem;
  -ms-border-radius: 3.5rem;
  -o-border-radius: 3.5rem;
}

.radius-60 {
  border-radius: 3.75rem;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
}

.radius-64 {
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}

.radius-72 {
  border-radius: 4.5rem;
  -webkit-border-radius: 4.5rem;
  -moz-border-radius: 4.5rem;
  -ms-border-radius: 4.5rem;
  -o-border-radius: 4.5rem;
}

.radius-76 {
  border-radius: 4.75rem;
  -webkit-border-radius: 4.75rem;
  -moz-border-radius: 4.75rem;
  -ms-border-radius: 4.75rem;
  -o-border-radius: 4.75rem;
}

.radius-80 {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

.radius-90 {
  border-radius: 5.625rem;
  -webkit-border-radius: 5.625rem;
  -moz-border-radius: 5.625rem;
  -ms-border-radius: 5.625rem;
  -o-border-radius: 5.625rem;
}

.radius-110 {
  border-radius: 6.875rem;
  -webkit-border-radius: 6.875rem;
  -moz-border-radius: 6.875rem;
  -ms-border-radius: 6.875rem;
  -o-border-radius: 6.875rem;
}

.radius-120 {
  border-radius: 7.5rem;
  -webkit-border-radius: 7.5rem;
  -moz-border-radius: 7.5rem;
  -ms-border-radius: 7.5rem;
  -o-border-radius: 7.5rem;
}

.radius-144 {
  border-radius: 9rem;
  -webkit-border-radius: 9rem;
  -moz-border-radius: 9rem;
  -ms-border-radius: 9rem;
  -o-border-radius: 9rem;
}

.radius-160 {
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

.radius-170 {
  border-radius: 10.625rem;
  -webkit-border-radius: 10.625rem;
  -moz-border-radius: 10.625rem;
  -ms-border-radius: 10.625rem;
  -o-border-radius: 10.625rem;
}

.radius-190 {
  border-radius: 11.875rem;
  -webkit-border-radius: 11.875rem;
  -moz-border-radius: 11.875rem;
  -ms-border-radius: 11.875rem;
  -o-border-radius: 11.875rem;
}

.radius-200 {
  border-radius: 12.5rem;
  -webkit-border-radius: 12.5rem;
  -moz-border-radius: 12.5rem;
  -ms-border-radius: 12.5rem;
  -o-border-radius: 12.5rem;
}

.radius-240 {
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
}

.radius-440 {
  border-radius: 27.5rem;
  -webkit-border-radius: 27.5rem;
  -moz-border-radius: 27.5rem;
  -ms-border-radius: 27.5rem;
  -o-border-radius: 27.5rem;
}

.rounded-start-top-0 {
  border-start-start-radius: 0 !important;
}

.rounded-end-bottom-0 {
  border-end-end-radius: 0 !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_bg.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.bg-success-50 {
  background-color: var(--success-50) !important;
}

.bg-success-100 {
  background-color: var(--success-100) !important;
}

.bg-success-200 {
  background-color: var(--success-200) !important;
}

.bg-success-300 {
  background-color: var(--success-300) !important;
}

.bg-success-400 {
  background-color: var(--success-400) !important;
}

.bg-success-500 {
  background-color: var(--success-500) !important;
}

.bg-success-600 {
  background-color: var(--success-600) !important;
}

.bg-success-700 {
  background-color: var(--success-700) !important;
}

.bg-success-800 {
  background-color: var(--success-800) !important;
}

.bg-success-900 {
  background-color: var(--success-900) !important;
}

.bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.bg-info-50 {
  background-color: var(--info-50) !important;
}

.bg-info-100 {
  background-color: var(--info-100) !important;
}

.bg-info-200 {
  background-color: var(--info-200) !important;
}

.bg-info-300 {
  background-color: var(--info-300) !important;
}

.bg-info-400 {
  background-color: var(--info-400) !important;
}

.bg-info-500 {
  background-color: var(--info-500) !important;
}

.bg-info-600 {
  background-color: var(--info-600) !important;
}

.bg-info-700 {
  background-color: var(--info-700) !important;
}

.bg-info-800 {
  background-color: var(--info-800) !important;
}

.bg-info-900 {
  background-color: var(--info-900) !important;
}

.bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.bg-light-50 {
  background-color: var(--light-50) !important;
}

.bg-light-100 {
  background-color: var(--light-100) !important;
}

.bg-light-600 {
  background-color: var(--light-600) !important;
}

.bg-light-700 {
  background-color: var(--light-700) !important;
}

.bg-light-800 {
  background-color: var(--light-800) !important;
}

.bg-success-main {
  background-color: var(--success-main) !important;
}

.bg-success-surface {
  background-color: var(--success-surface) !important;
}

.bg-success-border {
  background-color: var(--success-border) !important;
}

.bg-success-hover {
  background-color: var(--success-hover) !important;
}

.bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.bg-success-focus {
  background-color: var(--success-focus) !important;
}

.bg-info-main {
  background-color: var(--info-main) !important;
}

.bg-info-surface {
  background-color: var(--info-surface) !important;
}

.bg-info-border {
  background-color: var(--info-border) !important;
}

.bg-info-hover {
  background-color: var(--info-hover) !important;
}

.bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.bg-info-focus {
  background-color: var(--info-focus) !important;
}

.bg-warning-main {
  background-color: var(--warning-main) !important;
}

.bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.bg-warning-border {
  background-color: var(--warning-border) !important;
}

.bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.bg-danger-main {
  background-color: var(--danger-main) !important;
}

.bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.bg-danger-border {
  background-color: var(--danger-border) !important;
}

.bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.bg-cyan {
  background-color: var(--cyan) !important;
}

.bg-indigo {
  background-color: var(--indigo) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-red {
  background-color: var(--red) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.bg-pink {
  background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
  transition: all 0.3s;
}
.bg-hover-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.bg-hover-primary-100 {
  transition: all 0.3s;
}
.bg-hover-primary-100:hover {
  background-color: var(--primary-100) !important;
}

.bg-hover-primary-200 {
  transition: all 0.3s;
}
.bg-hover-primary-200:hover {
  background-color: var(--primary-200) !important;
}

.bg-hover-primary-300 {
  transition: all 0.3s;
}
.bg-hover-primary-300:hover {
  background-color: var(--primary-300) !important;
}

.bg-hover-primary-400 {
  transition: all 0.3s;
}
.bg-hover-primary-400:hover {
  background-color: var(--primary-400) !important;
}

.bg-hover-primary-500 {
  transition: all 0.3s;
}
.bg-hover-primary-500:hover {
  background-color: var(--primary-500) !important;
}

.bg-hover-primary-600 {
  transition: all 0.3s;
}
.bg-hover-primary-600:hover {
  background-color: var(--primary-600) !important;
}

.bg-hover-primary-700 {
  transition: all 0.3s;
}
.bg-hover-primary-700:hover {
  background-color: var(--primary-700) !important;
}

.bg-hover-primary-800 {
  transition: all 0.3s;
}
.bg-hover-primary-800:hover {
  background-color: var(--primary-800) !important;
}

.bg-hover-primary-900 {
  transition: all 0.3s;
}
.bg-hover-primary-900:hover {
  background-color: var(--primary-900) !important;
}

.bg-hover-neutral-50 {
  transition: all 0.3s;
}
.bg-hover-neutral-50:hover {
  background-color: var(--neutral-50) !important;
}

.bg-hover-neutral-100 {
  transition: all 0.3s;
}
.bg-hover-neutral-100:hover {
  background-color: var(--neutral-100) !important;
}

.bg-hover-neutral-200 {
  transition: all 0.3s;
}
.bg-hover-neutral-200:hover {
  background-color: var(--neutral-200) !important;
}

.bg-hover-neutral-300 {
  transition: all 0.3s;
}
.bg-hover-neutral-300:hover {
  background-color: var(--neutral-300) !important;
}

.bg-hover-neutral-400 {
  transition: all 0.3s;
}
.bg-hover-neutral-400:hover {
  background-color: var(--neutral-400) !important;
}

.bg-hover-neutral-500 {
  transition: all 0.3s;
}
.bg-hover-neutral-500:hover {
  background-color: var(--neutral-500) !important;
}

.bg-hover-neutral-600 {
  transition: all 0.3s;
}
.bg-hover-neutral-600:hover {
  background-color: var(--neutral-600) !important;
}

.bg-hover-neutral-700 {
  transition: all 0.3s;
}
.bg-hover-neutral-700:hover {
  background-color: var(--neutral-700) !important;
}

.bg-hover-neutral-800 {
  transition: all 0.3s;
}
.bg-hover-neutral-800:hover {
  background-color: var(--neutral-800) !important;
}

.bg-hover-neutral-900 {
  transition: all 0.3s;
}
.bg-hover-neutral-900:hover {
  background-color: var(--neutral-900) !important;
}

.bg-hover-danger-50 {
  transition: all 0.3s;
}
.bg-hover-danger-50:hover {
  background-color: var(--danger-50) !important;
}

.bg-hover-danger-100 {
  transition: all 0.3s;
}
.bg-hover-danger-100:hover {
  background-color: var(--danger-100) !important;
}

.bg-hover-danger-200 {
  transition: all 0.3s;
}
.bg-hover-danger-200:hover {
  background-color: var(--danger-200) !important;
}

.bg-hover-danger-300 {
  transition: all 0.3s;
}
.bg-hover-danger-300:hover {
  background-color: var(--danger-300) !important;
}

.bg-hover-danger-400 {
  transition: all 0.3s;
}
.bg-hover-danger-400:hover {
  background-color: var(--danger-400) !important;
}

.bg-hover-danger-500 {
  transition: all 0.3s;
}
.bg-hover-danger-500:hover {
  background-color: var(--danger-500) !important;
}

.bg-hover-danger-600 {
  transition: all 0.3s;
}
.bg-hover-danger-600:hover {
  background-color: var(--danger-600) !important;
}

.bg-hover-danger-700 {
  transition: all 0.3s;
}
.bg-hover-danger-700:hover {
  background-color: var(--danger-700) !important;
}

.bg-hover-danger-800 {
  transition: all 0.3s;
}
.bg-hover-danger-800:hover {
  background-color: var(--danger-800) !important;
}

.bg-hover-danger-900 {
  transition: all 0.3s;
}
.bg-hover-danger-900:hover {
  background-color: var(--danger-900) !important;
}

.bg-hover-success-50 {
  transition: all 0.3s;
}
.bg-hover-success-50:hover {
  background-color: var(--success-50) !important;
}

.bg-hover-success-100 {
  transition: all 0.3s;
}
.bg-hover-success-100:hover {
  background-color: var(--success-100) !important;
}

.bg-hover-success-200 {
  transition: all 0.3s;
}
.bg-hover-success-200:hover {
  background-color: var(--success-200) !important;
}

.bg-hover-success-300 {
  transition: all 0.3s;
}
.bg-hover-success-300:hover {
  background-color: var(--success-300) !important;
}

.bg-hover-success-400 {
  transition: all 0.3s;
}
.bg-hover-success-400:hover {
  background-color: var(--success-400) !important;
}

.bg-hover-success-500 {
  transition: all 0.3s;
}
.bg-hover-success-500:hover {
  background-color: var(--success-500) !important;
}

.bg-hover-success-600 {
  transition: all 0.3s;
}
.bg-hover-success-600:hover {
  background-color: var(--success-600) !important;
}

.bg-hover-success-700 {
  transition: all 0.3s;
}
.bg-hover-success-700:hover {
  background-color: var(--success-700) !important;
}

.bg-hover-success-800 {
  transition: all 0.3s;
}
.bg-hover-success-800:hover {
  background-color: var(--success-800) !important;
}

.bg-hover-success-900 {
  transition: all 0.3s;
}
.bg-hover-success-900:hover {
  background-color: var(--success-900) !important;
}

.bg-hover-warning-50 {
  transition: all 0.3s;
}
.bg-hover-warning-50:hover {
  background-color: var(--warning-50) !important;
}

.bg-hover-warning-100 {
  transition: all 0.3s;
}
.bg-hover-warning-100:hover {
  background-color: var(--warning-100) !important;
}

.bg-hover-warning-200 {
  transition: all 0.3s;
}
.bg-hover-warning-200:hover {
  background-color: var(--warning-200) !important;
}

.bg-hover-warning-300 {
  transition: all 0.3s;
}
.bg-hover-warning-300:hover {
  background-color: var(--warning-300) !important;
}

.bg-hover-warning-400 {
  transition: all 0.3s;
}
.bg-hover-warning-400:hover {
  background-color: var(--warning-400) !important;
}

.bg-hover-warning-500 {
  transition: all 0.3s;
}
.bg-hover-warning-500:hover {
  background-color: var(--warning-500) !important;
}

.bg-hover-warning-600 {
  transition: all 0.3s;
}
.bg-hover-warning-600:hover {
  background-color: var(--warning-600) !important;
}

.bg-hover-warning-700 {
  transition: all 0.3s;
}
.bg-hover-warning-700:hover {
  background-color: var(--warning-700) !important;
}

.bg-hover-warning-800 {
  transition: all 0.3s;
}
.bg-hover-warning-800:hover {
  background-color: var(--warning-800) !important;
}

.bg-hover-warning-900 {
  transition: all 0.3s;
}
.bg-hover-warning-900:hover {
  background-color: var(--warning-900) !important;
}

.bg-hover-info-50 {
  transition: all 0.3s;
}
.bg-hover-info-50:hover {
  background-color: var(--info-50) !important;
}

.bg-hover-info-100 {
  transition: all 0.3s;
}
.bg-hover-info-100:hover {
  background-color: var(--info-100) !important;
}

.bg-hover-info-200 {
  transition: all 0.3s;
}
.bg-hover-info-200:hover {
  background-color: var(--info-200) !important;
}

.bg-hover-info-300 {
  transition: all 0.3s;
}
.bg-hover-info-300:hover {
  background-color: var(--info-300) !important;
}

.bg-hover-info-400 {
  transition: all 0.3s;
}
.bg-hover-info-400:hover {
  background-color: var(--info-400) !important;
}

.bg-hover-info-500 {
  transition: all 0.3s;
}
.bg-hover-info-500:hover {
  background-color: var(--info-500) !important;
}

.bg-hover-info-600 {
  transition: all 0.3s;
}
.bg-hover-info-600:hover {
  background-color: var(--info-600) !important;
}

.bg-hover-info-700 {
  transition: all 0.3s;
}
.bg-hover-info-700:hover {
  background-color: var(--info-700) !important;
}

.bg-hover-info-800 {
  transition: all 0.3s;
}
.bg-hover-info-800:hover {
  background-color: var(--info-800) !important;
}

.bg-hover-info-900 {
  transition: all 0.3s;
}
.bg-hover-info-900:hover {
  background-color: var(--info-900) !important;
}

.bg-hover-dark-1 {
  transition: all 0.3s;
}
.bg-hover-dark-1:hover {
  background-color: var(--dark-1) !important;
}

.bg-hover-dark-2 {
  transition: all 0.3s;
}
.bg-hover-dark-2:hover {
  background-color: var(--dark-2) !important;
}

.bg-hover-dark-3 {
  transition: all 0.3s;
}
.bg-hover-dark-3:hover {
  background-color: var(--dark-3) !important;
}

.bg-hover-lilac-50 {
  transition: all 0.3s;
}
.bg-hover-lilac-50:hover {
  background-color: var(--lilac-50) !important;
}

.bg-hover-lilac-100 {
  transition: all 0.3s;
}
.bg-hover-lilac-100:hover {
  background-color: var(--lilac-100) !important;
}

.bg-hover-lilac-600 {
  transition: all 0.3s;
}
.bg-hover-lilac-600:hover {
  background-color: var(--lilac-600) !important;
}

.bg-hover-lilac-700 {
  transition: all 0.3s;
}
.bg-hover-lilac-700:hover {
  background-color: var(--lilac-700) !important;
}

.bg-hover-lilac-800 {
  transition: all 0.3s;
}
.bg-hover-lilac-800:hover {
  background-color: var(--lilac-800) !important;
}

.bg-hover-light-50 {
  transition: all 0.3s;
}
.bg-hover-light-50:hover {
  background-color: var(--light-50) !important;
}

.bg-hover-light-100 {
  transition: all 0.3s;
}
.bg-hover-light-100:hover {
  background-color: var(--light-100) !important;
}

.bg-hover-light-600 {
  transition: all 0.3s;
}
.bg-hover-light-600:hover {
  background-color: var(--light-600) !important;
}

.bg-hover-light-700 {
  transition: all 0.3s;
}
.bg-hover-light-700:hover {
  background-color: var(--light-700) !important;
}

.bg-hover-light-800 {
  transition: all 0.3s;
}
.bg-hover-light-800:hover {
  background-color: var(--light-800) !important;
}

.bg-hover-success-main {
  transition: all 0.3s;
}
.bg-hover-success-main:hover {
  background-color: var(--success-main) !important;
}

.bg-hover-success-surface {
  transition: all 0.3s;
}
.bg-hover-success-surface:hover {
  background-color: var(--success-surface) !important;
}

.bg-hover-success-border {
  transition: all 0.3s;
}
.bg-hover-success-border:hover {
  background-color: var(--success-border) !important;
}

.bg-hover-success-hover {
  transition: all 0.3s;
}
.bg-hover-success-hover:hover {
  background-color: var(--success-hover) !important;
}

.bg-hover-success-pressed {
  transition: all 0.3s;
}
.bg-hover-success-pressed:hover {
  background-color: var(--success-pressed) !important;
}

.bg-hover-success-focus {
  transition: all 0.3s;
}
.bg-hover-success-focus:hover {
  background-color: var(--success-focus) !important;
}

.bg-hover-info-main {
  transition: all 0.3s;
}
.bg-hover-info-main:hover {
  background-color: var(--info-main) !important;
}

.bg-hover-info-surface {
  transition: all 0.3s;
}
.bg-hover-info-surface:hover {
  background-color: var(--info-surface) !important;
}

.bg-hover-info-border {
  transition: all 0.3s;
}
.bg-hover-info-border:hover {
  background-color: var(--info-border) !important;
}

.bg-hover-info-hover {
  transition: all 0.3s;
}
.bg-hover-info-hover:hover {
  background-color: var(--info-hover) !important;
}

.bg-hover-info-pressed {
  transition: all 0.3s;
}
.bg-hover-info-pressed:hover {
  background-color: var(--info-pressed) !important;
}

.bg-hover-info-focus {
  transition: all 0.3s;
}
.bg-hover-info-focus:hover {
  background-color: var(--info-focus) !important;
}

.bg-hover-warning-main {
  transition: all 0.3s;
}
.bg-hover-warning-main:hover {
  background-color: var(--warning-main) !important;
}

.bg-hover-warning-surface {
  transition: all 0.3s;
}
.bg-hover-warning-surface:hover {
  background-color: var(--warning-surface) !important;
}

.bg-hover-warning-border {
  transition: all 0.3s;
}
.bg-hover-warning-border:hover {
  background-color: var(--warning-border) !important;
}

.bg-hover-warning-hover {
  transition: all 0.3s;
}
.bg-hover-warning-hover:hover {
  background-color: var(--warning-hover) !important;
}

.bg-hover-warning-pressed {
  transition: all 0.3s;
}
.bg-hover-warning-pressed:hover {
  background-color: var(--warning-pressed) !important;
}

.bg-hover-warning-focus {
  transition: all 0.3s;
}
.bg-hover-warning-focus:hover {
  background-color: var(--warning-focus) !important;
}

.bg-hover-danger-main {
  transition: all 0.3s;
}
.bg-hover-danger-main:hover {
  background-color: var(--danger-main) !important;
}

.bg-hover-danger-surface {
  transition: all 0.3s;
}
.bg-hover-danger-surface:hover {
  background-color: var(--danger-surface) !important;
}

.bg-hover-danger-border {
  transition: all 0.3s;
}
.bg-hover-danger-border:hover {
  background-color: var(--danger-border) !important;
}

.bg-hover-danger-hover {
  transition: all 0.3s;
}
.bg-hover-danger-hover:hover {
  background-color: var(--danger-hover) !important;
}

.bg-hover-danger-pressed {
  transition: all 0.3s;
}
.bg-hover-danger-pressed:hover {
  background-color: var(--danger-pressed) !important;
}

.bg-hover-danger-focus {
  transition: all 0.3s;
}
.bg-hover-danger-focus:hover {
  background-color: var(--danger-focus) !important;
}

.bg-hover-cyan {
  transition: all 0.3s;
}
.bg-hover-cyan:hover {
  background-color: var(--cyan) !important;
}

.bg-hover-indigo {
  transition: all 0.3s;
}
.bg-hover-indigo:hover {
  background-color: var(--indigo) !important;
}

.bg-hover-purple {
  transition: all 0.3s;
}
.bg-hover-purple:hover {
  background-color: var(--purple) !important;
}

.bg-hover-red {
  transition: all 0.3s;
}
.bg-hover-red:hover {
  background-color: var(--red) !important;
}

.bg-hover-yellow {
  transition: all 0.3s;
}
.bg-hover-yellow:hover {
  background-color: var(--yellow) !important;
}

.bg-hover-orange {
  transition: all 0.3s;
}
.bg-hover-orange:hover {
  background-color: var(--orange) !important;
}

.bg-hover-pink {
  transition: all 0.3s;
}
.bg-hover-pink:hover {
  background-color: var(--pink) !important;
}

.bg-base {
  background-color: var(--white) !important;
}

.bg-base-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-bg-transparent {
  background-color: transparent !important;
}

.bg-primary-light {
  background-color: var(--primary-light) !important;
}

.bg-yellow-light {
  background-color: var(--yellow-light) !important;
}

.bg-purple-light {
  background-color: var(--purple-light) !important;
}

.bg-pink-light {
  background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
  background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
  background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
  background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
  background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
  background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
  background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
  background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
  background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
  background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
  background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
  background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
  background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
  background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
  background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
  background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
  background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
  background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
  background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
  background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
  background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
  background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
  background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
  background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
  background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
  background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
  background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
  background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .bg-gradient-start-1 {
  background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-2 {
  background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}
html[data-theme=dark] .bg-gradient-start-3 {
  background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-4 {
  background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-5 {
  background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}
html[data-theme=dark] .bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}
html[data-theme=dark] .bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}
html[data-theme=dark] .bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}
html[data-theme=dark] .bg-gradient-end-1 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-end-2 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}
html[data-theme=dark] .bg-gradient-end-3 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}
html[data-theme=dark] .bg-gradient-end-4 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-end-5 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}
html[data-theme=dark] .bg-gradient-end-6 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-purple {
  background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}
html[data-theme=dark] .bg-gradient-primary {
  background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}
html[data-theme=dark] .bg-gradient-success {
  background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}
html[data-theme=dark] .bg-gradient-danger {
  background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}
html[data-theme=dark] .bg-danger-gradient-light {
  background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}
html[data-theme=dark] .bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}
html[data-theme=dark] .bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_kanban.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* =============================== Kanban Card Css Start =============================== */
.ui-sortable-handle {
  cursor: move !important;
}

.ui-sortable-helper {
  box-shadow: 0px 5px 20px 3px var(--neutral-300);
  box-shadow: 0 4px 30px 0 rgba(4, 6, 15, 0.5) !important;
}

.ui-sortable-placeholder {
  background-color: var(--neutral-100) !important;
  visibility: visible !important;
  padding: 100px !important;
  border: 1px dashed var(--neutral-400);
}

#taskImagePreview {
  display: none;
  margin-top: 10px;
  max-width: 100%;
}

/* =============================== Kanban Card Css End =============================== */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_overlay.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Overlay Css Start */
.gradient-overlay {
  position: relative;
  z-index: 1;
}
.gradient-overlay.top-0::before {
  transform: rotate(180deg);
}
.gradient-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.69) 57.92%, rgba(0, 0, 0, 0.7) 100%);
  left: inherit;
  bottom: inherit;
}

/* Overlay Css End */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_animation.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_size.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.w-2-px {
  width: 0.125rem !important;
}

.w-4-px {
  width: 0.25rem !important;
}

.w-6-px {
  width: 0.375rem !important;
}

.w-8-px {
  width: 0.5rem !important;
}

.w-9-px {
  width: 0.5625rem !important;
}

.w-10-px {
  width: 0.625rem !important;
}

.w-11-px {
  width: 0.6875rem !important;
}

.w-12-px {
  width: 0.75rem !important;
}

.w-13-px {
  width: 0.8125rem !important;
}

.w-16-px {
  width: 1rem !important;
}

.w-20-px {
  width: 1.25rem !important;
}

.w-24-px {
  width: 1.5rem !important;
}

.w-28-px {
  width: 1.5rem !important;
}

.w-32-px {
  width: 2rem !important;
}

.w-36-px {
  width: 2rem !important;
}

.w-40-px {
  width: 2.5rem !important;
}

.w-44-px {
  width: 2.75rem !important;
}

.w-48-px {
  width: 3rem !important;
}

.w-50-px {
  width: 3.125rem !important;
}

.w-56-px {
  width: 3.5rem !important;
}

.w-60-px {
  width: 3.75rem !important;
}

.w-64-px {
  width: 4rem !important;
}

.w-72-px {
  width: 4.5rem !important;
}

.w-76-px {
  width: 4.75rem !important;
}

.w-80-px {
  width: 5rem !important;
}

.w-90-px {
  width: 5.625rem !important;
}

.w-110-px {
  width: 6.875rem !important;
}

.w-120-px {
  width: 7.5rem !important;
}

.w-144-px {
  width: 9rem !important;
}

.w-160-px {
  width: 10rem !important;
}

.w-170-px {
  width: 10.625rem !important;
}

.w-190-px {
  width: 11.875rem !important;
}

.w-200-px {
  width: 12.5rem !important;
}

.w-240-px {
  width: 15rem !important;
}

.w-440-px {
  width: 27.5rem !important;
}

.w-100-px {
  width: 100px;
}

.h-100-px {
  height: 100px;
}

.min-w-max-content {
  min-width: max-content;
}

.w-190-px {
  width: 190px;
}

.max-w-740-px {
  max-width: 740px;
}
@media (max-width: 1399px) {
  .max-w-740-px {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .max-w-740-px {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .max-w-740-px {
    max-width: 250px;
  }
}

.textarea-max-height {
  height: 44px;
}

.resize-none {
  resize: none;
}

.min-w-450-px {
  min-width: 450px;
}

.min-w-132-px {
  min-width: 132px;
}

.h-2-px {
  height: 0.125rem !important;
}

.h-4-px {
  height: 0.25rem !important;
}

.h-6-px {
  height: 0.375rem !important;
}

.h-8-px {
  height: 0.5rem !important;
}

.h-9-px {
  height: 0.5625rem !important;
}

.h-10-px {
  height: 0.625rem !important;
}

.h-11-px {
  height: 0.6875rem !important;
}

.h-12-px {
  height: 0.75rem !important;
}

.h-13-px {
  height: 0.8125rem !important;
}

.h-16-px {
  height: 1rem !important;
}

.h-20-px {
  height: 1.25rem !important;
}

.h-24-px {
  height: 1.5rem !important;
}

.h-28-px {
  height: 1.5rem !important;
}

.h-32-px {
  height: 2rem !important;
}

.h-36-px {
  height: 2rem !important;
}

.h-40-px {
  height: 2.5rem !important;
}

.h-44-px {
  height: 2.75rem !important;
}

.h-48-px {
  height: 3rem !important;
}

.h-50-px {
  height: 3.125rem !important;
}

.h-56-px {
  height: 3.5rem !important;
}

.h-60-px {
  height: 3.75rem !important;
}

.h-64-px {
  height: 4rem !important;
}

.h-72-px {
  height: 4.5rem !important;
}

.h-76-px {
  height: 4.75rem !important;
}

.h-80-px {
  height: 5rem !important;
}

.h-90-px {
  height: 5.625rem !important;
}

.h-110-px {
  height: 6.875rem !important;
}

.h-120-px {
  height: 7.5rem !important;
}

.h-144-px {
  height: 9rem !important;
}

.h-160-px {
  height: 10rem !important;
}

.h-170-px {
  height: 10.625rem !important;
}

.h-190-px {
  height: 11.875rem !important;
}

.h-200-px {
  height: 12.5rem !important;
}

.h-240-px {
  height: 15rem !important;
}

.h-440-px {
  height: 27.5rem !important;
}

.max-h-258-px {
  max-height: 258px;
}

.max-h-350-px {
  max-height: 350px;
}

.max-h-266-px {
  max-height: 266px;
}

.max-h-400-px {
  max-height: 400px;
}

.max-h-612-px {
  max-height: 612px !important;
}

.min-h-612-px {
  min-height: 612px !important;
}

/* Min max width & height Start */
.min-w-120-px {
  min-width: 120px;
}

.max-w-150-px {
  max-width: 150px;
}

.max-w-440-px {
  max-width: 440px;
}

.max-w-464-px {
  max-width: 464px;
}

.max-w-500-px {
  max-width: 500px;
}

.max-w-290-px {
  max-width: 290px;
}

.max-w-634-px {
  max-width: 634px;
}

/* Min max width & height End */
.text-w-200-px {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-w-100-px {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-auto {
  top: auto;
}

.bottom-3px {
  bottom: 3px;
}

@media (min-width: 1700px) {
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}
.kanban-wrapper {
  min-width: 1560px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_position.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

[dir=rtl] .start-0 {
  left: auto !important;
  right: 0;
}
[dir=rtl] .end-0 {
  right: auto !important;
  left: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_color.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.text-primary-50 {
  color: var(--primary-50) !important;
}

.text-primary-100 {
  color: var(--primary-100) !important;
}

.text-primary-200 {
  color: var(--primary-200) !important;
}

.text-primary-300 {
  color: var(--primary-300) !important;
}

.text-primary-400 {
  color: var(--primary-400) !important;
}

.text-primary-500 {
  color: var(--primary-500) !important;
}

.text-primary-600 {
  color: var(--primary-600) !important;
}

.text-primary-700 {
  color: var(--primary-700) !important;
}

.text-primary-800 {
  color: var(--primary-800) !important;
}

.text-primary-900 {
  color: var(--primary-900) !important;
}

.text-neutral-50 {
  color: var(--neutral-50) !important;
}

.text-neutral-100 {
  color: var(--neutral-100) !important;
}

.text-neutral-200 {
  color: var(--neutral-200) !important;
}

.text-neutral-300 {
  color: var(--neutral-300) !important;
}

.text-neutral-400 {
  color: var(--neutral-400) !important;
}

.text-neutral-500 {
  color: var(--neutral-500) !important;
}

.text-neutral-600 {
  color: var(--neutral-600) !important;
}

.text-neutral-700 {
  color: var(--neutral-700) !important;
}

.text-neutral-800 {
  color: var(--neutral-800) !important;
}

.text-neutral-900 {
  color: var(--neutral-900) !important;
}

.text-danger-50 {
  color: var(--danger-50) !important;
}

.text-danger-100 {
  color: var(--danger-100) !important;
}

.text-danger-200 {
  color: var(--danger-200) !important;
}

.text-danger-300 {
  color: var(--danger-300) !important;
}

.text-danger-400 {
  color: var(--danger-400) !important;
}

.text-danger-500 {
  color: var(--danger-500) !important;
}

.text-danger-600 {
  color: var(--danger-600) !important;
}

.text-danger-700 {
  color: var(--danger-700) !important;
}

.text-danger-800 {
  color: var(--danger-800) !important;
}

.text-danger-900 {
  color: var(--danger-900) !important;
}

.text-success-50 {
  color: var(--success-50) !important;
}

.text-success-100 {
  color: var(--success-100) !important;
}

.text-success-200 {
  color: var(--success-200) !important;
}

.text-success-300 {
  color: var(--success-300) !important;
}

.text-success-400 {
  color: var(--success-400) !important;
}

.text-success-500 {
  color: var(--success-500) !important;
}

.text-success-600 {
  color: var(--success-600) !important;
}

.text-success-700 {
  color: var(--success-700) !important;
}

.text-success-800 {
  color: var(--success-800) !important;
}

.text-success-900 {
  color: var(--success-900) !important;
}

.text-warning-50 {
  color: var(--warning-50) !important;
}

.text-warning-100 {
  color: var(--warning-100) !important;
}

.text-warning-200 {
  color: var(--warning-200) !important;
}

.text-warning-300 {
  color: var(--warning-300) !important;
}

.text-warning-400 {
  color: var(--warning-400) !important;
}

.text-warning-500 {
  color: var(--warning-500) !important;
}

.text-warning-600 {
  color: var(--warning-600) !important;
}

.text-warning-700 {
  color: var(--warning-700) !important;
}

.text-warning-800 {
  color: var(--warning-800) !important;
}

.text-warning-900 {
  color: var(--warning-900) !important;
}

.text-info-50 {
  color: var(--info-50) !important;
}

.text-info-100 {
  color: var(--info-100) !important;
}

.text-info-200 {
  color: var(--info-200) !important;
}

.text-info-300 {
  color: var(--info-300) !important;
}

.text-info-400 {
  color: var(--info-400) !important;
}

.text-info-500 {
  color: var(--info-500) !important;
}

.text-info-600 {
  color: var(--info-600) !important;
}

.text-info-700 {
  color: var(--info-700) !important;
}

.text-info-800 {
  color: var(--info-800) !important;
}

.text-info-900 {
  color: var(--info-900) !important;
}

.text-dark-1 {
  color: var(--dark-1) !important;
}

.text-dark-2 {
  color: var(--dark-2) !important;
}

.text-dark-3 {
  color: var(--dark-3) !important;
}

.text-lilac-50 {
  color: var(--lilac-50) !important;
}

.text-lilac-100 {
  color: var(--lilac-100) !important;
}

.text-lilac-600 {
  color: var(--lilac-600) !important;
}

.text-lilac-700 {
  color: var(--lilac-700) !important;
}

.text-lilac-800 {
  color: var(--lilac-800) !important;
}

.text-light-50 {
  color: var(--light-50) !important;
}

.text-light-100 {
  color: var(--light-100) !important;
}

.text-light-600 {
  color: var(--light-600) !important;
}

.text-light-700 {
  color: var(--light-700) !important;
}

.text-light-800 {
  color: var(--light-800) !important;
}

.text-hover-primary-50:hover {
  color: var(--primary-50) !important;
}

.text-hover-primary-100:hover {
  color: var(--primary-100) !important;
}

.text-hover-primary-200:hover {
  color: var(--primary-200) !important;
}

.text-hover-primary-300:hover {
  color: var(--primary-300) !important;
}

.text-hover-primary-400:hover {
  color: var(--primary-400) !important;
}

.text-hover-primary-500:hover {
  color: var(--primary-500) !important;
}

.text-hover-primary-600:hover {
  color: var(--primary-600) !important;
}

.text-hover-primary-700:hover {
  color: var(--primary-700) !important;
}

.text-hover-primary-800:hover {
  color: var(--primary-800) !important;
}

.text-hover-primary-900:hover {
  color: var(--primary-900) !important;
}

.text-hover-neutral-50:hover {
  color: var(--neutral-50) !important;
}

.text-hover-neutral-100:hover {
  color: var(--neutral-100) !important;
}

.text-hover-neutral-200:hover {
  color: var(--neutral-200) !important;
}

.text-hover-neutral-300:hover {
  color: var(--neutral-300) !important;
}

.text-hover-neutral-400:hover {
  color: var(--neutral-400) !important;
}

.text-hover-neutral-500:hover {
  color: var(--neutral-500) !important;
}

.text-hover-neutral-600:hover {
  color: var(--neutral-600) !important;
}

.text-hover-neutral-700:hover {
  color: var(--neutral-700) !important;
}

.text-hover-neutral-800:hover {
  color: var(--neutral-800) !important;
}

.text-hover-neutral-900:hover {
  color: var(--neutral-900) !important;
}

.text-hover-danger-50:hover {
  color: var(--danger-50) !important;
}

.text-hover-danger-100:hover {
  color: var(--danger-100) !important;
}

.text-hover-danger-200:hover {
  color: var(--danger-200) !important;
}

.text-hover-danger-300:hover {
  color: var(--danger-300) !important;
}

.text-hover-danger-400:hover {
  color: var(--danger-400) !important;
}

.text-hover-danger-500:hover {
  color: var(--danger-500) !important;
}

.text-hover-danger-600:hover {
  color: var(--danger-600) !important;
}

.text-hover-danger-700:hover {
  color: var(--danger-700) !important;
}

.text-hover-danger-800:hover {
  color: var(--danger-800) !important;
}

.text-hover-danger-900:hover {
  color: var(--danger-900) !important;
}

.text-hover-success-50:hover {
  color: var(--success-50) !important;
}

.text-hover-success-100:hover {
  color: var(--success-100) !important;
}

.text-hover-success-200:hover {
  color: var(--success-200) !important;
}

.text-hover-success-300:hover {
  color: var(--success-300) !important;
}

.text-hover-success-400:hover {
  color: var(--success-400) !important;
}

.text-hover-success-500:hover {
  color: var(--success-500) !important;
}

.text-hover-success-600:hover {
  color: var(--success-600) !important;
}

.text-hover-success-700:hover {
  color: var(--success-700) !important;
}

.text-hover-success-800:hover {
  color: var(--success-800) !important;
}

.text-hover-success-900:hover {
  color: var(--success-900) !important;
}

.text-hover-warning-50:hover {
  color: var(--warning-50) !important;
}

.text-hover-warning-100:hover {
  color: var(--warning-100) !important;
}

.text-hover-warning-200:hover {
  color: var(--warning-200) !important;
}

.text-hover-warning-300:hover {
  color: var(--warning-300) !important;
}

.text-hover-warning-400:hover {
  color: var(--warning-400) !important;
}

.text-hover-warning-500:hover {
  color: var(--warning-500) !important;
}

.text-hover-warning-600:hover {
  color: var(--warning-600) !important;
}

.text-hover-warning-700:hover {
  color: var(--warning-700) !important;
}

.text-hover-warning-800:hover {
  color: var(--warning-800) !important;
}

.text-hover-warning-900:hover {
  color: var(--warning-900) !important;
}

.text-hover-info-50:hover {
  color: var(--info-50) !important;
}

.text-hover-info-100:hover {
  color: var(--info-100) !important;
}

.text-hover-info-200:hover {
  color: var(--info-200) !important;
}

.text-hover-info-300:hover {
  color: var(--info-300) !important;
}

.text-hover-info-400:hover {
  color: var(--info-400) !important;
}

.text-hover-info-500:hover {
  color: var(--info-500) !important;
}

.text-hover-info-600:hover {
  color: var(--info-600) !important;
}

.text-hover-info-700:hover {
  color: var(--info-700) !important;
}

.text-hover-info-800:hover {
  color: var(--info-800) !important;
}

.text-hover-info-900:hover {
  color: var(--info-900) !important;
}

.text-hover-dark-1:hover {
  color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
  color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
  color: var(--dark-3) !important;
}

.text-hover-lilac-50:hover {
  color: var(--lilac-50) !important;
}

.text-hover-lilac-100:hover {
  color: var(--lilac-100) !important;
}

.text-hover-lilac-600:hover {
  color: var(--lilac-600) !important;
}

.text-hover-lilac-700:hover {
  color: var(--lilac-700) !important;
}

.text-hover-lilac-800:hover {
  color: var(--lilac-800) !important;
}

.text-hover-light-50:hover {
  color: var(--light-50) !important;
}

.text-hover-light-100:hover {
  color: var(--light-100) !important;
}

.text-hover-light-600:hover {
  color: var(--light-600) !important;
}

.text-hover-light-700:hover {
  color: var(--light-700) !important;
}

.text-hover-light-800:hover {
  color: var(--light-800) !important;
}

.text-success-main {
  color: var(--success-main);
}

.text-success-surface {
  color: var(--success-surface);
}

.text-success-border {
  color: var(--success-border);
}

.text-success-hover {
  color: var(--success-hover);
}

.text-success-pressed {
  color: var(--success-pressed);
}

.text-success-focus {
  color: var(--success-focus);
}

.text-info-main {
  color: var(--info-main);
}

.text-info-surface {
  color: var(--info-surface);
}

.text-info-border {
  color: var(--info-border);
}

.text-info-hover {
  color: var(--info-hover);
}

.text-info-pressed {
  color: var(--info-pressed);
}

.text-info-focus {
  color: var(--info-focus);
}

.text-warning-main {
  color: var(--warning-main);
}

.text-warning-surface {
  color: var(--warning-surface);
}

.text-warning-border {
  color: var(--warning-border);
}

.text-warning-hover {
  color: var(--warning-hover);
}

.text-warning-pressed {
  color: var(--warning-pressed);
}

.text-warning-focus {
  color: var(--warning-focus);
}

.text-danger-main {
  color: var(--danger-main);
}

.text-danger-surface {
  color: var(--danger-surface);
}

.text-danger-border {
  color: var(--danger-border);
}

.text-danger-hover {
  color: var(--danger-hover);
}

.text-danger-pressed {
  color: var(--danger-pressed);
}

.text-danger-focus {
  color: var(--danger-focus);
}

.text-cyan {
  color: var(--cyan);
}

.text-indigo {
  color: var(--indigo);
}

.text-purple {
  color: var(--purple);
}

.text-red {
  color: var(--red);
}

.text-yellow {
  color: var(--yellow);
}

.text-orange {
  color: var(--orange);
}

.text-pink {
  color: var(--pink);
}

.text-primary-light {
  color: var(--text-primary-light) !important;
}

.text-secondary-light {
  color: var(--text-secondary-light);
}

.text-secondary-dark {
  color: var(--text-secondary-dark);
}

.text-base {
  color: var(--white) !important;
}

.text-black {
  color: var(--black) !important;
}

.hover-text-primary:hover, .btn.hover-text-primary:hover {
  color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
  color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
  color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
  color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
  color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
  color: var(--base) !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_text-align.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/utilities/_spacing.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.m-2 {
  margin: var(--size-2);
}

.m-4 {
  margin: var(--size-4);
}

.m-6 {
  margin: var(--size-6);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-16 {
  margin: var(--size-16);
}

.m-20 {
  margin: var(--size-20);
}

.m-24 {
  margin: var(--size-24);
}

.m-28 {
  margin: var(--size-28);
}

.m-32 {
  margin: var(--size-32);
}

.m-36 {
  margin: var(--size-36);
}

.m-40 {
  margin: var(--size-40);
}

.m-44 {
  margin: var(--size-44);
}

.m-48 {
  margin: var(--size-48);
}

.m-50 {
  margin: var(--size-50);
}

.m-56 {
  margin: var(--size-56);
}

.m-60 {
  margin: var(--size-60);
}

.m-64 {
  margin: var(--size-64);
}

.m-72 {
  margin: var(--size-72);
}

.m-76 {
  margin: var(--size-76);
}

.m-80 {
  margin: var(--size-80);
}

.m-90 {
  margin: var(--size-90);
}

.m-110 {
  margin: var(--size-110);
}

.m-120 {
  margin: var(--size-120);
}

.m-144 {
  margin: var(--size-144);
}

.m-160 {
  margin: var(--size-160);
}

.m-170 {
  margin: var(--size-170);
}

.m-190 {
  margin: var(--size-190);
}

.m-200 {
  margin: var(--size-200);
}

.m-240 {
  margin: var(--size-240);
}

.m-440 {
  margin: var(--size-440);
}

.mx-2 {
  margin-inline: var(--size-2) !important;
}

.mx-4 {
  margin-inline: var(--size-4) !important;
}

.mx-6 {
  margin-inline: var(--size-6) !important;
}

.mx-8 {
  margin-inline: var(--size-8) !important;
}

.mx-9 {
  margin-inline: var(--size-9) !important;
}

.mx-10 {
  margin-inline: var(--size-10) !important;
}

.mx-11 {
  margin-inline: var(--size-11) !important;
}

.mx-12 {
  margin-inline: var(--size-12) !important;
}

.mx-13 {
  margin-inline: var(--size-13) !important;
}

.mx-16 {
  margin-inline: var(--size-16) !important;
}

.mx-20 {
  margin-inline: var(--size-20) !important;
}

.mx-24 {
  margin-inline: var(--size-24) !important;
}

.mx-28 {
  margin-inline: var(--size-28) !important;
}

.mx-32 {
  margin-inline: var(--size-32) !important;
}

.mx-36 {
  margin-inline: var(--size-36) !important;
}

.mx-40 {
  margin-inline: var(--size-40) !important;
}

.mx-44 {
  margin-inline: var(--size-44) !important;
}

.mx-48 {
  margin-inline: var(--size-48) !important;
}

.mx-50 {
  margin-inline: var(--size-50) !important;
}

.mx-56 {
  margin-inline: var(--size-56) !important;
}

.mx-60 {
  margin-inline: var(--size-60) !important;
}

.mx-64 {
  margin-inline: var(--size-64) !important;
}

.mx-72 {
  margin-inline: var(--size-72) !important;
}

.mx-76 {
  margin-inline: var(--size-76) !important;
}

.mx-80 {
  margin-inline: var(--size-80) !important;
}

.mx-90 {
  margin-inline: var(--size-90) !important;
}

.mx-110 {
  margin-inline: var(--size-110) !important;
}

.mx-120 {
  margin-inline: var(--size-120) !important;
}

.mx-144 {
  margin-inline: var(--size-144) !important;
}

.mx-160 {
  margin-inline: var(--size-160) !important;
}

.mx-170 {
  margin-inline: var(--size-170) !important;
}

.mx-190 {
  margin-inline: var(--size-190) !important;
}

.mx-200 {
  margin-inline: var(--size-200) !important;
}

.mx-240 {
  margin-inline: var(--size-240) !important;
}

.mx-440 {
  margin-inline: var(--size-440) !important;
}

.my-2 {
  margin-block: var(--size-2) !important;
}

.my-4 {
  margin-block: var(--size-4) !important;
}

.my-6 {
  margin-block: var(--size-6) !important;
}

.my-8 {
  margin-block: var(--size-8) !important;
}

.my-9 {
  margin-block: var(--size-9) !important;
}

.my-10 {
  margin-block: var(--size-10) !important;
}

.my-11 {
  margin-block: var(--size-11) !important;
}

.my-12 {
  margin-block: var(--size-12) !important;
}

.my-13 {
  margin-block: var(--size-13) !important;
}

.my-16 {
  margin-block: var(--size-16) !important;
}

.my-20 {
  margin-block: var(--size-20) !important;
}

.my-24 {
  margin-block: var(--size-24) !important;
}

.my-28 {
  margin-block: var(--size-28) !important;
}

.my-32 {
  margin-block: var(--size-32) !important;
}

.my-36 {
  margin-block: var(--size-36) !important;
}

.my-40 {
  margin-block: var(--size-40) !important;
}

.my-44 {
  margin-block: var(--size-44) !important;
}

.my-48 {
  margin-block: var(--size-48) !important;
}

.my-50 {
  margin-block: var(--size-50) !important;
}

.my-56 {
  margin-block: var(--size-56) !important;
}

.my-60 {
  margin-block: var(--size-60) !important;
}

.my-64 {
  margin-block: var(--size-64) !important;
}

.my-72 {
  margin-block: var(--size-72) !important;
}

.my-76 {
  margin-block: var(--size-76) !important;
}

.my-80 {
  margin-block: var(--size-80) !important;
}

.my-90 {
  margin-block: var(--size-90) !important;
}

.my-110 {
  margin-block: var(--size-110) !important;
}

.my-120 {
  margin-block: var(--size-120) !important;
}

.my-144 {
  margin-block: var(--size-144) !important;
}

.my-160 {
  margin-block: var(--size-160) !important;
}

.my-170 {
  margin-block: var(--size-170) !important;
}

.my-190 {
  margin-block: var(--size-190) !important;
}

.my-200 {
  margin-block: var(--size-200) !important;
}

.my-240 {
  margin-block: var(--size-240) !important;
}

.my-440 {
  margin-block: var(--size-440) !important;
}

.ms-2 {
  margin-inline-start: var(--size-2) !important;
}

.ms-4 {
  margin-inline-start: var(--size-4) !important;
}

.ms-6 {
  margin-inline-start: var(--size-6) !important;
}

.ms-8 {
  margin-inline-start: var(--size-8) !important;
}

.ms-9 {
  margin-inline-start: var(--size-9) !important;
}

.ms-10 {
  margin-inline-start: var(--size-10) !important;
}

.ms-11 {
  margin-inline-start: var(--size-11) !important;
}

.ms-12 {
  margin-inline-start: var(--size-12) !important;
}

.ms-13 {
  margin-inline-start: var(--size-13) !important;
}

.ms-16 {
  margin-inline-start: var(--size-16) !important;
}

.ms-20 {
  margin-inline-start: var(--size-20) !important;
}

.ms-24 {
  margin-inline-start: var(--size-24) !important;
}

.ms-28 {
  margin-inline-start: var(--size-28) !important;
}

.ms-32 {
  margin-inline-start: var(--size-32) !important;
}

.ms-36 {
  margin-inline-start: var(--size-36) !important;
}

.ms-40 {
  margin-inline-start: var(--size-40) !important;
}

.ms-44 {
  margin-inline-start: var(--size-44) !important;
}

.ms-48 {
  margin-inline-start: var(--size-48) !important;
}

.ms-50 {
  margin-inline-start: var(--size-50) !important;
}

.ms-56 {
  margin-inline-start: var(--size-56) !important;
}

.ms-60 {
  margin-inline-start: var(--size-60) !important;
}

.ms-64 {
  margin-inline-start: var(--size-64) !important;
}

.ms-72 {
  margin-inline-start: var(--size-72) !important;
}

.ms-76 {
  margin-inline-start: var(--size-76) !important;
}

.ms-80 {
  margin-inline-start: var(--size-80) !important;
}

.ms-90 {
  margin-inline-start: var(--size-90) !important;
}

.ms-110 {
  margin-inline-start: var(--size-110) !important;
}

.ms-120 {
  margin-inline-start: var(--size-120) !important;
}

.ms-144 {
  margin-inline-start: var(--size-144) !important;
}

.ms-160 {
  margin-inline-start: var(--size-160) !important;
}

.ms-170 {
  margin-inline-start: var(--size-170) !important;
}

.ms-190 {
  margin-inline-start: var(--size-190) !important;
}

.ms-200 {
  margin-inline-start: var(--size-200) !important;
}

.ms-240 {
  margin-inline-start: var(--size-240) !important;
}

.ms-440 {
  margin-inline-start: var(--size-440) !important;
}

.me-2 {
  margin-inline-end: var(--size-2) !important;
}

.me-4 {
  margin-inline-end: var(--size-4) !important;
}

.me-6 {
  margin-inline-end: var(--size-6) !important;
}

.me-8 {
  margin-inline-end: var(--size-8) !important;
}

.me-9 {
  margin-inline-end: var(--size-9) !important;
}

.me-10 {
  margin-inline-end: var(--size-10) !important;
}

.me-11 {
  margin-inline-end: var(--size-11) !important;
}

.me-12 {
  margin-inline-end: var(--size-12) !important;
}

.me-13 {
  margin-inline-end: var(--size-13) !important;
}

.me-16 {
  margin-inline-end: var(--size-16) !important;
}

.me-20 {
  margin-inline-end: var(--size-20) !important;
}

.me-24 {
  margin-inline-end: var(--size-24) !important;
}

.me-28 {
  margin-inline-end: var(--size-28) !important;
}

.me-32 {
  margin-inline-end: var(--size-32) !important;
}

.me-36 {
  margin-inline-end: var(--size-36) !important;
}

.me-40 {
  margin-inline-end: var(--size-40) !important;
}

.me-44 {
  margin-inline-end: var(--size-44) !important;
}

.me-48 {
  margin-inline-end: var(--size-48) !important;
}

.me-50 {
  margin-inline-end: var(--size-50) !important;
}

.me-56 {
  margin-inline-end: var(--size-56) !important;
}

.me-60 {
  margin-inline-end: var(--size-60) !important;
}

.me-64 {
  margin-inline-end: var(--size-64) !important;
}

.me-72 {
  margin-inline-end: var(--size-72) !important;
}

.me-76 {
  margin-inline-end: var(--size-76) !important;
}

.me-80 {
  margin-inline-end: var(--size-80) !important;
}

.me-90 {
  margin-inline-end: var(--size-90) !important;
}

.me-110 {
  margin-inline-end: var(--size-110) !important;
}

.me-120 {
  margin-inline-end: var(--size-120) !important;
}

.me-144 {
  margin-inline-end: var(--size-144) !important;
}

.me-160 {
  margin-inline-end: var(--size-160) !important;
}

.me-170 {
  margin-inline-end: var(--size-170) !important;
}

.me-190 {
  margin-inline-end: var(--size-190) !important;
}

.me-200 {
  margin-inline-end: var(--size-200) !important;
}

.me-240 {
  margin-inline-end: var(--size-240) !important;
}

.me-440 {
  margin-inline-end: var(--size-440) !important;
}

.mt-2 {
  margin-block-start: var(--size-2) !important;
}

.mt-4 {
  margin-block-start: var(--size-4) !important;
}

.mt-6 {
  margin-block-start: var(--size-6) !important;
}

.mt-8 {
  margin-block-start: var(--size-8) !important;
}

.mt-9 {
  margin-block-start: var(--size-9) !important;
}

.mt-10 {
  margin-block-start: var(--size-10) !important;
}

.mt-11 {
  margin-block-start: var(--size-11) !important;
}

.mt-12 {
  margin-block-start: var(--size-12) !important;
}

.mt-13 {
  margin-block-start: var(--size-13) !important;
}

.mt-16 {
  margin-block-start: var(--size-16) !important;
}

.mt-20 {
  margin-block-start: var(--size-20) !important;
}

.mt-24 {
  margin-block-start: var(--size-24) !important;
}

.mt-28 {
  margin-block-start: var(--size-28) !important;
}

.mt-32 {
  margin-block-start: var(--size-32) !important;
}

.mt-36 {
  margin-block-start: var(--size-36) !important;
}

.mt-40 {
  margin-block-start: var(--size-40) !important;
}

.mt-44 {
  margin-block-start: var(--size-44) !important;
}

.mt-48 {
  margin-block-start: var(--size-48) !important;
}

.mt-50 {
  margin-block-start: var(--size-50) !important;
}

.mt-56 {
  margin-block-start: var(--size-56) !important;
}

.mt-60 {
  margin-block-start: var(--size-60) !important;
}

.mt-64 {
  margin-block-start: var(--size-64) !important;
}

.mt-72 {
  margin-block-start: var(--size-72) !important;
}

.mt-76 {
  margin-block-start: var(--size-76) !important;
}

.mt-80 {
  margin-block-start: var(--size-80) !important;
}

.mt-90 {
  margin-block-start: var(--size-90) !important;
}

.mt-110 {
  margin-block-start: var(--size-110) !important;
}

.mt-120 {
  margin-block-start: var(--size-120) !important;
}

.mt-144 {
  margin-block-start: var(--size-144) !important;
}

.mt-160 {
  margin-block-start: var(--size-160) !important;
}

.mt-170 {
  margin-block-start: var(--size-170) !important;
}

.mt-190 {
  margin-block-start: var(--size-190) !important;
}

.mt-200 {
  margin-block-start: var(--size-200) !important;
}

.mt-240 {
  margin-block-start: var(--size-240) !important;
}

.mt-440 {
  margin-block-start: var(--size-440) !important;
}

.mb-2 {
  margin-block-end: var(--size-2) !important;
}

.mb-4 {
  margin-block-end: var(--size-4) !important;
}

.mb-6 {
  margin-block-end: var(--size-6) !important;
}

.mb-8 {
  margin-block-end: var(--size-8) !important;
}

.mb-9 {
  margin-block-end: var(--size-9) !important;
}

.mb-10 {
  margin-block-end: var(--size-10) !important;
}

.mb-11 {
  margin-block-end: var(--size-11) !important;
}

.mb-12 {
  margin-block-end: var(--size-12) !important;
}

.mb-13 {
  margin-block-end: var(--size-13) !important;
}

.mb-16 {
  margin-block-end: var(--size-16) !important;
}

.mb-20 {
  margin-block-end: var(--size-20) !important;
}

.mb-24 {
  margin-block-end: var(--size-24) !important;
}

.mb-28 {
  margin-block-end: var(--size-28) !important;
}

.mb-32 {
  margin-block-end: var(--size-32) !important;
}

.mb-36 {
  margin-block-end: var(--size-36) !important;
}

.mb-40 {
  margin-block-end: var(--size-40) !important;
}

.mb-44 {
  margin-block-end: var(--size-44) !important;
}

.mb-48 {
  margin-block-end: var(--size-48) !important;
}

.mb-50 {
  margin-block-end: var(--size-50) !important;
}

.mb-56 {
  margin-block-end: var(--size-56) !important;
}

.mb-60 {
  margin-block-end: var(--size-60) !important;
}

.mb-64 {
  margin-block-end: var(--size-64) !important;
}

.mb-72 {
  margin-block-end: var(--size-72) !important;
}

.mb-76 {
  margin-block-end: var(--size-76) !important;
}

.mb-80 {
  margin-block-end: var(--size-80) !important;
}

.mb-90 {
  margin-block-end: var(--size-90) !important;
}

.mb-110 {
  margin-block-end: var(--size-110) !important;
}

.mb-120 {
  margin-block-end: var(--size-120) !important;
}

.mb-144 {
  margin-block-end: var(--size-144) !important;
}

.mb-160 {
  margin-block-end: var(--size-160) !important;
}

.mb-170 {
  margin-block-end: var(--size-170) !important;
}

.mb-190 {
  margin-block-end: var(--size-190) !important;
}

.mb-200 {
  margin-block-end: var(--size-200) !important;
}

.mb-240 {
  margin-block-end: var(--size-240) !important;
}

.mb-440 {
  margin-block-end: var(--size-440) !important;
}

.p-2 {
  padding: var(--size-2) !important;
}

.p-4 {
  padding: var(--size-4) !important;
}

.p-6 {
  padding: var(--size-6) !important;
}

.p-8 {
  padding: var(--size-8) !important;
}

.p-9 {
  padding: var(--size-9) !important;
}

.p-10 {
  padding: var(--size-10) !important;
}

.p-11 {
  padding: var(--size-11) !important;
}

.p-12 {
  padding: var(--size-12) !important;
}

.p-13 {
  padding: var(--size-13) !important;
}

.p-16 {
  padding: var(--size-16) !important;
}

.p-20 {
  padding: var(--size-20) !important;
}

.p-24 {
  padding: var(--size-24) !important;
}

.p-28 {
  padding: var(--size-28) !important;
}

.p-32 {
  padding: var(--size-32) !important;
}

.p-36 {
  padding: var(--size-36) !important;
}

.p-40 {
  padding: var(--size-40) !important;
}

.p-44 {
  padding: var(--size-44) !important;
}

.p-48 {
  padding: var(--size-48) !important;
}

.p-50 {
  padding: var(--size-50) !important;
}

.p-56 {
  padding: var(--size-56) !important;
}

.p-60 {
  padding: var(--size-60) !important;
}

.p-64 {
  padding: var(--size-64) !important;
}

.p-72 {
  padding: var(--size-72) !important;
}

.p-76 {
  padding: var(--size-76) !important;
}

.p-80 {
  padding: var(--size-80) !important;
}

.p-90 {
  padding: var(--size-90) !important;
}

.p-110 {
  padding: var(--size-110) !important;
}

.p-120 {
  padding: var(--size-120) !important;
}

.p-144 {
  padding: var(--size-144) !important;
}

.p-160 {
  padding: var(--size-160) !important;
}

.p-170 {
  padding: var(--size-170) !important;
}

.p-190 {
  padding: var(--size-190) !important;
}

.p-200 {
  padding: var(--size-200) !important;
}

.p-240 {
  padding: var(--size-240) !important;
}

.p-440 {
  padding: var(--size-440) !important;
}

.px-2 {
  padding-inline: var(--size-2) !important;
}

.px-4 {
  padding-inline: var(--size-4) !important;
}

.px-6 {
  padding-inline: var(--size-6) !important;
}

.px-8 {
  padding-inline: var(--size-8) !important;
}

.px-9 {
  padding-inline: var(--size-9) !important;
}

.px-10 {
  padding-inline: var(--size-10) !important;
}

.px-11 {
  padding-inline: var(--size-11) !important;
}

.px-12 {
  padding-inline: var(--size-12) !important;
}

.px-13 {
  padding-inline: var(--size-13) !important;
}

.px-16 {
  padding-inline: var(--size-16) !important;
}

.px-20 {
  padding-inline: var(--size-20) !important;
}

.px-24 {
  padding-inline: var(--size-24) !important;
}

.px-28 {
  padding-inline: var(--size-28) !important;
}

.px-32 {
  padding-inline: var(--size-32) !important;
}

.px-36 {
  padding-inline: var(--size-36) !important;
}

.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-44 {
  padding-inline: var(--size-44) !important;
}

.px-48 {
  padding-inline: var(--size-48) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-56 {
  padding-inline: var(--size-56) !important;
}

.px-60 {
  padding-inline: var(--size-60) !important;
}

.px-64 {
  padding-inline: var(--size-64) !important;
}

.px-72 {
  padding-inline: var(--size-72) !important;
}

.px-76 {
  padding-inline: var(--size-76) !important;
}

.px-80 {
  padding-inline: var(--size-80) !important;
}

.px-90 {
  padding-inline: var(--size-90) !important;
}

.px-110 {
  padding-inline: var(--size-110) !important;
}

.px-120 {
  padding-inline: var(--size-120) !important;
}

.px-144 {
  padding-inline: var(--size-144) !important;
}

.px-160 {
  padding-inline: var(--size-160) !important;
}

.px-170 {
  padding-inline: var(--size-170) !important;
}

.px-190 {
  padding-inline: var(--size-190) !important;
}

.px-200 {
  padding-inline: var(--size-200) !important;
}

.px-240 {
  padding-inline: var(--size-240) !important;
}

.px-440 {
  padding-inline: var(--size-440) !important;
}

.py-2 {
  padding-block: var(--size-2) !important;
}

.py-4 {
  padding-block: var(--size-4) !important;
}

.py-6 {
  padding-block: var(--size-6) !important;
}

.py-8 {
  padding-block: var(--size-8) !important;
}

.py-9 {
  padding-block: var(--size-9) !important;
}

.py-10 {
  padding-block: var(--size-10) !important;
}

.py-11 {
  padding-block: var(--size-11) !important;
}

.py-12 {
  padding-block: var(--size-12) !important;
}

.py-13 {
  padding-block: var(--size-13) !important;
}

.py-16 {
  padding-block: var(--size-16) !important;
}

.py-20 {
  padding-block: var(--size-20) !important;
}

.py-24 {
  padding-block: var(--size-24) !important;
}

.py-28 {
  padding-block: var(--size-28) !important;
}

.py-32 {
  padding-block: var(--size-32) !important;
}

.py-36 {
  padding-block: var(--size-36) !important;
}

.py-40 {
  padding-block: var(--size-40) !important;
}

.py-44 {
  padding-block: var(--size-44) !important;
}

.py-48 {
  padding-block: var(--size-48) !important;
}

.py-50 {
  padding-block: var(--size-50) !important;
}

.py-56 {
  padding-block: var(--size-56) !important;
}

.py-60 {
  padding-block: var(--size-60) !important;
}

.py-64 {
  padding-block: var(--size-64) !important;
}

.py-72 {
  padding-block: var(--size-72) !important;
}

.py-76 {
  padding-block: var(--size-76) !important;
}

.py-80 {
  padding-block: var(--size-80) !important;
}

.py-90 {
  padding-block: var(--size-90) !important;
}

.py-110 {
  padding-block: var(--size-110) !important;
}

.py-120 {
  padding-block: var(--size-120) !important;
}

.py-144 {
  padding-block: var(--size-144) !important;
}

.py-160 {
  padding-block: var(--size-160) !important;
}

.py-170 {
  padding-block: var(--size-170) !important;
}

.py-190 {
  padding-block: var(--size-190) !important;
}

.py-200 {
  padding-block: var(--size-200) !important;
}

.py-240 {
  padding-block: var(--size-240) !important;
}

.py-440 {
  padding-block: var(--size-440) !important;
}

.ps-2 {
  padding-inline-start: var(--size-2) !important;
}

.ps-4 {
  padding-inline-start: var(--size-4) !important;
}

.ps-6 {
  padding-inline-start: var(--size-6) !important;
}

.ps-8 {
  padding-inline-start: var(--size-8) !important;
}

.ps-9 {
  padding-inline-start: var(--size-9) !important;
}

.ps-10 {
  padding-inline-start: var(--size-10) !important;
}

.ps-11 {
  padding-inline-start: var(--size-11) !important;
}

.ps-12 {
  padding-inline-start: var(--size-12) !important;
}

.ps-13 {
  padding-inline-start: var(--size-13) !important;
}

.ps-16 {
  padding-inline-start: var(--size-16) !important;
}

.ps-20 {
  padding-inline-start: var(--size-20) !important;
}

.ps-24 {
  padding-inline-start: var(--size-24) !important;
}

.ps-28 {
  padding-inline-start: var(--size-28) !important;
}

.ps-32 {
  padding-inline-start: var(--size-32) !important;
}

.ps-36 {
  padding-inline-start: var(--size-36) !important;
}

.ps-40 {
  padding-inline-start: var(--size-40) !important;
}

.ps-44 {
  padding-inline-start: var(--size-44) !important;
}

.ps-48 {
  padding-inline-start: var(--size-48) !important;
}

.ps-50 {
  padding-inline-start: var(--size-50) !important;
}

.ps-56 {
  padding-inline-start: var(--size-56) !important;
}

.ps-60 {
  padding-inline-start: var(--size-60) !important;
}

.ps-64 {
  padding-inline-start: var(--size-64) !important;
}

.ps-72 {
  padding-inline-start: var(--size-72) !important;
}

.ps-76 {
  padding-inline-start: var(--size-76) !important;
}

.ps-80 {
  padding-inline-start: var(--size-80) !important;
}

.ps-90 {
  padding-inline-start: var(--size-90) !important;
}

.ps-110 {
  padding-inline-start: var(--size-110) !important;
}

.ps-120 {
  padding-inline-start: var(--size-120) !important;
}

.ps-144 {
  padding-inline-start: var(--size-144) !important;
}

.ps-160 {
  padding-inline-start: var(--size-160) !important;
}

.ps-170 {
  padding-inline-start: var(--size-170) !important;
}

.ps-190 {
  padding-inline-start: var(--size-190) !important;
}

.ps-200 {
  padding-inline-start: var(--size-200) !important;
}

.ps-240 {
  padding-inline-start: var(--size-240) !important;
}

.ps-440 {
  padding-inline-start: var(--size-440) !important;
}

.pe-2 {
  padding-inline-end: var(--size-2) !important;
}

.pe-4 {
  padding-inline-end: var(--size-4) !important;
}

.pe-6 {
  padding-inline-end: var(--size-6) !important;
}

.pe-8 {
  padding-inline-end: var(--size-8) !important;
}

.pe-9 {
  padding-inline-end: var(--size-9) !important;
}

.pe-10 {
  padding-inline-end: var(--size-10) !important;
}

.pe-11 {
  padding-inline-end: var(--size-11) !important;
}

.pe-12 {
  padding-inline-end: var(--size-12) !important;
}

.pe-13 {
  padding-inline-end: var(--size-13) !important;
}

.pe-16 {
  padding-inline-end: var(--size-16) !important;
}

.pe-20 {
  padding-inline-end: var(--size-20) !important;
}

.pe-24 {
  padding-inline-end: var(--size-24) !important;
}

.pe-28 {
  padding-inline-end: var(--size-28) !important;
}

.pe-32 {
  padding-inline-end: var(--size-32) !important;
}

.pe-36 {
  padding-inline-end: var(--size-36) !important;
}

.pe-40 {
  padding-inline-end: var(--size-40) !important;
}

.pe-44 {
  padding-inline-end: var(--size-44) !important;
}

.pe-48 {
  padding-inline-end: var(--size-48) !important;
}

.pe-50 {
  padding-inline-end: var(--size-50) !important;
}

.pe-56 {
  padding-inline-end: var(--size-56) !important;
}

.pe-60 {
  padding-inline-end: var(--size-60) !important;
}

.pe-64 {
  padding-inline-end: var(--size-64) !important;
}

.pe-72 {
  padding-inline-end: var(--size-72) !important;
}

.pe-76 {
  padding-inline-end: var(--size-76) !important;
}

.pe-80 {
  padding-inline-end: var(--size-80) !important;
}

.pe-90 {
  padding-inline-end: var(--size-90) !important;
}

.pe-110 {
  padding-inline-end: var(--size-110) !important;
}

.pe-120 {
  padding-inline-end: var(--size-120) !important;
}

.pe-144 {
  padding-inline-end: var(--size-144) !important;
}

.pe-160 {
  padding-inline-end: var(--size-160) !important;
}

.pe-170 {
  padding-inline-end: var(--size-170) !important;
}

.pe-190 {
  padding-inline-end: var(--size-190) !important;
}

.pe-200 {
  padding-inline-end: var(--size-200) !important;
}

.pe-240 {
  padding-inline-end: var(--size-240) !important;
}

.pe-440 {
  padding-inline-end: var(--size-440) !important;
}

.pt-2 {
  padding-block-start: var(--size-2) !important;
}

.pt-4 {
  padding-block-start: var(--size-4) !important;
}

.pt-6 {
  padding-block-start: var(--size-6) !important;
}

.pt-8 {
  padding-block-start: var(--size-8) !important;
}

.pt-9 {
  padding-block-start: var(--size-9) !important;
}

.pt-10 {
  padding-block-start: var(--size-10) !important;
}

.pt-11 {
  padding-block-start: var(--size-11) !important;
}

.pt-12 {
  padding-block-start: var(--size-12) !important;
}

.pt-13 {
  padding-block-start: var(--size-13) !important;
}

.pt-16 {
  padding-block-start: var(--size-16) !important;
}

.pt-20 {
  padding-block-start: var(--size-20) !important;
}

.pt-24 {
  padding-block-start: var(--size-24) !important;
}

.pt-28 {
  padding-block-start: var(--size-28) !important;
}

.pt-32 {
  padding-block-start: var(--size-32) !important;
}

.pt-36 {
  padding-block-start: var(--size-36) !important;
}

.pt-40 {
  padding-block-start: var(--size-40) !important;
}

.pt-44 {
  padding-block-start: var(--size-44) !important;
}

.pt-48 {
  padding-block-start: var(--size-48) !important;
}

.pt-50 {
  padding-block-start: var(--size-50) !important;
}

.pt-56 {
  padding-block-start: var(--size-56) !important;
}

.pt-60 {
  padding-block-start: var(--size-60) !important;
}

.pt-64 {
  padding-block-start: var(--size-64) !important;
}

.pt-72 {
  padding-block-start: var(--size-72) !important;
}

.pt-76 {
  padding-block-start: var(--size-76) !important;
}

.pt-80 {
  padding-block-start: var(--size-80) !important;
}

.pt-90 {
  padding-block-start: var(--size-90) !important;
}

.pt-110 {
  padding-block-start: var(--size-110) !important;
}

.pt-120 {
  padding-block-start: var(--size-120) !important;
}

.pt-144 {
  padding-block-start: var(--size-144) !important;
}

.pt-160 {
  padding-block-start: var(--size-160) !important;
}

.pt-170 {
  padding-block-start: var(--size-170) !important;
}

.pt-190 {
  padding-block-start: var(--size-190) !important;
}

.pt-200 {
  padding-block-start: var(--size-200) !important;
}

.pt-240 {
  padding-block-start: var(--size-240) !important;
}

.pt-440 {
  padding-block-start: var(--size-440) !important;
}

.pb-2 {
  padding-block-end: var(--size-2) !important;
}

.pb-4 {
  padding-block-end: var(--size-4) !important;
}

.pb-6 {
  padding-block-end: var(--size-6) !important;
}

.pb-8 {
  padding-block-end: var(--size-8) !important;
}

.pb-9 {
  padding-block-end: var(--size-9) !important;
}

.pb-10 {
  padding-block-end: var(--size-10) !important;
}

.pb-11 {
  padding-block-end: var(--size-11) !important;
}

.pb-12 {
  padding-block-end: var(--size-12) !important;
}

.pb-13 {
  padding-block-end: var(--size-13) !important;
}

.pb-16 {
  padding-block-end: var(--size-16) !important;
}

.pb-20 {
  padding-block-end: var(--size-20) !important;
}

.pb-24 {
  padding-block-end: var(--size-24) !important;
}

.pb-28 {
  padding-block-end: var(--size-28) !important;
}

.pb-32 {
  padding-block-end: var(--size-32) !important;
}

.pb-36 {
  padding-block-end: var(--size-36) !important;
}

.pb-40 {
  padding-block-end: var(--size-40) !important;
}

.pb-44 {
  padding-block-end: var(--size-44) !important;
}

.pb-48 {
  padding-block-end: var(--size-48) !important;
}

.pb-50 {
  padding-block-end: var(--size-50) !important;
}

.pb-56 {
  padding-block-end: var(--size-56) !important;
}

.pb-60 {
  padding-block-end: var(--size-60) !important;
}

.pb-64 {
  padding-block-end: var(--size-64) !important;
}

.pb-72 {
  padding-block-end: var(--size-72) !important;
}

.pb-76 {
  padding-block-end: var(--size-76) !important;
}

.pb-80 {
  padding-block-end: var(--size-80) !important;
}

.pb-90 {
  padding-block-end: var(--size-90) !important;
}

.pb-110 {
  padding-block-end: var(--size-110) !important;
}

.pb-120 {
  padding-block-end: var(--size-120) !important;
}

.pb-144 {
  padding-block-end: var(--size-144) !important;
}

.pb-160 {
  padding-block-end: var(--size-160) !important;
}

.pb-170 {
  padding-block-end: var(--size-170) !important;
}

.pb-190 {
  padding-block-end: var(--size-190) !important;
}

.pb-200 {
  padding-block-end: var(--size-200) !important;
}

.pb-240 {
  padding-block-end: var(--size-240) !important;
}

.pb-440 {
  padding-block-end: var(--size-440) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ms--10px {
  margin-left: -10px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--100 {
  margin-top: -100px;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

/* Gap Css */
.gap-2 {
  gap: var(--size-2);
}

.gap-4 {
  gap: var(--size-4);
}

.gap-6 {
  gap: var(--size-6);
}

.gap-8 {
  gap: var(--size-8);
}

.gap-9 {
  gap: var(--size-9);
}

.gap-10 {
  gap: var(--size-10);
}

.gap-11 {
  gap: var(--size-11);
}

.gap-12 {
  gap: var(--size-12);
}

.gap-13 {
  gap: var(--size-13);
}

.gap-16 {
  gap: var(--size-16);
}

.gap-20 {
  gap: var(--size-20);
}

.gap-24 {
  gap: var(--size-24);
}

.gap-28 {
  gap: var(--size-28);
}

.gap-32 {
  gap: var(--size-32);
}

.gap-36 {
  gap: var(--size-36);
}

.gap-40 {
  gap: var(--size-40);
}

.gap-44 {
  gap: var(--size-44);
}

.gap-48 {
  gap: var(--size-48);
}

.gap-50 {
  gap: var(--size-50);
}

.gap-56 {
  gap: var(--size-56);
}

.gap-60 {
  gap: var(--size-60);
}

.gap-64 {
  gap: var(--size-64);
}

.gap-72 {
  gap: var(--size-72);
}

.gap-76 {
  gap: var(--size-76);
}

.gap-80 {
  gap: var(--size-80);
}

.gap-90 {
  gap: var(--size-90);
}

.gap-110 {
  gap: var(--size-110);
}

.gap-120 {
  gap: var(--size-120);
}

.gap-144 {
  gap: var(--size-144);
}

.gap-160 {
  gap: var(--size-160);
}

.gap-170 {
  gap: var(--size-170);
}

.gap-190 {
  gap: var(--size-190);
}

.gap-200 {
  gap: var(--size-200);
}

.gap-240 {
  gap: var(--size-240);
}

.gap-440 {
  gap: var(--size-440);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_index.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip {
  padding: 0.75rem 0.5rem;
  background-color: var();
  border: 1px solid var(--input-bg);
  background-color: var(--white);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: calc(8 / 16 * 1rem);
  -webkit-border-radius: calc(8 / 16 * 1rem);
  -moz-border-radius: calc(8 / 16 * 1rem);
  -ms-border-radius: calc(8 / 16 * 1rem);
  -o-border-radius: calc(8 / 16 * 1rem);
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-title {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: calc(14 / 16 * 1rem) !important;
  color: var(--text-primary-light) !important;
  font-weight: 600 !important;
  border: none !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group {
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-z-group {
  display: none !important;
}

/* Home Two Widget Chart Css Start*/
.remove-tooltip-title .apexcharts-tooltip-title {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip.apexcharts-theme-light {
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-label {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-marker {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-value {
  margin-left: 0;
}
.rounded-tooltip-value .apexcharts-tooltip-text {
  display: flex;
}

/* Home Two Widget Chart Css End*/
/* Chart's text color Css End*/
.apexcharts-xaxis-label, .apexcharts-yaxis-label {
  fill: #8a929f;
}

/* Chart's text color Css End*/
/* Home Two Donut Chart Css Start*/
.apexcharts-tooltip-z-none .apexcharts-tooltip-z-group {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-value {
  display: none;
}
.title-style .apexcharts-text.apexcharts-datalabel-label {
  fill: #4B5563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: Inter, sans-serif;
}

.circle-none circle {
  display: none;
}

#donutChart {
  height: 0px;
  min-height: 163px !important;
  margin-top: -32px;
}

.margin-16-minus {
  margin: -16px;
}

/* Home Two Donut Chart Css End*/
/* Home Five Radial Chart Css End*/
#semiCircleGauge {
  transform: translateY(22px) translateX(14px);
}

/* Home Five Radial Chart Css End*/
.apexcharts-bar-area:hover {
  fill: var(--brand);
}

.apexcharts-datalabels text {
  filter: none !important; /* Remove any filter applied to data labels */
  text-shadow: none !important; /* Remove any text shadow */
}

.apexcharts-legend-text {
  color: var(--text-secondary-light) !important;
}

.square-marker .apexcharts-legend-marker {
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
}

.series-gap-24 .apexcharts-legend-series {
  margin: 4px 12px !important;
}

.check-marker .apexcharts-legend-marker {
  position: relative;
}
.check-marker .apexcharts-legend-marker::after {
  position: absolute;
  content: "\eb7a";
  font-family: remixicon;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  transition: 0.2s;
}

.apexcharts-yaxis {
  transform: translateX(10px);
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light {
  color: #fff !important;
  background: rgba(30, 30, 30, 0.8) !important;
}
[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid #333 !important;
}
[data-theme=dark] .apexcharts-tooltip-series-group {
  background: rgba(0, 0, 0, 0.7) !important;
}

.avatar-xl {
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.avatar-lg {
  width: calc(40 / 16 * 1rem);
  height: calc(40 / 16 * 1rem);
}

.avatar-md {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
}

.avatar-sm {
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

.btn {
  padding: 0.5625rem 0.75rem;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}
.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}
.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: calc(14 / 16 * 1rem);
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}
.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}
.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}
.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}
.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}
.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}
.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}
.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}
.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}
.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}
.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}
.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}
.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}
.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}
.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}
.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}
.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}
.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}
.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}
.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}
.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}
.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}
.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}
.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}
.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}
.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}
.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}
.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}
.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}
.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}
.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}
.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}
.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}
.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}
.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}
.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}
.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}
.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}
.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}
.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}
.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}
.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}
.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}
.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}
.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}
.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}
.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}
.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}
.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}
.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}
.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}
.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}
.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}
.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}
.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}
.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}
.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}
.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}
.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}
.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}
.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}
.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}
.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}
.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}
.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}
.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}
.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}
.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}
.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}
.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}
.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}
.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}
.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}
.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}
.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}
.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}
.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}
.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 calc(4 / 16 * 1rem) calc(30 / 16 * 1rem) rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}
.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}
.card .card-title {
  font-size: calc(18 / 16 * 1rem) !important;
  font-weight: 600;
  color: var(--text-primary-light);
}
.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}

.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chat-wrapper .chat-sidebar {
  width: 100%;
}
@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}
.chat-wrapper .chat-main {
  width: 100%;
  margin-top: calc(30 / 16 * 1rem);
}
@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}

.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: calc(30 / 16 * 1rem);
  gap: calc(15 / 16 * 1rem);
}
.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}
.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 calc(24 / 16 * 1rem);
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}
.chat-search .icon {
  font-size: calc(22 / 16 * 1rem);
  line-height: 1;
  padding-top: 5px;
}
.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: calc(18 / 16 * 1rem);
  padding-inline-start: calc(10 / 16 * 1rem);
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-all-list {
    max-height: 400px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}
.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}
.chat-sidebar-single .img {
  position: relative;
}
.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}
.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 calc(12 / 16 * 1rem);
}
.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}
.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.5px solid var(--input-form-light);
}
.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-message-list {
    max-height: 375px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: calc(32 / 16 * 1rem);
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}
.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}
.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}
.chat-single-message.right {
  margin-inline-start: auto;
}
.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}
.chat-single-message.right .chat-message-content p {
  color: #fff;
}
.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}
.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}
.chat-single-message .chat-message-content .chat-time {
  font-size: calc(12 / 16 * 1rem);
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}
.chat-message-box input {
  flex-grow: 1;
}
.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(20 / 16 * 1rem);
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}

.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}
.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}
.form-select.form-select-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-select.form-select-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: calc(44 / 16 * 1rem);
}

.form-control[type=file] {
  line-height: 2;
}
.form-control[readonly] {
  background-color: var(--neutral-50);
}
.form-control.form-control-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}
.form-control.form-control-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}
.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}
.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(20 / 16 * 1rem);
  color: var(--text-secondary-light);
}
.icon-field .form-control {
  padding-inline-start: calc(40 / 16 * 1rem);
}
.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}
.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}
.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}
.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}
.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}
.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}
.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}
.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}
.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}
.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}
.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}
.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}
.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}
.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}
.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}
.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}
.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}
.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}
.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}
.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}
.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}
.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}
.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}
.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}
.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}
.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}
.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}
.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}
.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}
.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}
.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}
.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}
.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}
.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}
.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}
.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}
.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}
.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}
.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}
.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}
.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}
.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}
.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}
.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}
.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}
.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}
.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}
.form-mobile-field .form-control {
  padding-inline-start: calc(70 / 16 * 1rem);
}

select option {
  background-color: var(--white);
}

.was-validated .form-mobile-field .form-control {
  padding-inline-start: calc(95 / 16 * 1rem);
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url('arrow-down.png');
  background-size: 11px 7px;
  background-repeat: no-repeat;
}
[data-theme=dark] .btn-close {
  background-image: url('times.png');
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}

/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}
.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}
.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}
.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}
.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}
.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}
.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}
.rounded-table thead tr th {
  border-bottom: 0 !important;
}
.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}
.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}
.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}
.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}
.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}
.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}
.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}
.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}
.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}
.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: calc(14 / 16 * 1rem);
}
.basic-data-table .dt-layout-row select {
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}
.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}
.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
}
.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  justify-content: flex-end;
}
.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}
.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(10 / 16 * 1rem);
}
div.dt-container .dt-paging .dt-paging-button {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
  padding: 0 !important;
}
div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last) {
  color: var(--text-secondary-light) !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background: var(--neutral-200) !important;
  font-weight: 500;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button:focus {
  border: none !important;
  box-shadow: none !important;
}
div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--primary-600) !important;
  color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button:hover:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/* === preloader css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === preloader css end === */
/* === buttons css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.btn {
  padding: 0.5625rem 0.75rem;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}
.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}
.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: calc(14 / 16 * 1rem);
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}
.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}
.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}
.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}
.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}
.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}
.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}
.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}
.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}
.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}
.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}
.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}
.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}
.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}
.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}
.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}
.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}
.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}
.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}
.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}
.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}
.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}
.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}
.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}
.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}
.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}
.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}
.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}
.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}
.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}
.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}
.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}
.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}
.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}
.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}
.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}
.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}
.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}
.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}
.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}
.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}
.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}
.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}
.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}
.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}
.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}
.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}
.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}
.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}
.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}
.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}
.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}
.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}
.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}
.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}
.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}
.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}
.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}
.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}
.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}
.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}
.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}
.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}
.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}
.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}
.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}
.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}
.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}
.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}
.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}
.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}
.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}
.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}
.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}
.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}
.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}
.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}
.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* === buttons css end === */
/* === badge css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === badge css end === */
/* === table css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}
.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}
.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}
.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}
.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}
.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}
.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}
.rounded-table thead tr th {
  border-bottom: 0 !important;
}
.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}
.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}
.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}
.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}
.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}
.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}
.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}
.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}
.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}
.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: calc(14 / 16 * 1rem);
}
.basic-data-table .dt-layout-row select {
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}
.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}
.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
}
.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  justify-content: flex-end;
}
.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}
.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(10 / 16 * 1rem);
}
div.dt-container .dt-paging .dt-paging-button {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
  padding: 0 !important;
}
div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last) {
  color: var(--text-secondary-light) !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background: var(--neutral-200) !important;
  font-weight: 500;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button:focus {
  border: none !important;
  box-shadow: none !important;
}
div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--primary-600) !important;
  color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button:hover:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/* === table css end === */
/* === form css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}
.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}
.form-select.form-select-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-select.form-select-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: calc(44 / 16 * 1rem);
}

.form-control[type=file] {
  line-height: 2;
}
.form-control[readonly] {
  background-color: var(--neutral-50);
}
.form-control.form-control-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}
.form-control.form-control-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}
.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}
.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(20 / 16 * 1rem);
  color: var(--text-secondary-light);
}
.icon-field .form-control {
  padding-inline-start: calc(40 / 16 * 1rem);
}
.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}
.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}
.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}
.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}
.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}
.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}
.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}
.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}
.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}
.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}
.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}
.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}
.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}
.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}
.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}
.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}
.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}
.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}
.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}
.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}
.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}
.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}
.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}
.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}
.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}
.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}
.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}
.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}
.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}
.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}
.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}
.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}
.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}
.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}
.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}
.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}
.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}
.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}
.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}
.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}
.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}
.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}
.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}
.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}
.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}
.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}
.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}
.form-mobile-field .form-control {
  padding-inline-start: calc(70 / 16 * 1rem);
}

select option {
  background-color: var(--white);
}

.was-validated .form-mobile-field .form-control {
  padding-inline-start: calc(95 / 16 * 1rem);
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url('arrow-down.png');
  background-size: 11px 7px;
  background-repeat: no-repeat;
}
[data-theme=dark] .btn-close {
  background-image: url('times.png');
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}

/* === form css end === */
/* === card css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 calc(4 / 16 * 1rem) calc(30 / 16 * 1rem) rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}
.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}
.card .card-title {
  font-size: calc(18 / 16 * 1rem) !important;
  font-weight: 600;
  color: var(--text-primary-light);
}
.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}

/* === card css end === */
/* === modal css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.modal-header {
  border-color: var(--input-form-light);
}
.modal-header .btn-close {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
.modal-content {
  background-color: var(--white);
}
.modal-footer {
  border-color: var(--input-form-light);
}

/* ------------------------------------------------------------------
   Canvas (MatSidenav) vs in-page modals stacking fix

   The Canvas lives inside an Angular Material drawer (`.mat-drawer`),
   which creates a stacking context that can sit above fixed-position
   overlays rendered inside `.mat-drawer-content` (Agents / Integrations).

   When any app modal/overlay is open, we temporarily raise the content
   stacking context above the drawer so the modal sits on top.
------------------------------------------------------------------- */
body.vdf-overlay-open .mat-drawer-content {
  position: relative;
  z-index: 2000 !important;
}

body.vdf-overlay-open .mat-drawer {
  z-index: 1000 !important;
}

/* In case a Material backdrop is present (over mode), keep it between. */
body.vdf-overlay-open .mat-drawer-backdrop {
  z-index: 1500 !important;
}

/* === modal css end === */
/* === accordion css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* =========================== Accordion Css start ============================= */
.accordion .accordion-item {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white) !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
}
.accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.accordion .accordion-body {
  background-color: transparent;
  padding: 0;
  padding-top: 8px;
  color: var(--text-secondary-light);
}

.accordion .accordion-button {
  padding: 0;
  background: transparent;
  padding-inline-end: 68px;
}

.accordion .accordion-button::after {
  background-image: none;
}

.accordion .accordion-button:focus {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=true]::after, .accordion .accordion-button[aria-expanded=false]::after {
  content: "\f1af";
  font-family: remixicon;
  display: inline-block;
  position: absolute;
  inset-inline-end: 32px;
  height: 24px;
  width: 24px;
  border: 2px solid var(--primary-600);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 50%;
  line-height: 1;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=false]::after {
  content: "\ea13";
}

/* ================================= Accordion Css End =========================== */
/* === accordion css end === */
/* === nav-tabs css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Bordered Tab Css Start */
.bordered-tab .nav-link {
  background-color: transparent !important;
  padding: 16px 24px;
  border-radius: 0;
  font-weight: 600;
  color: var(--text-secondary-light);
  position: relative;
}
.bordered-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background-color: var(--primary-600);
  transition: 0.2s linear;
}
.bordered-tab .nav-link.active {
  color: var(--primary-600);
}
.bordered-tab .nav-link.active::before {
  width: 100%;
}

/* Bordered Tab Css End */
/* Pill Tab Css Start */
.pill-tab .nav-link.active {
  background-color: var(--primary-600);
}
.pill-tab.style-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Pill Tab Css End */
/* Gradient Tab Css Start */
.border-gradient-tab {
  border-top: 1px solid var(--input-form-light);
}
.border-gradient-tab .nav-link {
  font-weight: 600;
  color: var(--text-secondary-light) !important;
  padding: 10px 16px;
  background-color: transparent !important;
  position: relative;
}
.border-gradient-tab .nav-link.active {
  color: var(--text-primary-light) !important;
}
.border-gradient-tab .nav-link.active::before {
  visibility: visible;
  opacity: 1;
}
.border-gradient-tab .nav-link.active .notification-alert {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.border-gradient-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid var(--primary-600);
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.12) 0%, rgba(72, 127, 255, 0.03) 100%);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

/* Gradient Tab Css End */
/* Focus Tab Css Start */
.focus-tab .nav-link.active {
  background-color: var(--primary-50);
  color: var(--primary-600);
}

/* Focus Tab Css End */
/* Button Tab Css Start */
.button-tab .nav-link.active {
  background-color: var(--primary-600);
  color: #fff !important;
}

/* Button Tab Css End */
/* Active Text Css Start */
.active-text-tab.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--primary-600) !important;
}

/* Active Text Css End */
/* === nav-tabs css end === */
/* === pagination css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === pagination css end === */
/* === avatar css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.avatar-xl {
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.avatar-lg {
  width: calc(40 / 16 * 1rem);
  height: calc(40 / 16 * 1rem);
}

.avatar-md {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
}

.avatar-sm {
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

/* === avatar css end === */
/* === list-style css start === */
/* === list-style css end === */
/* === apex-chart css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip {
  padding: 0.75rem 0.5rem;
  background-color: var();
  border: 1px solid var(--input-bg);
  background-color: var(--white);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: calc(8 / 16 * 1rem);
  -webkit-border-radius: calc(8 / 16 * 1rem);
  -moz-border-radius: calc(8 / 16 * 1rem);
  -ms-border-radius: calc(8 / 16 * 1rem);
  -o-border-radius: calc(8 / 16 * 1rem);
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-title {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: calc(14 / 16 * 1rem) !important;
  color: var(--text-primary-light) !important;
  font-weight: 600 !important;
  border: none !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group {
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-z-group {
  display: none !important;
}

/* Home Two Widget Chart Css Start*/
.remove-tooltip-title .apexcharts-tooltip-title {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip.apexcharts-theme-light {
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-label {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-marker {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-value {
  margin-left: 0;
}
.rounded-tooltip-value .apexcharts-tooltip-text {
  display: flex;
}

/* Home Two Widget Chart Css End*/
/* Chart's text color Css End*/
.apexcharts-xaxis-label, .apexcharts-yaxis-label {
  fill: #8a929f;
}

/* Chart's text color Css End*/
/* Home Two Donut Chart Css Start*/
.apexcharts-tooltip-z-none .apexcharts-tooltip-z-group {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-value {
  display: none;
}
.title-style .apexcharts-text.apexcharts-datalabel-label {
  fill: #4B5563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: Inter, sans-serif;
}

.circle-none circle {
  display: none;
}

#donutChart {
  height: 0px;
  min-height: 163px !important;
  margin-top: -32px;
}

.margin-16-minus {
  margin: -16px;
}

/* Home Two Donut Chart Css End*/
/* Home Five Radial Chart Css End*/
#semiCircleGauge {
  transform: translateY(22px) translateX(14px);
}

/* Home Five Radial Chart Css End*/
.apexcharts-bar-area:hover {
  fill: var(--brand);
}

.apexcharts-datalabels text {
  filter: none !important; /* Remove any filter applied to data labels */
  text-shadow: none !important; /* Remove any text shadow */
}

.apexcharts-legend-text {
  color: var(--text-secondary-light) !important;
}

.square-marker .apexcharts-legend-marker {
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
}

.series-gap-24 .apexcharts-legend-series {
  margin: 4px 12px !important;
}

.check-marker .apexcharts-legend-marker {
  position: relative;
}
.check-marker .apexcharts-legend-marker::after {
  position: absolute;
  content: "\eb7a";
  font-family: remixicon;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  transition: 0.2s;
}

.apexcharts-yaxis {
  transform: translateX(10px);
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light {
  color: #fff !important;
  background: rgba(30, 30, 30, 0.8) !important;
}
[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid #333 !important;
}
[data-theme=dark] .apexcharts-tooltip-series-group {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* === apex-chart css end === */
/* === progress-bar css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Progress bar css start */
.max-w-66 {
  max-width: 66px;
}

.max-w-112 {
  max-width: 112px;
}

.progress {
  background-color: var(--neutral-200);
}

.progress-sm {
  height: 8px;
}

/* animated bar */
.animated-bar {
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Progress bar css End */
/* Floating Label Css Start */
.floating-label {
  transform: translateX(-25px);
  left: 0;
  top: 0;
  animation-name: animateFloatingLabel;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateFloatingLabel {
  from {
    left: 0;
  }
  to {
    left: var(--left-percentage);
  }
}
/* Floating Label Css End */
/* Semi Circle Floating */
.barOverflow { /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: inherit;
  height: inherit; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}

.circleBar {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% + 44px);
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid var(--primary-50); /* half gray, */
  border-bottom-color: var(--primary-600); /* half azure */
  border-right-color: var(--primary-600);
}

/* Semi Circle Floating */
/* === progress-bar css end === */
/* === vector-map css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Vector Map Css Start */
#world-map {
  height: 200px;
  background-color: var(--neutral-100);
}

.map-sm {
  height: 160px !important;
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
  background: #D1D5DB;
  color: #111827;
}

/* Vector Map Css End */
/* === vector-map css end === */
/* === scroll css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.scroll-sm::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
  border-radius: 40px;
}
.scroll-sm::-webkit-scrollbar-thumb {
  background-color: #b1b3b8;
  border-radius: 40px;
}
.scroll-sm::-webkit-scrollbar-thumb:hover {
  background-color: #939393;
}
.scroll-sm::-webkit-scrollbar-track {
  background-color: #d6d9de;
  border-radius: 40px;
}

/* === scroll css end === */
/* === slider css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Slick Slider Css Start  */
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 20px;
}
.slick-dots button {
  width: 10px;
  height: 4px;
  background-color: var(--primary-50);
  text-indent: -999999px;
  border-radius: 50px;
  color: var(--primary-50);
}

/* Dots Circle Style */
.dots-style-circle .slick-dots {
  gap: 8px;
}
.dots-style-circle .slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 12px;
  height: 12px;
}
.dots-style-circle .slick-dots button {
  width: 8px;
  height: 8px;
  background-color: #5A75AE;
  text-indent: -999999px;
  border-radius: 50%;
}

/* Dots Bottom Position Style */
.dots-positioned .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}

/* Slick Arrows Css */
.slick-arrow {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  font-size: 32px;
  line-height: 0;
  z-index: 1;
}
.slick-arrow.slick-next {
  left: auto;
  right: 16px;
}

/* Slick Slider Css End */
/* Slider Progress Css Start */
.slider-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
}
.slider-progress span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0px;
  height: 100%;
  background-color: var(--primary-600);
  transition: all 0s linear;
}
.slider-progress span.active {
  width: 100%;
}

/* Slider Progress Css End */
/* === slider css end === */
/* === Dropdown css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Dropdown Css Start */
.has-indicator {
  position: relative;
  transition: 0s;
}
.has-indicator.show::before {
  visibility: visible;
  opacity: 1;
}
.has-indicator::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 32px;
  background-color: var(--white);
  border-radius: 8px;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  margin-left: -2px;
  box-shadow: -13px -8px 24px -7px rgba(46, 45, 116, 0.09);
}

.dropdown > button.show {
  background-color: var(--primary-50);
  color: var(--primary-600) !important;
}
.dropdown > button.show .text-primary-light {
  color: var(--primary-600) !important;
}

.dropdown-menu {
  border: 0;
  border-radius: 16px;
  box-shadow: 0px 13px 30px 10px rgba(46, 45, 116, 0.05);
  padding: 16px;
  background-color: var(--white);
}
.dropdown-menu.to-top {
  top: calc(100% - 28px) !important;
}
@media (min-width: 575px) {
  .dropdown-menu-lg {
    width: 425px;
  }
}
@media (min-width: 375px) {
  .dropdown-menu-sm {
    width: 312px;
  }
}

/* Dropdown Toggle Custom Icon */
.toggle-icon.icon-up::after {
  content: "\ea78" !important;
}
.toggle-icon.icon-right::after {
  content: "\ea6e" !important;
}
.toggle-icon.icon-left::before {
  content: "\ea64" !important;
  vertical-align: middle !important;
  border: 0 !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}
.toggle-icon::after {
  vertical-align: middle !important;
  border: 0 !important;
  content: "\ea4e" !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.dropdown > .not-active.show {
  color: #fff !important;
}

/* Dropdown Css End */
/* === Dropdown css end === */
/* === tooltip css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Tooltip css start */
.tooltip {
  --bs-tooltip-color: #fff;
}
.tooltip-primary {
  --bs-tooltip-bg: var(--primary-600);
}
.tooltip-purple {
  --bs-tooltip-bg: var(--lilac-600);
}
.tooltip-success {
  --bs-tooltip-bg: var(--success-600);
}
.tooltip-info {
  --bs-tooltip-bg: var(--info-600);
}
.tooltip-warning {
  --bs-tooltip-bg: var(--warning-600);
}
.tooltip-danger {
  --bs-tooltip-bg: var(--danger-600);
}
.tooltip-dark {
  --bs-tooltip-bg: var(--neutral-900);
}
.tooltip-white {
  --bs-tooltip-bg: var(--base);
  --bs-tooltip-color: #fff;
}

.tip-content {
  display: none;
}

.list-decimal {
  list-style: decimal;
  padding-left: 18px;
}

/* Tooltip css End */
/* === tooltip css end === */
/* === image upload css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================= Image upload csss start ================================= */
.uploaded-image-name-list:hover .remove-image {
  visibility: visible;
  opacity: 1;
}
.uploaded-image-name-list .remove-image {
  visibility: hidden;
  opacity: 0;
}

/* Upload Image Css Start */
.avatar-upload {
  position: relative;
  max-width: max-content;
}
.avatar-upload.style-two {
  width: 180px;
  height: 150px;
  max-width: unset;
}

#imagePreview {
  background-image: url('user-grid-img13.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#previewImage1, #previewImage2 {
  background-image: url('upload-image.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 1px solid var(--primary-600);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview.style-two {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid var(--border-color) !important;
  box-shadow: none;
}
.avatar-upload .avatar-preview.style-two > div {
  border-radius: inherit !important;
}

.avatar-upload .avatar-preview > div {
  background-image: url('user-grid-img13.png');
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Upload Image Css End */
/* ========================= Image upload csss End ================================= */
/* === image upload css end === */
/* === calendar css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Full Calendar Customize Css Start */
.fc-border-separate tr.fc-last th {
  background: var(--neutral-50);
  padding: 12px;
  color: var(--text-primary-light);
}
.fc-border-separate tr.fc-last th a {
  transition: 0s;
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight {
  position: relative;
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.13) 0%, rgba(72, 127, 255, 0.12) 0.01%, rgba(72, 127, 255, 0.05) 100%);
}
.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary-600);
}

.fc-event {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}
.fc-event.important {
  background-color: var(--danger-100) !important;
  color: var(--danger-600) !important;
}
.fc-event.info {
  background-color: var(--lilac-100) !important;
  color: var(--lilac-600) !important;
}

.fc-border-separate tr.fc-last th {
  border-color: var(--neutral-200) !important;
}

table.fc-header, #calendar {
  background-color: transparent;
}

.fc-week .fc-day:hover .fc-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
}

.fc-state-highlight > div > div.fc-day-number {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

#calendar, table.fc-header {
  background-color: transparent !important;
}

.fc-header-title h2 {
  font-size: 24px !important;
  font-weight: 600;
}

.fc-state-default {
  border-color: var(--primary-600) !important;
  color: var(--primary-600) !important;
}
.fc-state-default:hover {
  background-color: var(--primary-50) !important;
}

.fc-state-active, .fc-state-down {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.fc-state-active:hover, .fc-state-down:hover {
  color: #fff !important;
  background-color: var(--primary-600) !important;
}

.fc-button.fc-button-today {
  border-color: var(--primary-50) !important;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}
.fc-button.fc-button-today.fc-state-disabled {
  border-color: var(--primary-600) !important;
  background-color: var(--primary-600) !important;
  color: #fff !important;
  cursor: no-drop;
}

td.fc-header-center {
  text-align: end;
}

.fc-widget-content {
  border-color: var(--border-color) !important;
}

.fc-last td {
  border-width: 1px 0 1px 1px;
}

.fc-agenda-axis.fc-widget-header {
  color: var(--text-primary-light);
  border-color: var(--border-color);
}

.fc-header td {
  padding: 0;
}

#calendar {
  overflow-x: auto;
}
#calendar .fc-content {
  min-width: max-content;
}
#calendar table.fc-header tr {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

/* Full Calendar Customize Css End */
/* === calendar css end === */
/* === auth css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================== Authentication css start ============================== */
.auth {
  min-height: 100vh;
}
.auth-left {
  background: linear-gradient(90deg, #ECF0FF 0%, #FAFBFF 100%);
  width: 50%;
}
.auth-right {
  width: 50%;
}
@media (max-width: 991px) {
  .auth-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .auth-right > div {
    max-width: 100%;
    width: 100%;
  }
}
.auth.forgot-password-page .auth-left {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

.center-border-horizontal {
  position: relative;
  z-index: 1;
}
.center-border-horizontal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--neutral-300);
  z-index: -1;
}

/* ========================== Authentication css End ============================== */
/* === auth css end === */
/* === pricing css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Pricing Css Start */
@media (min-width: 1400px) {
  .pricing-plan-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.pricing-plan {
  padding: 50px 40px;
}
@media (max-width: 1699px) {
  .pricing-plan {
    padding: 24px;
  }
}

.pricing-tab {
  margin-bottom: 40px;
}
@media (min-width: 1400px) {
  .pricing-tab {
    margin-bottom: 110px;
  }
}

@media (min-width: 1400px) {
  .scale-item {
    transform: scale(1.04);
    margin-top: -50px;
    z-index: 1;
  }
}

@media (min-width: 1400px) {
  .featured-item {
    margin-top: -50px;
  }
}

/* Pricing Css End */
/* === pricing css end === */
/* === theme css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Theme Css Start */
.payment-gateway-input:checked ~ .payment-gateway-label {
  border-color: var(--primary-600) !important;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
}
.payment-gateway-input:checked ~ .payment-gateway-label .text-secondary-light {
  color: var(--text-primary-light) !important;
}

/* Theme Css End */
/* === theme css end === */
/* === date picker css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ================== Date Picker Css Start ====================== */
.flatpickr-day.selected {
  border-color: var(--primary-600);
  background-color: var(--primary-600);
  color: #fff !important;
}

.flatpickr-calendar {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
}

.flatpickr-calendar p, .flatpickr-calendar span, .flatpickr-calendar div, .flatpickr-calendar input {
  color: var(--text-primary-light) !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: var(--text-primary-light) !important;
}

.flatpickr-day:hover {
  color: black !important;
}

/* ================== Date Picker Css End ====================== */
/* === date picker css end === */
/* === email css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Email Css Start */
.item-active > a {
  background-color: var(--primary-50) !important;
  color: var(--text-primary-light);
}
.item-active > a .icon {
  color: var(--primary-600) !important;
}

.email-item:hover {
  box-shadow: var(--box-shadow);
}
.email-item.active {
  background-color: var(--primary-50) !important;
}

.reload-button {
  transition: 0.2s linear;
}
.reload-button:active {
  transform: rotate(180deg);
}

.starred-button.active .icon-outline {
  visibility: hidden;
  opacity: 0;
  width: 0;
}
.starred-button.active .icon-fill {
  visibility: visible;
  opacity: 1;
  width: auto;
}
.starred-button .icon-fill {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

/* Email Css End */
/* === email css end === */
/* === faq css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Faq Css Start */
.responsive-padding-40-150 {
  padding-inline-start: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-inline-end: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-block-start: 40px !important;
  padding-block-end: 40px !important;
}

/* Faq Css End */
/* === faq css end === */
/* === editor css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Code edit css start */
.ql-toolbar.ql-snow {
  border: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: inherit !important;
}

.ql-container.ql-snow {
  border: 0 !important;
  border-radius: inherit !important;
}

.ql-editor {
  border-radius: 12px;
  min-height: 600px;
}

.ql-picker-label, .ql-formats {
  color: var(--text-primary-light);
  z-index: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--text-secondary-light);
}

.ql-snow .ql-stroke {
  stroke: var(--text-secondary-light);
}

/* Code edit css end */
/* === editor css end === */
/* === editor css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chat-wrapper .chat-sidebar {
  width: 100%;
}
@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}
.chat-wrapper .chat-main {
  width: 100%;
  margin-top: calc(30 / 16 * 1rem);
}
@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}

.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: calc(30 / 16 * 1rem);
  gap: calc(15 / 16 * 1rem);
}
.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}
.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 calc(24 / 16 * 1rem);
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}
.chat-search .icon {
  font-size: calc(22 / 16 * 1rem);
  line-height: 1;
  padding-top: 5px;
}
.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: calc(18 / 16 * 1rem);
  padding-inline-start: calc(10 / 16 * 1rem);
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-all-list {
    max-height: 400px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}
.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}
.chat-sidebar-single .img {
  position: relative;
}
.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}
.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 calc(12 / 16 * 1rem);
}
.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}
.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.5px solid var(--input-form-light);
}
.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-message-list {
    max-height: 375px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: calc(32 / 16 * 1rem);
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}
.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}
.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}
.chat-single-message.right {
  margin-inline-start: auto;
}
.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}
.chat-single-message.right .chat-message-content p {
  color: #fff;
}
.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}
.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}
.chat-single-message .chat-message-content .chat-time {
  font-size: calc(12 / 16 * 1rem);
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}
.chat-message-box input {
  flex-grow: 1;
}
.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(20 / 16 * 1rem);
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}

/* === editor css end === */
/* === wizard css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================= Wizard Css Start ========================= */
.form-wizard .wizard-fieldset {
  display: none;
}
.form-wizard .wizard-fieldset.show {
  display: block !important;
}
.form-wizard .wizard-form-error {
  display: none;
  background-color: transparent;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--danger-main);
  pointer-events: none;
}
.form-wizard-header {
  text-align: center;
}
.form-wizard-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 455px;
}
.form-wizard-list__item {
  width: 20%;
}
.form-wizard-list__item.active .count {
  color: var(--primary-600);
  border-color: var(--primary-600);
  font-weight: 700;
}
.form-wizard-list__item.active .text {
  color: var(--primary-600);
}
.form-wizard-list__item.activated .count {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: #fff;
}
.form-wizard-list__item.activated .text {
  color: var(--primary-600);
}
.form-wizard-list__item.activated .form-wizard-list__line::before {
  width: 100%;
}
.form-wizard-list__item:last-child .form-wizard-list__line::after, .form-wizard-list__item:last-child .form-wizard-list__line::before {
  display: none;
}
.form-wizard-list__line {
  position: relative;
}
.form-wizard-list__line::after, .form-wizard-list__line::before {
  background-color: var(--neutral-300);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: 0.3s linear;
}
.form-wizard-list__line::before {
  width: 0;
  background-color: var(--primary-600);
  z-index: 1;
}
.form-wizard-list .count {
  background-color: var(--white);
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  border: 2px solid var(--neutral-300);
  font-size: 18px;
}

/* Style Two */
.form-wizard-list.style-two {
  gap: 8px;
  min-width: max-content;
}
.form-wizard-list.style-two .form-wizard-list .count {
  height: 32px;
  line-height: 32px;
  width: 32px;
  font-size: 16px;
}
.form-wizard-list.style-two .form-wizard-list__line::after, .form-wizard-list.style-two .form-wizard-list__line::before {
  display: none;
}
.form-wizard-list.style-two .form-wizard-list__item {
  width: 25%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: start;
  padding: 8px;
  position: relative;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
  background-color: var(--neutral-200);
  border-radius: 50px;
}
.form-wizard-list.style-two .form-wizard-list__item:first-child {
  padding-inline-start: 8px;
}
.form-wizard-list.style-two .form-wizard-list__item:last-child {
  padding-inline-end: 8px;
}
.form-wizard-list.style-two .form-wizard-list__item.active .count {
  background-color: var(--primary-600);
  color: #fff;
}
.form-wizard-list.style-two .form-wizard-list__item.activated {
  background-color: var(--primary-600);
}
.form-wizard-list.style-two .form-wizard-list__item.activated .count {
  background-color: #fff;
  color: var(--primary-600);
}
.form-wizard-list.style-two .form-wizard-list__item.activated .text {
  color: #fff;
}
.form-wizard-list.style-two .form-wizard-list__item .text {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Style Three */
.form-wizard-list.style-three {
  min-width: max-content;
}
.form-wizard-list.style-three .form-wizard-list__line::after, .form-wizard-list.style-three .form-wizard-list__line::before {
  display: none;
}

.form-wizard input::placeholder {
  font-size: 14px !important;
  color: var(--neutral-400);
}

.gif-image {
  max-width: 60px;
}

/* ========================= Wizard Css End ========================= */
/* === wizard css end === */
/* === file upload css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ============================ Image Upload Css Start ==================== */
.image-upload {
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
  border: 1px dashed var(--input-form-light) !important;
  cursor: pointer;
  transition: 0.2s;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 180px;
}
.image-upload:hover {
  background-color: var(--neutral-100);
}
.image-upload__box {
  border-radius: inherit !important;
  cursor: pointer;
  padding: 16px !important;
  flex-direction: column;
  justify-content: center;
}
.image-upload__boxInner {
  padding: 0 !important;
  border: 0 !important;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: 100% !important;
  margin: 0 auto;
  position: relative;
  border-radius: inherit;
}
.image-upload__icon {
  font-size: 32px !important;
  color: var(--primary-600);
  line-height: 1;
}
.image-upload__image {
  border-radius: inherit;
  max-width: 100%;
}
.image-upload__imageName {
  margin-top: 4px;
}
.image-upload__deleteBtn {
  position: absolute;
  right: -6px;
  top: -6px;
  z-index: 1;
  background: var(--neutral-100);
  color: hsl(var(--neutral-900));
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-upload__deleteBtn:hover {
  background: var(--danger-600);
  transform: scale(1.1);
  color: #fff;
}
.image-upload__anotherFileIcon {
  font-size: 16px !important;
  color: hsl(var(--body-color)) !important;
  width: 40px;
  height: 40px;
  border: 1px solid var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

.image-upload__boxInner p, .image-upload__boxInner span {
  line-height: 1.2 !important;
}

/* ============================ Image Upload Css End ==================== */
/* === file upload css end === */
/* === file upload css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after, .ppq-audio-player.player-playing .play-pause-icon:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAASCAMAAADrP+ckAAABNVBMVEUAAAAAmIcAmYgAm4sAnIsAnIwAnI0AnY0AnY4Ano4Ano8An5AAoJEAoZEAoZIAopMBn5ABoJABoJEBoZEBoZIBoZMBopMCoZICopMCopQCo5QDoJEDoZEDo5QDo5UFopMGo5QKpJYLpJYMpZcMppgNpZcNppgNp5gOppcOppgOp5gOp5kQqJoSp5kSqJoTqZsbrJ4drJ8irZ8mrqEnsKMrsqUtsqYytKg0tak5t6tHvLJJvbNLvbNqycBrysFsycFwy8Jwy8N3zsZ+0MiA0cqD0suH1M2L1c6P1tCk3tmm39mv4t285+PE6ebH6ufN7erS7+zV7+3W8O3X8O7a8u/k9fPs+Pft+Pfx+fjx+fnx+vny+vr1+/v2+/v5/fz7/f38/f38/v38/v79/v7+/v7+//////+ALAV1AAAAAXRSTlMAQObYZgAAATxJREFUKM+F0tlWwjAQBuAgQgHTRFFrqaK4IALiiuKugPsKrqUo0DbO+z+CDYHIFZ279nznP3P+DHLh4+L8HWybAQM+qDdlUgGXMRcqpIwYnIwoG7ct6LjAfgdUKlZoAmPQLMRSCBrLZH4idPAEbqcb11eamm1w1ciqGgJrFVPNiMydfkLH8X5LhXMWV1YOc7WCKSGGHty6A9Z2ZRbFGaEymApFKaHJceXoFRxnmPKcZoQXL79huPLijKng/ouP4nFJZcdXUWJML/gpLyo6du2zPTUmQ3uPw7cnWiK8dPUDzn+rUvVaFXUdv4Fjy+51nBcqj3XxQl71o9v33eqlipO0yZWZJnEE5pqqJZTZsy/xjHKvYqBk82+7FCgiaO1GZqKHz/2TkKpWrYv7qldryIGH9c2bFrR75yXV4PwBrZh1OjRqx9oAAAAASUVORK5CYII=);
  background-size: 37px 18px;
}

.ppq-audio-player {
  line-height: 111px;
  position: relative;
  overflow: hidden;
  height: 111px;
  margin: 0 auto;
  background: #f4f4f4;
}

.ppq-audio-player audio {
  position: absolute;
  vertical-align: baseline;
}

.ppq-audio-player .play-pause-btn {
  float: left;
  margin: 29px 0 0 12px;
}

.ppq-audio-player .play-pause-btn .play-pause-icon {
  position: relative;
  display: block;
  width: 47px;
  height: 47px;
  border: 3px solid #00a293;
  border-radius: 100%;
  background-color: #fff;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  display: block;
  content: "";
  background-position: 0 0;
  width: 17px;
  height: 18px;
}

.ppq-audio-player.player-playing .play-pause-icon:after {
  background-position: -25px 0;
  width: 12px;
  height: 17px;
}

.ppq-audio-player .player-time {
  float: left;
  width: 51px;
  margin-right: 8px;
  text-align: right;
}

.ppq-audio-player .player-time-duration {
  float: right;
  margin: 0 0 0 8px;
  text-align: left;
}

.ppq-audio-player .player-bar {
  position: relative;
  overflow: hidden;
  height: 5px;
  margin-top: 53px;
  background-color: #fff;
}

.ppq-audio-player .player-bar .player-bar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: #ddd;
}

.ppq-audio-player .player-bar .player-bar-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background: #00a293;
}

/* === file upload css end === */
/* === radial progress bar start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ====================== Animated Radial Progress bar Css Start ======================== */
.radial-progress {
  height: auto;
  max-width: 44px;
  transform: rotate(-90deg);
  width: 100%;
}
.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.9114857513;
  stroke-width: 4;
  stroke: var(--primary-600);
  stroke-linecap: round;
}
.radial-progress circle.incomplete {
  opacity: 0.2;
}
.radial-progress circle.complete {
  stroke-dasharray: 219.9114857513;
}
.radial-progress text {
  fill: var(--text-secondary-light);
  font-size: 24px !important;
  text-anchor: middle;
}

/* ====================== Animated Radial Progress bar Css End ======================== */
/* === radial progress bar end === */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_email.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Email Css Start */
.item-active > a {
  background-color: var(--primary-50) !important;
  color: var(--text-primary-light);
}
.item-active > a .icon {
  color: var(--primary-600) !important;
}

.email-item:hover {
  box-shadow: var(--box-shadow);
}
.email-item.active {
  background-color: var(--primary-50) !important;
}

.reload-button {
  transition: 0.2s linear;
}
.reload-button:active {
  transform: rotate(180deg);
}

.starred-button.active .icon-outline {
  visibility: hidden;
  opacity: 0;
  width: 0;
}
.starred-button.active .icon-fill {
  visibility: visible;
  opacity: 1;
  width: auto;
}
.starred-button .icon-fill {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

/* Email Css End */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_audio.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after, .ppq-audio-player.player-playing .play-pause-icon:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAASCAMAAADrP+ckAAABNVBMVEUAAAAAmIcAmYgAm4sAnIsAnIwAnI0AnY0AnY4Ano4Ano8An5AAoJEAoZEAoZIAopMBn5ABoJABoJEBoZEBoZIBoZMBopMCoZICopMCopQCo5QDoJEDoZEDo5QDo5UFopMGo5QKpJYLpJYMpZcMppgNpZcNppgNp5gOppcOppgOp5gOp5kQqJoSp5kSqJoTqZsbrJ4drJ8irZ8mrqEnsKMrsqUtsqYytKg0tak5t6tHvLJJvbNLvbNqycBrysFsycFwy8Jwy8N3zsZ+0MiA0cqD0suH1M2L1c6P1tCk3tmm39mv4t285+PE6ebH6ufN7erS7+zV7+3W8O3X8O7a8u/k9fPs+Pft+Pfx+fjx+fnx+vny+vr1+/v2+/v5/fz7/f38/f38/v38/v79/v7+/v7+//////+ALAV1AAAAAXRSTlMAQObYZgAAATxJREFUKM+F0tlWwjAQBuAgQgHTRFFrqaK4IALiiuKugPsKrqUo0DbO+z+CDYHIFZ279nznP3P+DHLh4+L8HWybAQM+qDdlUgGXMRcqpIwYnIwoG7ct6LjAfgdUKlZoAmPQLMRSCBrLZH4idPAEbqcb11eamm1w1ciqGgJrFVPNiMydfkLH8X5LhXMWV1YOc7WCKSGGHty6A9Z2ZRbFGaEymApFKaHJceXoFRxnmPKcZoQXL79huPLijKng/ouP4nFJZcdXUWJML/gpLyo6du2zPTUmQ3uPw7cnWiK8dPUDzn+rUvVaFXUdv4Fjy+51nBcqj3XxQl71o9v33eqlipO0yZWZJnEE5pqqJZTZsy/xjHKvYqBk82+7FCgiaO1GZqKHz/2TkKpWrYv7qldryIGH9c2bFrR75yXV4PwBrZh1OjRqx9oAAAAASUVORK5CYII=);
  background-size: 37px 18px;
}

.ppq-audio-player {
  line-height: 111px;
  position: relative;
  overflow: hidden;
  height: 111px;
  margin: 0 auto;
  background: #f4f4f4;
}

.ppq-audio-player audio {
  position: absolute;
  vertical-align: baseline;
}

.ppq-audio-player .play-pause-btn {
  float: left;
  margin: 29px 0 0 12px;
}

.ppq-audio-player .play-pause-btn .play-pause-icon {
  position: relative;
  display: block;
  width: 47px;
  height: 47px;
  border: 3px solid #00a293;
  border-radius: 100%;
  background-color: #fff;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  display: block;
  content: "";
  background-position: 0 0;
  width: 17px;
  height: 18px;
}

.ppq-audio-player.player-playing .play-pause-icon:after {
  background-position: -25px 0;
  width: 12px;
  height: 17px;
}

.ppq-audio-player .player-time {
  float: left;
  width: 51px;
  margin-right: 8px;
  text-align: right;
}

.ppq-audio-player .player-time-duration {
  float: right;
  margin: 0 0 0 8px;
  text-align: left;
}

.ppq-audio-player .player-bar {
  position: relative;
  overflow: hidden;
  height: 5px;
  margin-top: 53px;
  background-color: #fff;
}

.ppq-audio-player .player-bar .player-bar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: #ddd;
}

.ppq-audio-player .player-bar .player-bar-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background: #00a293;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_pricing.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Pricing Css Start */
@media (min-width: 1400px) {
  .pricing-plan-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.pricing-plan {
  padding: 50px 40px;
}
@media (max-width: 1699px) {
  .pricing-plan {
    padding: 24px;
  }
}

.pricing-tab {
  margin-bottom: 40px;
}
@media (min-width: 1400px) {
  .pricing-tab {
    margin-bottom: 110px;
  }
}

@media (min-width: 1400px) {
  .scale-item {
    transform: scale(1.04);
    margin-top: -50px;
    z-index: 1;
  }
}

@media (min-width: 1400px) {
  .featured-item {
    margin-top: -50px;
  }
}

/* Pricing Css End */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_list-style.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_file-upload.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ============================ Image Upload Css Start ==================== */
.image-upload {
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
  border: 1px dashed var(--input-form-light) !important;
  cursor: pointer;
  transition: 0.2s;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 180px;
}
.image-upload:hover {
  background-color: var(--neutral-100);
}
.image-upload__box {
  border-radius: inherit !important;
  cursor: pointer;
  padding: 16px !important;
  flex-direction: column;
  justify-content: center;
}
.image-upload__boxInner {
  padding: 0 !important;
  border: 0 !important;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: 100% !important;
  margin: 0 auto;
  position: relative;
  border-radius: inherit;
}
.image-upload__icon {
  font-size: 32px !important;
  color: var(--primary-600);
  line-height: 1;
}
.image-upload__image {
  border-radius: inherit;
  max-width: 100%;
}
.image-upload__imageName {
  margin-top: 4px;
}
.image-upload__deleteBtn {
  position: absolute;
  right: -6px;
  top: -6px;
  z-index: 1;
  background: var(--neutral-100);
  color: hsl(var(--neutral-900));
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-upload__deleteBtn:hover {
  background: var(--danger-600);
  transform: scale(1.1);
  color: #fff;
}
.image-upload__anotherFileIcon {
  font-size: 16px !important;
  color: hsl(var(--body-color)) !important;
  width: 40px;
  height: 40px;
  border: 1px solid var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

.image-upload__boxInner p, .image-upload__boxInner span {
  line-height: 1.2 !important;
}

/* ============================ Image Upload Css End ==================== */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_badge.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_vector-map.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Vector Map Css Start */
#world-map {
  height: 200px;
  background-color: var(--neutral-100);
}

.map-sm {
  height: 160px !important;
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
  background: #D1D5DB;
  color: #111827;
}

/* Vector Map Css End */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_chat.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chat-wrapper .chat-sidebar {
  width: 100%;
}
@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}
.chat-wrapper .chat-main {
  width: 100%;
  margin-top: calc(30 / 16 * 1rem);
}
@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}

.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: calc(30 / 16 * 1rem);
  gap: calc(15 / 16 * 1rem);
}
.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}
.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 calc(24 / 16 * 1rem);
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}
.chat-search .icon {
  font-size: calc(22 / 16 * 1rem);
  line-height: 1;
  padding-top: 5px;
}
.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: calc(18 / 16 * 1rem);
  padding-inline-start: calc(10 / 16 * 1rem);
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-all-list {
    max-height: 400px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}
.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}
.chat-sidebar-single .img {
  position: relative;
}
.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}
.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 calc(12 / 16 * 1rem);
}
.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}
.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.5px solid var(--input-form-light);
}
.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-message-list {
    max-height: 375px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: calc(32 / 16 * 1rem);
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}
.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}
.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}
.chat-single-message.right {
  margin-inline-start: auto;
}
.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}
.chat-single-message.right .chat-message-content p {
  color: #fff;
}
.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}
.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}
.chat-single-message .chat-message-content .chat-time {
  font-size: calc(12 / 16 * 1rem);
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}
.chat-message-box input {
  flex-grow: 1;
}
.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(20 / 16 * 1rem);
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_avatar.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.avatar-xl {
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.avatar-lg {
  width: calc(40 / 16 * 1rem);
  height: calc(40 / 16 * 1rem);
}

.avatar-md {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
}

.avatar-sm {
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_date-picker.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ================== Date Picker Css Start ====================== */
.flatpickr-day.selected {
  border-color: var(--primary-600);
  background-color: var(--primary-600);
  color: #fff !important;
}

.flatpickr-calendar {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
}

.flatpickr-calendar p, .flatpickr-calendar span, .flatpickr-calendar div, .flatpickr-calendar input {
  color: var(--text-primary-light) !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: var(--text-primary-light) !important;
}

.flatpickr-day:hover {
  color: black !important;
}

/* ================== Date Picker Css End ====================== */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_image-upload.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================= Image upload csss start ================================= */
.uploaded-image-name-list:hover .remove-image {
  visibility: visible;
  opacity: 1;
}
.uploaded-image-name-list .remove-image {
  visibility: hidden;
  opacity: 0;
}

/* Upload Image Css Start */
.avatar-upload {
  position: relative;
  max-width: max-content;
}
.avatar-upload.style-two {
  width: 180px;
  height: 150px;
  max-width: unset;
}

#imagePreview {
  background-image: url('user-grid-img13.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#previewImage1, #previewImage2 {
  background-image: url('upload-image.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 1px solid var(--primary-600);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview.style-two {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid var(--border-color) !important;
  box-shadow: none;
}
.avatar-upload .avatar-preview.style-two > div {
  border-radius: inherit !important;
}

.avatar-upload .avatar-preview > div {
  background-image: url('user-grid-img13.png');
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Upload Image Css End */
/* ========================= Image upload csss End ================================= */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_accordion.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* =========================== Accordion Css start ============================= */
.accordion .accordion-item {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white) !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
}
.accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.accordion .accordion-body {
  background-color: transparent;
  padding: 0;
  padding-top: 8px;
  color: var(--text-secondary-light);
}

.accordion .accordion-button {
  padding: 0;
  background: transparent;
  padding-inline-end: 68px;
}

.accordion .accordion-button::after {
  background-image: none;
}

.accordion .accordion-button:focus {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=true]::after, .accordion .accordion-button[aria-expanded=false]::after {
  content: "\f1af";
  font-family: remixicon;
  display: inline-block;
  position: absolute;
  inset-inline-end: 32px;
  height: 24px;
  width: 24px;
  border: 2px solid var(--primary-600);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 50%;
  line-height: 1;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=false]::after {
  content: "\ea13";
}

/* ================================= Accordion Css End =========================== */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_editor.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Code edit css start */
.ql-toolbar.ql-snow {
  border: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: inherit !important;
}

.ql-container.ql-snow {
  border: 0 !important;
  border-radius: inherit !important;
}

.ql-editor {
  border-radius: 12px;
  min-height: 600px;
}

.ql-picker-label, .ql-formats {
  color: var(--text-primary-light);
  z-index: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--text-secondary-light);
}

.ql-snow .ql-stroke {
  stroke: var(--text-secondary-light);
}

/* Code edit css end */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_table.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}
.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}
.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}
.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}
.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}
.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}
.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}
.rounded-table thead tr th {
  border-bottom: 0 !important;
}
.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}
.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}
.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}
.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}
.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}
.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}
.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}
.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}
.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}
.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: calc(14 / 16 * 1rem);
}
.basic-data-table .dt-layout-row select {
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}
.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}
.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
}
.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  justify-content: flex-end;
}
.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}
.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(10 / 16 * 1rem);
}
div.dt-container .dt-paging .dt-paging-button {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
  padding: 0 !important;
}
div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last) {
  color: var(--text-secondary-light) !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background: var(--neutral-200) !important;
  font-weight: 500;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button:focus {
  border: none !important;
  box-shadow: none !important;
}
div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--primary-600) !important;
  color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button:hover:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_calendar.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Full Calendar Customize Css Start */
.fc-border-separate tr.fc-last th {
  background: var(--neutral-50);
  padding: 12px;
  color: var(--text-primary-light);
}
.fc-border-separate tr.fc-last th a {
  transition: 0s;
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight {
  position: relative;
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.13) 0%, rgba(72, 127, 255, 0.12) 0.01%, rgba(72, 127, 255, 0.05) 100%);
}
.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary-600);
}

.fc-event {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}
.fc-event.important {
  background-color: var(--danger-100) !important;
  color: var(--danger-600) !important;
}
.fc-event.info {
  background-color: var(--lilac-100) !important;
  color: var(--lilac-600) !important;
}

.fc-border-separate tr.fc-last th {
  border-color: var(--neutral-200) !important;
}

table.fc-header, #calendar {
  background-color: transparent;
}

.fc-week .fc-day:hover .fc-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
}

.fc-state-highlight > div > div.fc-day-number {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

#calendar, table.fc-header {
  background-color: transparent !important;
}

.fc-header-title h2 {
  font-size: 24px !important;
  font-weight: 600;
}

.fc-state-default {
  border-color: var(--primary-600) !important;
  color: var(--primary-600) !important;
}
.fc-state-default:hover {
  background-color: var(--primary-50) !important;
}

.fc-state-active, .fc-state-down {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.fc-state-active:hover, .fc-state-down:hover {
  color: #fff !important;
  background-color: var(--primary-600) !important;
}

.fc-button.fc-button-today {
  border-color: var(--primary-50) !important;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}
.fc-button.fc-button-today.fc-state-disabled {
  border-color: var(--primary-600) !important;
  background-color: var(--primary-600) !important;
  color: #fff !important;
  cursor: no-drop;
}

td.fc-header-center {
  text-align: end;
}

.fc-widget-content {
  border-color: var(--border-color) !important;
}

.fc-last td {
  border-width: 1px 0 1px 1px;
}

.fc-agenda-axis.fc-widget-header {
  color: var(--text-primary-light);
  border-color: var(--border-color);
}

.fc-header td {
  padding: 0;
}

#calendar {
  overflow-x: auto;
}
#calendar .fc-content {
  min-width: max-content;
}
#calendar table.fc-header tr {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

/* Full Calendar Customize Css End */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_buttons.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.btn {
  padding: 0.5625rem 0.75rem;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}
.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}
.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: calc(14 / 16 * 1rem);
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}
.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}
.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}
.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}
.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}
.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}
.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}
.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}
.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}
.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}
.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}
.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}
.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}
.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}
.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}
.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}
.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}
.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}
.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}
.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}
.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}
.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}
.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}
.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}
.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}
.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}
.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}
.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}
.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}
.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}
.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}
.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}
.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}
.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}
.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}
.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}
.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}
.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}
.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}
.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}
.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}
.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}
.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}
.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}
.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}
.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}
.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}
.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}
.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}
.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}
.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}
.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}
.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}
.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}
.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}
.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}
.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}
.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}
.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}
.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}
.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}
.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}
.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}
.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}
.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}
.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}
.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}
.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}
.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}
.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}
.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}
.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}
.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}
.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}
.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}
.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}
.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}
.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_progress-bar.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Progress bar css start */
.max-w-66 {
  max-width: 66px;
}

.max-w-112 {
  max-width: 112px;
}

.progress {
  background-color: var(--neutral-200);
}

.progress-sm {
  height: 8px;
}

/* animated bar */
.animated-bar {
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Progress bar css End */
/* Floating Label Css Start */
.floating-label {
  transform: translateX(-25px);
  left: 0;
  top: 0;
  animation-name: animateFloatingLabel;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateFloatingLabel {
  from {
    left: 0;
  }
  to {
    left: var(--left-percentage);
  }
}
/* Floating Label Css End */
/* Semi Circle Floating */
.barOverflow { /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: inherit;
  height: inherit; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}

.circleBar {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% + 44px);
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid var(--primary-50); /* half gray, */
  border-bottom-color: var(--primary-600); /* half azure */
  border-right-color: var(--primary-600);
}

/* Semi Circle Floating */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_wizard.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================= Wizard Css Start ========================= */
.form-wizard .wizard-fieldset {
  display: none;
}
.form-wizard .wizard-fieldset.show {
  display: block !important;
}
.form-wizard .wizard-form-error {
  display: none;
  background-color: transparent;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--danger-main);
  pointer-events: none;
}
.form-wizard-header {
  text-align: center;
}
.form-wizard-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 455px;
}
.form-wizard-list__item {
  width: 20%;
}
.form-wizard-list__item.active .count {
  color: var(--primary-600);
  border-color: var(--primary-600);
  font-weight: 700;
}
.form-wizard-list__item.active .text {
  color: var(--primary-600);
}
.form-wizard-list__item.activated .count {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: #fff;
}
.form-wizard-list__item.activated .text {
  color: var(--primary-600);
}
.form-wizard-list__item.activated .form-wizard-list__line::before {
  width: 100%;
}
.form-wizard-list__item:last-child .form-wizard-list__line::after, .form-wizard-list__item:last-child .form-wizard-list__line::before {
  display: none;
}
.form-wizard-list__line {
  position: relative;
}
.form-wizard-list__line::after, .form-wizard-list__line::before {
  background-color: var(--neutral-300);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: 0.3s linear;
}
.form-wizard-list__line::before {
  width: 0;
  background-color: var(--primary-600);
  z-index: 1;
}
.form-wizard-list .count {
  background-color: var(--white);
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  border: 2px solid var(--neutral-300);
  font-size: 18px;
}

/* Style Two */
.form-wizard-list.style-two {
  gap: 8px;
  min-width: max-content;
}
.form-wizard-list.style-two .form-wizard-list .count {
  height: 32px;
  line-height: 32px;
  width: 32px;
  font-size: 16px;
}
.form-wizard-list.style-two .form-wizard-list__line::after, .form-wizard-list.style-two .form-wizard-list__line::before {
  display: none;
}
.form-wizard-list.style-two .form-wizard-list__item {
  width: 25%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: start;
  padding: 8px;
  position: relative;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
  background-color: var(--neutral-200);
  border-radius: 50px;
}
.form-wizard-list.style-two .form-wizard-list__item:first-child {
  padding-inline-start: 8px;
}
.form-wizard-list.style-two .form-wizard-list__item:last-child {
  padding-inline-end: 8px;
}
.form-wizard-list.style-two .form-wizard-list__item.active .count {
  background-color: var(--primary-600);
  color: #fff;
}
.form-wizard-list.style-two .form-wizard-list__item.activated {
  background-color: var(--primary-600);
}
.form-wizard-list.style-two .form-wizard-list__item.activated .count {
  background-color: #fff;
  color: var(--primary-600);
}
.form-wizard-list.style-two .form-wizard-list__item.activated .text {
  color: #fff;
}
.form-wizard-list.style-two .form-wizard-list__item .text {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Style Three */
.form-wizard-list.style-three {
  min-width: max-content;
}
.form-wizard-list.style-three .form-wizard-list__line::after, .form-wizard-list.style-three .form-wizard-list__line::before {
  display: none;
}

.form-wizard input::placeholder {
  font-size: 14px !important;
  color: var(--neutral-400);
}

.gif-image {
  max-width: 60px;
}

/* ========================= Wizard Css End ========================= */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_pagination.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_card.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 calc(4 / 16 * 1rem) calc(30 / 16 * 1rem) rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}
.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}
.card .card-title {
  font-size: calc(18 / 16 * 1rem) !important;
  font-weight: 600;
  color: var(--text-primary-light);
}
.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_radial-progress-bar.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ====================== Animated Radial Progress bar Css Start ======================== */
.radial-progress {
  height: auto;
  max-width: 44px;
  transform: rotate(-90deg);
  width: 100%;
}
.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.9114857513;
  stroke-width: 4;
  stroke: var(--primary-600);
  stroke-linecap: round;
}
.radial-progress circle.incomplete {
  opacity: 0.2;
}
.radial-progress circle.complete {
  stroke-dasharray: 219.9114857513;
}
.radial-progress text {
  fill: var(--text-secondary-light);
  font-size: 24px !important;
  text-anchor: middle;
}

/* ====================== Animated Radial Progress bar Css End ======================== */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_slider.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Slick Slider Css Start  */
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 20px;
}
.slick-dots button {
  width: 10px;
  height: 4px;
  background-color: var(--primary-50);
  text-indent: -999999px;
  border-radius: 50px;
  color: var(--primary-50);
}

/* Dots Circle Style */
.dots-style-circle .slick-dots {
  gap: 8px;
}
.dots-style-circle .slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 12px;
  height: 12px;
}
.dots-style-circle .slick-dots button {
  width: 8px;
  height: 8px;
  background-color: #5A75AE;
  text-indent: -999999px;
  border-radius: 50%;
}

/* Dots Bottom Position Style */
.dots-positioned .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}

/* Slick Arrows Css */
.slick-arrow {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  font-size: 32px;
  line-height: 0;
  z-index: 1;
}
.slick-arrow.slick-next {
  left: auto;
  right: 16px;
}

/* Slick Slider Css End */
/* Slider Progress Css Start */
.slider-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
}
.slider-progress span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0px;
  height: 100%;
  background-color: var(--primary-600);
  transition: all 0s linear;
}
.slider-progress span.active {
  width: 100%;
}

/* Slider Progress Css End */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_preloader.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_faq.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Faq Css Start */
.responsive-padding-40-150 {
  padding-inline-start: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-inline-end: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-block-start: 40px !important;
  padding-block-end: 40px !important;
}

/* Faq Css End */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_nav-tabs.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Bordered Tab Css Start */
.bordered-tab .nav-link {
  background-color: transparent !important;
  padding: 16px 24px;
  border-radius: 0;
  font-weight: 600;
  color: var(--text-secondary-light);
  position: relative;
}
.bordered-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background-color: var(--primary-600);
  transition: 0.2s linear;
}
.bordered-tab .nav-link.active {
  color: var(--primary-600);
}
.bordered-tab .nav-link.active::before {
  width: 100%;
}

/* Bordered Tab Css End */
/* Pill Tab Css Start */
.pill-tab .nav-link.active {
  background-color: var(--primary-600);
}
.pill-tab.style-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Pill Tab Css End */
/* Gradient Tab Css Start */
.border-gradient-tab {
  border-top: 1px solid var(--input-form-light);
}
.border-gradient-tab .nav-link {
  font-weight: 600;
  color: var(--text-secondary-light) !important;
  padding: 10px 16px;
  background-color: transparent !important;
  position: relative;
}
.border-gradient-tab .nav-link.active {
  color: var(--text-primary-light) !important;
}
.border-gradient-tab .nav-link.active::before {
  visibility: visible;
  opacity: 1;
}
.border-gradient-tab .nav-link.active .notification-alert {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.border-gradient-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid var(--primary-600);
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.12) 0%, rgba(72, 127, 255, 0.03) 100%);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

/* Gradient Tab Css End */
/* Focus Tab Css Start */
.focus-tab .nav-link.active {
  background-color: var(--primary-50);
  color: var(--primary-600);
}

/* Focus Tab Css End */
/* Button Tab Css Start */
.button-tab .nav-link.active {
  background-color: var(--primary-600);
  color: #fff !important;
}

/* Button Tab Css End */
/* Active Text Css Start */
.active-text-tab.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--primary-600) !important;
}

/* Active Text Css End */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_tooltip.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Tooltip css start */
.tooltip {
  --bs-tooltip-color: #fff;
}
.tooltip-primary {
  --bs-tooltip-bg: var(--primary-600);
}
.tooltip-purple {
  --bs-tooltip-bg: var(--lilac-600);
}
.tooltip-success {
  --bs-tooltip-bg: var(--success-600);
}
.tooltip-info {
  --bs-tooltip-bg: var(--info-600);
}
.tooltip-warning {
  --bs-tooltip-bg: var(--warning-600);
}
.tooltip-danger {
  --bs-tooltip-bg: var(--danger-600);
}
.tooltip-dark {
  --bs-tooltip-bg: var(--neutral-900);
}
.tooltip-white {
  --bs-tooltip-bg: var(--base);
  --bs-tooltip-color: #fff;
}

.tip-content {
  display: none;
}

.list-decimal {
  list-style: decimal;
  padding-left: 18px;
}

/* Tooltip css End */
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_scroll.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.scroll-sm::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
  border-radius: 40px;
}
.scroll-sm::-webkit-scrollbar-thumb {
  background-color: #b1b3b8;
  border-radius: 40px;
}
.scroll-sm::-webkit-scrollbar-thumb:hover {
  background-color: #939393;
}
.scroll-sm::-webkit-scrollbar-track {
  background-color: #d6d9de;
  border-radius: 40px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_form.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}
.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}
.form-select.form-select-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-select.form-select-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: calc(44 / 16 * 1rem);
}

.form-control[type=file] {
  line-height: 2;
}
.form-control[readonly] {
  background-color: var(--neutral-50);
}
.form-control.form-control-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}
.form-control.form-control-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}
.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}
.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(20 / 16 * 1rem);
  color: var(--text-secondary-light);
}
.icon-field .form-control {
  padding-inline-start: calc(40 / 16 * 1rem);
}
.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}
.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}
.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}
.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}
.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}
.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}
.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}
.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}
.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}
.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}
.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}
.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}
.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}
.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}
.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}
.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}
.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}
.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}
.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}
.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}
.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}
.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}
.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}
.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}
.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}
.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}
.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}
.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}
.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}
.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}
.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}
.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}
.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}
.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}
.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}
.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}
.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}
.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}
.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}
.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}
.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}
.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}
.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}
.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}
.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}
.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}
.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}
.form-mobile-field .form-control {
  padding-inline-start: calc(70 / 16 * 1rem);
}

select option {
  background-color: var(--white);
}

.was-validated .form-mobile-field .form-control {
  padding-inline-start: calc(95 / 16 * 1rem);
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url('arrow-down.png');
  background-size: 11px 7px;
  background-repeat: no-repeat;
}
[data-theme=dark] .btn-close {
  background-image: url('times.png');
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_modal.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.modal-header {
  border-color: var(--input-form-light);
}
.modal-header .btn-close {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
.modal-content {
  background-color: var(--white);
}
.modal-footer {
  border-color: var(--input-form-light);
}

/* ------------------------------------------------------------------
   Canvas (MatSidenav) vs in-page modals stacking fix

   The Canvas lives inside an Angular Material drawer (`.mat-drawer`),
   which creates a stacking context that can sit above fixed-position
   overlays rendered inside `.mat-drawer-content` (Agents / Integrations).

   When any app modal/overlay is open, we temporarily raise the content
   stacking context above the drawer so the modal sits on top.
------------------------------------------------------------------- */
body.vdf-overlay-open .mat-drawer-content {
  position: relative;
  z-index: 2000 !important;
}

body.vdf-overlay-open .mat-drawer {
  z-index: 1000 !important;
}

/* In case a Material backdrop is present (over mode), keep it between. */
body.vdf-overlay-open .mat-drawer-backdrop {
  z-index: 1500 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_dropdown.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Dropdown Css Start */
.has-indicator {
  position: relative;
  transition: 0s;
}
.has-indicator.show::before {
  visibility: visible;
  opacity: 1;
}
.has-indicator::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 32px;
  background-color: var(--white);
  border-radius: 8px;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  margin-left: -2px;
  box-shadow: -13px -8px 24px -7px rgba(46, 45, 116, 0.09);
}

.dropdown > button.show {
  background-color: var(--primary-50);
  color: var(--primary-600) !important;
}
.dropdown > button.show .text-primary-light {
  color: var(--primary-600) !important;
}

.dropdown-menu {
  border: 0;
  border-radius: 16px;
  box-shadow: 0px 13px 30px 10px rgba(46, 45, 116, 0.05);
  padding: 16px;
  background-color: var(--white);
}
.dropdown-menu.to-top {
  top: calc(100% - 28px) !important;
}
@media (min-width: 575px) {
  .dropdown-menu-lg {
    width: 425px;
  }
}
@media (min-width: 375px) {
  .dropdown-menu-sm {
    width: 312px;
  }
}

/* Dropdown Toggle Custom Icon */
.toggle-icon.icon-up::after {
  content: "\ea78" !important;
}
.toggle-icon.icon-right::after {
  content: "\ea6e" !important;
}
.toggle-icon.icon-left::before {
  content: "\ea64" !important;
  vertical-align: middle !important;
  border: 0 !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}
.toggle-icon::after {
  vertical-align: middle !important;
  border: 0 !important;
  content: "\ea4e" !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.dropdown > .not-active.show {
  color: #fff !important;
}

/* Dropdown Css End */
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_theme.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Theme Css Start */
.payment-gateway-input:checked ~ .payment-gateway-label {
  border-color: var(--primary-600) !important;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
}
.payment-gateway-input:checked ~ .payment-gateway-label .text-secondary-light {
  color: var(--text-primary-light) !important;
}

/* Theme Css End */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/components/_auth.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================== Authentication css start ============================== */
.auth {
  min-height: 100vh;
}
.auth-left {
  background: linear-gradient(90deg, #ECF0FF 0%, #FAFBFF 100%);
  width: 50%;
}
.auth-right {
  width: 50%;
}
@media (max-width: 991px) {
  .auth-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .auth-right > div {
    max-width: 100%;
    width: 100%;
  }
}
.auth.forgot-password-page .auth-left {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

.center-border-horizontal {
  position: relative;
  z-index: 1;
}
.center-border-horizontal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--neutral-300);
  z-index: -1;
}

/* ========================== Authentication css End ============================== */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/abstracts/_index.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/abstracts/_variables.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/abstracts/_function.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/abstracts/_mixins.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
@mixin flexWidth($property) {
  flex: 0 0 $property;
  -ms-flex: 0 0 $property;
  max-width: $property;
}

@mixin d-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
*/
/*
@mixin position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@mixin positionTwo {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/
/*
@mixin animation($property) {
  animation: $property;
  -webkit-animation: $property;
  -moz-animation: $property;
}
*/
/*
@mixin font($size, $weight, $transform) {
  font-size: $size;
  font-weight: $weight;
  text-transform: $transform;
}
*/
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sass/main.scss?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* === reset css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip {
  padding: 0.75rem 0.5rem;
  background-color: var();
  border: 1px solid var(--input-bg);
  background-color: var(--white);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: calc(8 / 16 * 1rem);
  -webkit-border-radius: calc(8 / 16 * 1rem);
  -moz-border-radius: calc(8 / 16 * 1rem);
  -ms-border-radius: calc(8 / 16 * 1rem);
  -o-border-radius: calc(8 / 16 * 1rem);
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-title {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: calc(14 / 16 * 1rem) !important;
  color: var(--text-primary-light) !important;
  font-weight: 600 !important;
  border: none !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group {
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-z-group {
  display: none !important;
}

/* Home Two Widget Chart Css Start*/
.remove-tooltip-title .apexcharts-tooltip-title {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip.apexcharts-theme-light {
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-label {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-marker {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-value {
  margin-left: 0;
}
.rounded-tooltip-value .apexcharts-tooltip-text {
  display: flex;
}

/* Home Two Widget Chart Css End*/
/* Chart's text color Css End*/
.apexcharts-xaxis-label, .apexcharts-yaxis-label {
  fill: #8a929f;
}

/* Chart's text color Css End*/
/* Home Two Donut Chart Css Start*/
.apexcharts-tooltip-z-none .apexcharts-tooltip-z-group {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-value {
  display: none;
}
.title-style .apexcharts-text.apexcharts-datalabel-label {
  fill: #4B5563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: Inter, sans-serif;
}

.circle-none circle {
  display: none;
}

#donutChart {
  height: 0px;
  min-height: 163px !important;
  margin-top: -32px;
}

.margin-16-minus {
  margin: -16px;
}

/* Home Two Donut Chart Css End*/
/* Home Five Radial Chart Css End*/
#semiCircleGauge {
  transform: translateY(22px) translateX(14px);
}

/* Home Five Radial Chart Css End*/
.apexcharts-bar-area:hover {
  fill: var(--brand);
}

.apexcharts-datalabels text {
  filter: none !important; /* Remove any filter applied to data labels */
  text-shadow: none !important; /* Remove any text shadow */
}

.apexcharts-legend-text {
  color: var(--text-secondary-light) !important;
}

.square-marker .apexcharts-legend-marker {
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
}

.series-gap-24 .apexcharts-legend-series {
  margin: 4px 12px !important;
}

.check-marker .apexcharts-legend-marker {
  position: relative;
}
.check-marker .apexcharts-legend-marker::after {
  position: absolute;
  content: "\eb7a";
  font-family: remixicon;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  transition: 0.2s;
}

.apexcharts-yaxis {
  transform: translateX(10px);
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light {
  color: #fff !important;
  background: rgba(30, 30, 30, 0.8) !important;
}
[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid #333 !important;
}
[data-theme=dark] .apexcharts-tooltip-series-group {
  background: rgba(0, 0, 0, 0.7) !important;
}

.avatar-xl {
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.avatar-lg {
  width: calc(40 / 16 * 1rem);
  height: calc(40 / 16 * 1rem);
}

.avatar-md {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
}

.avatar-sm {
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

.btn {
  padding: 0.5625rem 0.75rem;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}
.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}
.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: calc(14 / 16 * 1rem);
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}
.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}
.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}
.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}
.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}
.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}
.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}
.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}
.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}
.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}
.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}
.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}
.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}
.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}
.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}
.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}
.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}
.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}
.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}
.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}
.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}
.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}
.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}
.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}
.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}
.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}
.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}
.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}
.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}
.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}
.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}
.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}
.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}
.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}
.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}
.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}
.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}
.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}
.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}
.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}
.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}
.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}
.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}
.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}
.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}
.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}
.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}
.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}
.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}
.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}
.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}
.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}
.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}
.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}
.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}
.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}
.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}
.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}
.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}
.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}
.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}
.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}
.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}
.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}
.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}
.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}
.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}
.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}
.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}
.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}
.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}
.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}
.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}
.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}
.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}
.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}
.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}
.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 calc(4 / 16 * 1rem) calc(30 / 16 * 1rem) rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}
.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}
.card .card-title {
  font-size: calc(18 / 16 * 1rem) !important;
  font-weight: 600;
  color: var(--text-primary-light);
}
.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}

.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chat-wrapper .chat-sidebar {
  width: 100%;
}
@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}
.chat-wrapper .chat-main {
  width: 100%;
  margin-top: calc(30 / 16 * 1rem);
}
@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}

.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: calc(30 / 16 * 1rem);
  gap: calc(15 / 16 * 1rem);
}
.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}
.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 calc(24 / 16 * 1rem);
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}
.chat-search .icon {
  font-size: calc(22 / 16 * 1rem);
  line-height: 1;
  padding-top: 5px;
}
.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: calc(18 / 16 * 1rem);
  padding-inline-start: calc(10 / 16 * 1rem);
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-all-list {
    max-height: 400px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}
.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}
.chat-sidebar-single .img {
  position: relative;
}
.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}
.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 calc(12 / 16 * 1rem);
}
.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}
.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.5px solid var(--input-form-light);
}
.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-message-list {
    max-height: 375px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: calc(32 / 16 * 1rem);
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}
.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}
.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}
.chat-single-message.right {
  margin-inline-start: auto;
}
.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}
.chat-single-message.right .chat-message-content p {
  color: #fff;
}
.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}
.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}
.chat-single-message .chat-message-content .chat-time {
  font-size: calc(12 / 16 * 1rem);
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}
.chat-message-box input {
  flex-grow: 1;
}
.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(20 / 16 * 1rem);
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}

.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}
.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}
.form-select.form-select-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-select.form-select-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: calc(44 / 16 * 1rem);
}

.form-control[type=file] {
  line-height: 2;
}
.form-control[readonly] {
  background-color: var(--neutral-50);
}
.form-control.form-control-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}
.form-control.form-control-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}
.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}
.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(20 / 16 * 1rem);
  color: var(--text-secondary-light);
}
.icon-field .form-control {
  padding-inline-start: calc(40 / 16 * 1rem);
}
.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}
.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}
.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}
.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}
.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}
.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}
.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}
.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}
.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}
.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}
.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}
.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}
.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}
.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}
.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}
.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}
.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}
.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}
.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}
.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}
.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}
.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}
.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}
.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}
.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}
.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}
.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}
.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}
.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}
.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}
.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}
.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}
.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}
.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}
.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}
.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}
.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}
.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}
.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}
.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}
.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}
.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}
.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}
.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}
.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}
.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}
.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}
.form-mobile-field .form-control {
  padding-inline-start: calc(70 / 16 * 1rem);
}

select option {
  background-color: var(--white);
}

.was-validated .form-mobile-field .form-control {
  padding-inline-start: calc(95 / 16 * 1rem);
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url('arrow-down.png');
  background-size: 11px 7px;
  background-repeat: no-repeat;
}
[data-theme=dark] .btn-close {
  background-image: url('times.png');
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}

/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}
.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}
.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}
.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}
.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}
.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}
.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}
.rounded-table thead tr th {
  border-bottom: 0 !important;
}
.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}
.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}
.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}
.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}
.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}
.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}
.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}
.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}
.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}
.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: calc(14 / 16 * 1rem);
}
.basic-data-table .dt-layout-row select {
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}
.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}
.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
}
.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  justify-content: flex-end;
}
.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}
.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(10 / 16 * 1rem);
}
div.dt-container .dt-paging .dt-paging-button {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
  padding: 0 !important;
}
div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last) {
  color: var(--text-secondary-light) !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background: var(--neutral-200) !important;
  font-weight: 500;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button:focus {
  border: none !important;
  box-shadow: none !important;
}
div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--primary-600) !important;
  color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button:hover:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/* === preloader css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === preloader css end === */
/* === buttons css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.btn {
  padding: 0.5625rem 0.75rem;
  font-size: calc(16 / 16 * 1rem);
  font-weight: 500;
}
.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}
.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: calc(14 / 16 * 1rem);
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}
.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}
.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}
.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}
.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}
.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}
.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}
.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}
.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}
.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}
.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}
.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}
.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}
.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}
.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}
.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}
.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}
.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}
.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}
.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}
.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}
.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}
.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}
.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}
.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}
.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}
.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}
.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}
.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}
.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}
.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}
.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}
.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}
.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}
.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}
.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}
.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}
.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}
.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}
.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}
.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}
.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}
.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}
.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}
.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}
.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}
.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}
.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}
.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}
.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}
.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}
.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}
.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}
.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}
.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}
.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}
.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}
.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}
.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}
.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}
.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}
.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}
.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}
.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}
.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}
.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}
.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}
.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}
.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}
.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}
.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}
.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}
.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}
.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}
.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}
.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}
.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}
.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}
.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}
.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}
.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}
.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}
.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}
.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}
.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}
.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}
.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}
.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}
.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}
.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}
.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}
.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}
.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}
.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}
.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}
.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}
.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}
.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}
.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}
.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}
.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}
.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}
.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}
.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}
.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}
.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}
.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}
.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}
.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}
.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}
.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}
.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}
.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}
.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}
.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}
.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}
.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}
.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}
.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}
.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}
.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}
.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}
.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}
.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}
.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}
.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}
.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}
.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}
.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}
.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}
.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}
.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}
.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}
.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}
.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}
.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}
.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}
.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}
.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}
.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}
.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}
.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}
.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}
.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}
.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}
.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}
.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}
.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}
.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}
.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}
.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}
.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}
.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}
.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}
.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}
.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}
.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}
.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* === buttons css end === */
/* === badge css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === badge css end === */
/* === table css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}
.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}
.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}
.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}
.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}
.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}
.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}
.rounded-table thead tr th {
  border-bottom: 0 !important;
}
.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}
.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}
.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}
.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}
.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}
.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}
.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}
.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}
.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}
.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}
.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}
.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}
.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}
.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}
.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}
.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}
.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}
.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}
.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}
.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: calc(14 / 16 * 1rem);
}
.basic-data-table .dt-layout-row select {
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}
.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}
.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
}
.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  justify-content: flex-end;
}
.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: calc(40 / 16 * 1rem);
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}
.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(10 / 16 * 1rem);
}
div.dt-container .dt-paging .dt-paging-button {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
  padding: 0 !important;
}
div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last) {
  color: var(--text-secondary-light) !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background: var(--neutral-200) !important;
  font-weight: 500;
  border: none !important;
}
div.dt-container .dt-paging .dt-paging-button:focus {
  border: none !important;
  box-shadow: none !important;
}
div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current {
  background: var(--primary-600) !important;
  color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button:hover:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/* === table css end === */
/* === form css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}
.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}
.form-select.form-select-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-select.form-select-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: calc(44 / 16 * 1rem);
}

.form-control[type=file] {
  line-height: 2;
}
.form-control[readonly] {
  background-color: var(--neutral-50);
}
.form-control.form-control-lg {
  height: 56px;
  font-size: calc(18 / 16 * 1rem);
}
.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}
.form-control.form-control-sm {
  height: 40px;
  font-size: calc(14 / 16 * 1rem);
}
.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: calc(14 / 16 * 1rem);
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}
.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(20 / 16 * 1rem);
  color: var(--text-secondary-light);
}
.icon-field .form-control {
  padding-inline-start: calc(40 / 16 * 1rem);
}
.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}
.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}
.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}
.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}
.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}
.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}
.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}
.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}
.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}
.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}
.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}
.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}
.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}
.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}
.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}
.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}
.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}
.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}
.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}
.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}
.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}
.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}
.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}
.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}
.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}
.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}
.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}
.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}
.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}
.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}
.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}
.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}
.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}
.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}
.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}
.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}
.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}
.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}
.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}
.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}
.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}
.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}
.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}
.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}
.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}
.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}
.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}
.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}
.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}
.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}
.form-mobile-field .form-control {
  padding-inline-start: calc(70 / 16 * 1rem);
}

select option {
  background-color: var(--white);
}

.was-validated .form-mobile-field .form-control {
  padding-inline-start: calc(95 / 16 * 1rem);
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url('arrow-down.png');
  background-size: 11px 7px;
  background-repeat: no-repeat;
}
[data-theme=dark] .btn-close {
  background-image: url('times.png');
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}

/* === form css end === */
/* === card css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 calc(4 / 16 * 1rem) calc(30 / 16 * 1rem) rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}
.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}
.card .card-title {
  font-size: calc(18 / 16 * 1rem) !important;
  font-weight: 600;
  color: var(--text-primary-light);
}
.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}

/* === card css end === */
/* === modal css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.modal-header {
  border-color: var(--input-form-light);
}
.modal-header .btn-close {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
.modal-content {
  background-color: var(--white);
}
.modal-footer {
  border-color: var(--input-form-light);
}

/* ------------------------------------------------------------------
   Canvas (MatSidenav) vs in-page modals stacking fix

   The Canvas lives inside an Angular Material drawer (`.mat-drawer`),
   which creates a stacking context that can sit above fixed-position
   overlays rendered inside `.mat-drawer-content` (Agents / Integrations).

   When any app modal/overlay is open, we temporarily raise the content
   stacking context above the drawer so the modal sits on top.
------------------------------------------------------------------- */
body.vdf-overlay-open .mat-drawer-content {
  position: relative;
  z-index: 2000 !important;
}

body.vdf-overlay-open .mat-drawer {
  z-index: 1000 !important;
}

/* In case a Material backdrop is present (over mode), keep it between. */
body.vdf-overlay-open .mat-drawer-backdrop {
  z-index: 1500 !important;
}

/* === modal css end === */
/* === accordion css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* =========================== Accordion Css start ============================= */
.accordion .accordion-item {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white) !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
}
.accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.accordion .accordion-body {
  background-color: transparent;
  padding: 0;
  padding-top: 8px;
  color: var(--text-secondary-light);
}

.accordion .accordion-button {
  padding: 0;
  background: transparent;
  padding-inline-end: 68px;
}

.accordion .accordion-button::after {
  background-image: none;
}

.accordion .accordion-button:focus {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=true]::after, .accordion .accordion-button[aria-expanded=false]::after {
  content: "\f1af";
  font-family: remixicon;
  display: inline-block;
  position: absolute;
  inset-inline-end: 32px;
  height: 24px;
  width: 24px;
  border: 2px solid var(--primary-600);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 50%;
  line-height: 1;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=false]::after {
  content: "\ea13";
}

/* ================================= Accordion Css End =========================== */
/* === accordion css end === */
/* === nav-tabs css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Bordered Tab Css Start */
.bordered-tab .nav-link {
  background-color: transparent !important;
  padding: 16px 24px;
  border-radius: 0;
  font-weight: 600;
  color: var(--text-secondary-light);
  position: relative;
}
.bordered-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background-color: var(--primary-600);
  transition: 0.2s linear;
}
.bordered-tab .nav-link.active {
  color: var(--primary-600);
}
.bordered-tab .nav-link.active::before {
  width: 100%;
}

/* Bordered Tab Css End */
/* Pill Tab Css Start */
.pill-tab .nav-link.active {
  background-color: var(--primary-600);
}
.pill-tab.style-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Pill Tab Css End */
/* Gradient Tab Css Start */
.border-gradient-tab {
  border-top: 1px solid var(--input-form-light);
}
.border-gradient-tab .nav-link {
  font-weight: 600;
  color: var(--text-secondary-light) !important;
  padding: 10px 16px;
  background-color: transparent !important;
  position: relative;
}
.border-gradient-tab .nav-link.active {
  color: var(--text-primary-light) !important;
}
.border-gradient-tab .nav-link.active::before {
  visibility: visible;
  opacity: 1;
}
.border-gradient-tab .nav-link.active .notification-alert {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.border-gradient-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid var(--primary-600);
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.12) 0%, rgba(72, 127, 255, 0.03) 100%);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

/* Gradient Tab Css End */
/* Focus Tab Css Start */
.focus-tab .nav-link.active {
  background-color: var(--primary-50);
  color: var(--primary-600);
}

/* Focus Tab Css End */
/* Button Tab Css Start */
.button-tab .nav-link.active {
  background-color: var(--primary-600);
  color: #fff !important;
}

/* Button Tab Css End */
/* Active Text Css Start */
.active-text-tab.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--primary-600) !important;
}

/* Active Text Css End */
/* === nav-tabs css end === */
/* === pagination css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === pagination css end === */
/* === avatar css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.avatar-xl {
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.avatar-lg {
  width: calc(40 / 16 * 1rem);
  height: calc(40 / 16 * 1rem);
}

.avatar-md {
  width: calc(32 / 16 * 1rem);
  height: calc(32 / 16 * 1rem);
}

.avatar-sm {
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

/* === avatar css end === */
/* === list-style css start === */
/* === list-style css end === */
/* === apex-chart css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip {
  padding: 0.75rem 0.5rem;
  background-color: var();
  border: 1px solid var(--input-bg);
  background-color: var(--white);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: calc(8 / 16 * 1rem);
  -webkit-border-radius: calc(8 / 16 * 1rem);
  -moz-border-radius: calc(8 / 16 * 1rem);
  -ms-border-radius: calc(8 / 16 * 1rem);
  -o-border-radius: calc(8 / 16 * 1rem);
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-title {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: calc(14 / 16 * 1rem) !important;
  color: var(--text-primary-light) !important;
  font-weight: 600 !important;
  border: none !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group {
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
  padding: 0 !important;
}
.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-z-group {
  display: none !important;
}

/* Home Two Widget Chart Css Start*/
.remove-tooltip-title .apexcharts-tooltip-title {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip.apexcharts-theme-light {
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-label {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-marker {
  display: none;
}
.rounded-tooltip-value .apexcharts-tooltip-text-y-value {
  margin-left: 0;
}
.rounded-tooltip-value .apexcharts-tooltip-text {
  display: flex;
}

/* Home Two Widget Chart Css End*/
/* Chart's text color Css End*/
.apexcharts-xaxis-label, .apexcharts-yaxis-label {
  fill: #8a929f;
}

/* Chart's text color Css End*/
/* Home Two Donut Chart Css Start*/
.apexcharts-tooltip-z-none .apexcharts-tooltip-z-group {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-value {
  display: none;
}
.title-style .apexcharts-text.apexcharts-datalabel-label {
  fill: #4B5563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: Inter, sans-serif;
}

.circle-none circle {
  display: none;
}

#donutChart {
  height: 0px;
  min-height: 163px !important;
  margin-top: -32px;
}

.margin-16-minus {
  margin: -16px;
}

/* Home Two Donut Chart Css End*/
/* Home Five Radial Chart Css End*/
#semiCircleGauge {
  transform: translateY(22px) translateX(14px);
}

/* Home Five Radial Chart Css End*/
.apexcharts-bar-area:hover {
  fill: var(--brand);
}

.apexcharts-datalabels text {
  filter: none !important; /* Remove any filter applied to data labels */
  text-shadow: none !important; /* Remove any text shadow */
}

.apexcharts-legend-text {
  color: var(--text-secondary-light) !important;
}

.square-marker .apexcharts-legend-marker {
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
}

.series-gap-24 .apexcharts-legend-series {
  margin: 4px 12px !important;
}

.check-marker .apexcharts-legend-marker {
  position: relative;
}
.check-marker .apexcharts-legend-marker::after {
  position: absolute;
  content: "\eb7a";
  font-family: remixicon;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  transition: 0.2s;
}

.apexcharts-yaxis {
  transform: translateX(10px);
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light {
  color: #fff !important;
  background: rgba(30, 30, 30, 0.8) !important;
}
[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid #333 !important;
}
[data-theme=dark] .apexcharts-tooltip-series-group {
  background: rgba(0, 0, 0, 0.7) !important;
}

/* === apex-chart css end === */
/* === progress-bar css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Progress bar css start */
.max-w-66 {
  max-width: 66px;
}

.max-w-112 {
  max-width: 112px;
}

.progress {
  background-color: var(--neutral-200);
}

.progress-sm {
  height: 8px;
}

/* animated bar */
.animated-bar {
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Progress bar css End */
/* Floating Label Css Start */
.floating-label {
  transform: translateX(-25px);
  left: 0;
  top: 0;
  animation-name: animateFloatingLabel;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateFloatingLabel {
  from {
    left: 0;
  }
  to {
    left: var(--left-percentage);
  }
}
/* Floating Label Css End */
/* Semi Circle Floating */
.barOverflow { /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: inherit;
  height: inherit; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}

.circleBar {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% + 44px);
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid var(--primary-50); /* half gray, */
  border-bottom-color: var(--primary-600); /* half azure */
  border-right-color: var(--primary-600);
}

/* Semi Circle Floating */
/* === progress-bar css end === */
/* === vector-map css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Vector Map Css Start */
#world-map {
  height: 200px;
  background-color: var(--neutral-100);
}

.map-sm {
  height: 160px !important;
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
  background: #D1D5DB;
  color: #111827;
}

/* Vector Map Css End */
/* === vector-map css end === */
/* === scroll css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.scroll-sm::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
  border-radius: 40px;
}
.scroll-sm::-webkit-scrollbar-thumb {
  background-color: #b1b3b8;
  border-radius: 40px;
}
.scroll-sm::-webkit-scrollbar-thumb:hover {
  background-color: #939393;
}
.scroll-sm::-webkit-scrollbar-track {
  background-color: #d6d9de;
  border-radius: 40px;
}

/* === scroll css end === */
/* === slider css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Slick Slider Css Start  */
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 20px;
}
.slick-dots button {
  width: 10px;
  height: 4px;
  background-color: var(--primary-50);
  text-indent: -999999px;
  border-radius: 50px;
  color: var(--primary-50);
}

/* Dots Circle Style */
.dots-style-circle .slick-dots {
  gap: 8px;
}
.dots-style-circle .slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 12px;
  height: 12px;
}
.dots-style-circle .slick-dots button {
  width: 8px;
  height: 8px;
  background-color: #5A75AE;
  text-indent: -999999px;
  border-radius: 50%;
}

/* Dots Bottom Position Style */
.dots-positioned .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}

/* Slick Arrows Css */
.slick-arrow {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  font-size: 32px;
  line-height: 0;
  z-index: 1;
}
.slick-arrow.slick-next {
  left: auto;
  right: 16px;
}

/* Slick Slider Css End */
/* Slider Progress Css Start */
.slider-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
}
.slider-progress span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0px;
  height: 100%;
  background-color: var(--primary-600);
  transition: all 0s linear;
}
.slider-progress span.active {
  width: 100%;
}

/* Slider Progress Css End */
/* === slider css end === */
/* === Dropdown css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Dropdown Css Start */
.has-indicator {
  position: relative;
  transition: 0s;
}
.has-indicator.show::before {
  visibility: visible;
  opacity: 1;
}
.has-indicator::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 32px;
  background-color: var(--white);
  border-radius: 8px;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  margin-left: -2px;
  box-shadow: -13px -8px 24px -7px rgba(46, 45, 116, 0.09);
}

.dropdown > button.show {
  background-color: var(--primary-50);
  color: var(--primary-600) !important;
}
.dropdown > button.show .text-primary-light {
  color: var(--primary-600) !important;
}

.dropdown-menu {
  border: 0;
  border-radius: 16px;
  box-shadow: 0px 13px 30px 10px rgba(46, 45, 116, 0.05);
  padding: 16px;
  background-color: var(--white);
}
.dropdown-menu.to-top {
  top: calc(100% - 28px) !important;
}
@media (min-width: 575px) {
  .dropdown-menu-lg {
    width: 425px;
  }
}
@media (min-width: 375px) {
  .dropdown-menu-sm {
    width: 312px;
  }
}

/* Dropdown Toggle Custom Icon */
.toggle-icon.icon-up::after {
  content: "\ea78" !important;
}
.toggle-icon.icon-right::after {
  content: "\ea6e" !important;
}
.toggle-icon.icon-left::before {
  content: "\ea64" !important;
  vertical-align: middle !important;
  border: 0 !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}
.toggle-icon::after {
  vertical-align: middle !important;
  border: 0 !important;
  content: "\ea4e" !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.dropdown > .not-active.show {
  color: #fff !important;
}

/* Dropdown Css End */
/* === Dropdown css end === */
/* === tooltip css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Tooltip css start */
.tooltip {
  --bs-tooltip-color: #fff;
}
.tooltip-primary {
  --bs-tooltip-bg: var(--primary-600);
}
.tooltip-purple {
  --bs-tooltip-bg: var(--lilac-600);
}
.tooltip-success {
  --bs-tooltip-bg: var(--success-600);
}
.tooltip-info {
  --bs-tooltip-bg: var(--info-600);
}
.tooltip-warning {
  --bs-tooltip-bg: var(--warning-600);
}
.tooltip-danger {
  --bs-tooltip-bg: var(--danger-600);
}
.tooltip-dark {
  --bs-tooltip-bg: var(--neutral-900);
}
.tooltip-white {
  --bs-tooltip-bg: var(--base);
  --bs-tooltip-color: #fff;
}

.tip-content {
  display: none;
}

.list-decimal {
  list-style: decimal;
  padding-left: 18px;
}

/* Tooltip css End */
/* === tooltip css end === */
/* === image upload css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================= Image upload csss start ================================= */
.uploaded-image-name-list:hover .remove-image {
  visibility: visible;
  opacity: 1;
}
.uploaded-image-name-list .remove-image {
  visibility: hidden;
  opacity: 0;
}

/* Upload Image Css Start */
.avatar-upload {
  position: relative;
  max-width: max-content;
}
.avatar-upload.style-two {
  width: 180px;
  height: 150px;
  max-width: unset;
}

#imagePreview {
  background-image: url('user-grid-img13.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#previewImage1, #previewImage2 {
  background-image: url('upload-image.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 1px solid var(--primary-600);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview.style-two {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid var(--border-color) !important;
  box-shadow: none;
}
.avatar-upload .avatar-preview.style-two > div {
  border-radius: inherit !important;
}

.avatar-upload .avatar-preview > div {
  background-image: url('user-grid-img13.png');
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Upload Image Css End */
/* ========================= Image upload csss End ================================= */
/* === image upload css end === */
/* === calendar css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Full Calendar Customize Css Start */
.fc-border-separate tr.fc-last th {
  background: var(--neutral-50);
  padding: 12px;
  color: var(--text-primary-light);
}
.fc-border-separate tr.fc-last th a {
  transition: 0s;
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight {
  position: relative;
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.13) 0%, rgba(72, 127, 255, 0.12) 0.01%, rgba(72, 127, 255, 0.05) 100%);
}
.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary-600);
}

.fc-event {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}
.fc-event.important {
  background-color: var(--danger-100) !important;
  color: var(--danger-600) !important;
}
.fc-event.info {
  background-color: var(--lilac-100) !important;
  color: var(--lilac-600) !important;
}

.fc-border-separate tr.fc-last th {
  border-color: var(--neutral-200) !important;
}

table.fc-header, #calendar {
  background-color: transparent;
}

.fc-week .fc-day:hover .fc-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
}

.fc-state-highlight > div > div.fc-day-number {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

#calendar, table.fc-header {
  background-color: transparent !important;
}

.fc-header-title h2 {
  font-size: 24px !important;
  font-weight: 600;
}

.fc-state-default {
  border-color: var(--primary-600) !important;
  color: var(--primary-600) !important;
}
.fc-state-default:hover {
  background-color: var(--primary-50) !important;
}

.fc-state-active, .fc-state-down {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.fc-state-active:hover, .fc-state-down:hover {
  color: #fff !important;
  background-color: var(--primary-600) !important;
}

.fc-button.fc-button-today {
  border-color: var(--primary-50) !important;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}
.fc-button.fc-button-today.fc-state-disabled {
  border-color: var(--primary-600) !important;
  background-color: var(--primary-600) !important;
  color: #fff !important;
  cursor: no-drop;
}

td.fc-header-center {
  text-align: end;
}

.fc-widget-content {
  border-color: var(--border-color) !important;
}

.fc-last td {
  border-width: 1px 0 1px 1px;
}

.fc-agenda-axis.fc-widget-header {
  color: var(--text-primary-light);
  border-color: var(--border-color);
}

.fc-header td {
  padding: 0;
}

#calendar {
  overflow-x: auto;
}
#calendar .fc-content {
  min-width: max-content;
}
#calendar table.fc-header tr {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

/* Full Calendar Customize Css End */
/* === calendar css end === */
/* === auth css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================== Authentication css start ============================== */
.auth {
  min-height: 100vh;
}
.auth-left {
  background: linear-gradient(90deg, #ECF0FF 0%, #FAFBFF 100%);
  width: 50%;
}
.auth-right {
  width: 50%;
}
@media (max-width: 991px) {
  .auth-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .auth-right > div {
    max-width: 100%;
    width: 100%;
  }
}
.auth.forgot-password-page .auth-left {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

.center-border-horizontal {
  position: relative;
  z-index: 1;
}
.center-border-horizontal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--neutral-300);
  z-index: -1;
}

/* ========================== Authentication css End ============================== */
/* === auth css end === */
/* === pricing css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Pricing Css Start */
@media (min-width: 1400px) {
  .pricing-plan-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.pricing-plan {
  padding: 50px 40px;
}
@media (max-width: 1699px) {
  .pricing-plan {
    padding: 24px;
  }
}

.pricing-tab {
  margin-bottom: 40px;
}
@media (min-width: 1400px) {
  .pricing-tab {
    margin-bottom: 110px;
  }
}

@media (min-width: 1400px) {
  .scale-item {
    transform: scale(1.04);
    margin-top: -50px;
    z-index: 1;
  }
}

@media (min-width: 1400px) {
  .featured-item {
    margin-top: -50px;
  }
}

/* Pricing Css End */
/* === pricing css end === */
/* === theme css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Theme Css Start */
.payment-gateway-input:checked ~ .payment-gateway-label {
  border-color: var(--primary-600) !important;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
}
.payment-gateway-input:checked ~ .payment-gateway-label .text-secondary-light {
  color: var(--text-primary-light) !important;
}

/* Theme Css End */
/* === theme css end === */
/* === date picker css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ================== Date Picker Css Start ====================== */
.flatpickr-day.selected {
  border-color: var(--primary-600);
  background-color: var(--primary-600);
  color: #fff !important;
}

.flatpickr-calendar {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
}

.flatpickr-calendar p, .flatpickr-calendar span, .flatpickr-calendar div, .flatpickr-calendar input {
  color: var(--text-primary-light) !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: var(--text-primary-light) !important;
}

.flatpickr-day:hover {
  color: black !important;
}

/* ================== Date Picker Css End ====================== */
/* === date picker css end === */
/* === email css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Email Css Start */
.item-active > a {
  background-color: var(--primary-50) !important;
  color: var(--text-primary-light);
}
.item-active > a .icon {
  color: var(--primary-600) !important;
}

.email-item:hover {
  box-shadow: var(--box-shadow);
}
.email-item.active {
  background-color: var(--primary-50) !important;
}

.reload-button {
  transition: 0.2s linear;
}
.reload-button:active {
  transform: rotate(180deg);
}

.starred-button.active .icon-outline {
  visibility: hidden;
  opacity: 0;
  width: 0;
}
.starred-button.active .icon-fill {
  visibility: visible;
  opacity: 1;
  width: auto;
}
.starred-button .icon-fill {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

/* Email Css End */
/* === email css end === */
/* === faq css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Faq Css Start */
.responsive-padding-40-150 {
  padding-inline-start: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-inline-end: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-block-start: 40px !important;
  padding-block-end: 40px !important;
}

/* Faq Css End */
/* === faq css end === */
/* === editor css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* Code edit css start */
.ql-toolbar.ql-snow {
  border: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: inherit !important;
}

.ql-container.ql-snow {
  border: 0 !important;
  border-radius: inherit !important;
}

.ql-editor {
  border-radius: 12px;
  min-height: 600px;
}

.ql-picker-label, .ql-formats {
  color: var(--text-primary-light);
  z-index: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--text-secondary-light);
}

.ql-snow .ql-stroke {
  stroke: var(--text-secondary-light);
}

/* Code edit css end */
/* === editor css end === */
/* === editor css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chat-wrapper .chat-sidebar {
  width: 100%;
}
@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}
.chat-wrapper .chat-main {
  width: 100%;
  margin-top: calc(30 / 16 * 1rem);
}
@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}

.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: calc(30 / 16 * 1rem);
  gap: calc(15 / 16 * 1rem);
}
.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}
.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 calc(24 / 16 * 1rem);
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}
.chat-search .icon {
  font-size: calc(22 / 16 * 1rem);
  line-height: 1;
  padding-top: 5px;
}
.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: calc(18 / 16 * 1rem);
  padding-inline-start: calc(10 / 16 * 1rem);
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-all-list {
    max-height: 400px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}
.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}
.chat-sidebar-single .img {
  position: relative;
}
.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}
.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 calc(12 / 16 * 1rem);
}
.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}
.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.5px solid var(--input-form-light);
}
.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
@media (min-width: 1280px) {
  .chat-message-list {
    max-height: 375px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}
.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: calc(32 / 16 * 1rem);
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}
.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}
.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}
.chat-single-message.right {
  margin-inline-start: auto;
}
.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}
.chat-single-message.right .chat-message-content p {
  color: #fff;
}
.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}
.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}
.chat-single-message .chat-message-content .chat-time {
  font-size: calc(12 / 16 * 1rem);
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(15 / 16 * 1rem);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}
.chat-message-box input {
  flex-grow: 1;
}
.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(20 / 16 * 1rem);
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}

/* === editor css end === */
/* === wizard css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ========================= Wizard Css Start ========================= */
.form-wizard .wizard-fieldset {
  display: none;
}
.form-wizard .wizard-fieldset.show {
  display: block !important;
}
.form-wizard .wizard-form-error {
  display: none;
  background-color: transparent;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--danger-main);
  pointer-events: none;
}
.form-wizard-header {
  text-align: center;
}
.form-wizard-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 455px;
}
.form-wizard-list__item {
  width: 20%;
}
.form-wizard-list__item.active .count {
  color: var(--primary-600);
  border-color: var(--primary-600);
  font-weight: 700;
}
.form-wizard-list__item.active .text {
  color: var(--primary-600);
}
.form-wizard-list__item.activated .count {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: #fff;
}
.form-wizard-list__item.activated .text {
  color: var(--primary-600);
}
.form-wizard-list__item.activated .form-wizard-list__line::before {
  width: 100%;
}
.form-wizard-list__item:last-child .form-wizard-list__line::after, .form-wizard-list__item:last-child .form-wizard-list__line::before {
  display: none;
}
.form-wizard-list__line {
  position: relative;
}
.form-wizard-list__line::after, .form-wizard-list__line::before {
  background-color: var(--neutral-300);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: 0.3s linear;
}
.form-wizard-list__line::before {
  width: 0;
  background-color: var(--primary-600);
  z-index: 1;
}
.form-wizard-list .count {
  background-color: var(--white);
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  border: 2px solid var(--neutral-300);
  font-size: 18px;
}

/* Style Two */
.form-wizard-list.style-two {
  gap: 8px;
  min-width: max-content;
}
.form-wizard-list.style-two .form-wizard-list .count {
  height: 32px;
  line-height: 32px;
  width: 32px;
  font-size: 16px;
}
.form-wizard-list.style-two .form-wizard-list__line::after, .form-wizard-list.style-two .form-wizard-list__line::before {
  display: none;
}
.form-wizard-list.style-two .form-wizard-list__item {
  width: 25%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: start;
  padding: 8px;
  position: relative;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
  background-color: var(--neutral-200);
  border-radius: 50px;
}
.form-wizard-list.style-two .form-wizard-list__item:first-child {
  padding-inline-start: 8px;
}
.form-wizard-list.style-two .form-wizard-list__item:last-child {
  padding-inline-end: 8px;
}
.form-wizard-list.style-two .form-wizard-list__item.active .count {
  background-color: var(--primary-600);
  color: #fff;
}
.form-wizard-list.style-two .form-wizard-list__item.activated {
  background-color: var(--primary-600);
}
.form-wizard-list.style-two .form-wizard-list__item.activated .count {
  background-color: #fff;
  color: var(--primary-600);
}
.form-wizard-list.style-two .form-wizard-list__item.activated .text {
  color: #fff;
}
.form-wizard-list.style-two .form-wizard-list__item .text {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Style Three */
.form-wizard-list.style-three {
  min-width: max-content;
}
.form-wizard-list.style-three .form-wizard-list__line::after, .form-wizard-list.style-three .form-wizard-list__line::before {
  display: none;
}

.form-wizard input::placeholder {
  font-size: 14px !important;
  color: var(--neutral-400);
}

.gif-image {
  max-width: 60px;
}

/* ========================= Wizard Css End ========================= */
/* === wizard css end === */
/* === file upload css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ============================ Image Upload Css Start ==================== */
.image-upload {
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
  border: 1px dashed var(--input-form-light) !important;
  cursor: pointer;
  transition: 0.2s;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 180px;
}
.image-upload:hover {
  background-color: var(--neutral-100);
}
.image-upload__box {
  border-radius: inherit !important;
  cursor: pointer;
  padding: 16px !important;
  flex-direction: column;
  justify-content: center;
}
.image-upload__boxInner {
  padding: 0 !important;
  border: 0 !important;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: 100% !important;
  margin: 0 auto;
  position: relative;
  border-radius: inherit;
}
.image-upload__icon {
  font-size: 32px !important;
  color: var(--primary-600);
  line-height: 1;
}
.image-upload__image {
  border-radius: inherit;
  max-width: 100%;
}
.image-upload__imageName {
  margin-top: 4px;
}
.image-upload__deleteBtn {
  position: absolute;
  right: -6px;
  top: -6px;
  z-index: 1;
  background: var(--neutral-100);
  color: hsl(var(--neutral-900));
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-upload__deleteBtn:hover {
  background: var(--danger-600);
  transform: scale(1.1);
  color: #fff;
}
.image-upload__anotherFileIcon {
  font-size: 16px !important;
  color: hsl(var(--body-color)) !important;
  width: 40px;
  height: 40px;
  border: 1px solid var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

.image-upload__boxInner p, .image-upload__boxInner span {
  line-height: 1.2 !important;
}

/* ============================ Image Upload Css End ==================== */
/* === file upload css end === */
/* === file upload css start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after, .ppq-audio-player.player-playing .play-pause-icon:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAASCAMAAADrP+ckAAABNVBMVEUAAAAAmIcAmYgAm4sAnIsAnIwAnI0AnY0AnY4Ano4Ano8An5AAoJEAoZEAoZIAopMBn5ABoJABoJEBoZEBoZIBoZMBopMCoZICopMCopQCo5QDoJEDoZEDo5QDo5UFopMGo5QKpJYLpJYMpZcMppgNpZcNppgNp5gOppcOppgOp5gOp5kQqJoSp5kSqJoTqZsbrJ4drJ8irZ8mrqEnsKMrsqUtsqYytKg0tak5t6tHvLJJvbNLvbNqycBrysFsycFwy8Jwy8N3zsZ+0MiA0cqD0suH1M2L1c6P1tCk3tmm39mv4t285+PE6ebH6ufN7erS7+zV7+3W8O3X8O7a8u/k9fPs+Pft+Pfx+fjx+fnx+vny+vr1+/v2+/v5/fz7/f38/f38/v38/v79/v7+/v7+//////+ALAV1AAAAAXRSTlMAQObYZgAAATxJREFUKM+F0tlWwjAQBuAgQgHTRFFrqaK4IALiiuKugPsKrqUo0DbO+z+CDYHIFZ279nznP3P+DHLh4+L8HWybAQM+qDdlUgGXMRcqpIwYnIwoG7ct6LjAfgdUKlZoAmPQLMRSCBrLZH4idPAEbqcb11eamm1w1ciqGgJrFVPNiMydfkLH8X5LhXMWV1YOc7WCKSGGHty6A9Z2ZRbFGaEymApFKaHJceXoFRxnmPKcZoQXL79huPLijKng/ouP4nFJZcdXUWJML/gpLyo6du2zPTUmQ3uPw7cnWiK8dPUDzn+rUvVaFXUdv4Fjy+51nBcqj3XxQl71o9v33eqlipO0yZWZJnEE5pqqJZTZsy/xjHKvYqBk82+7FCgiaO1GZqKHz/2TkKpWrYv7qldryIGH9c2bFrR75yXV4PwBrZh1OjRqx9oAAAAASUVORK5CYII=);
  background-size: 37px 18px;
}

.ppq-audio-player {
  line-height: 111px;
  position: relative;
  overflow: hidden;
  height: 111px;
  margin: 0 auto;
  background: #f4f4f4;
}

.ppq-audio-player audio {
  position: absolute;
  vertical-align: baseline;
}

.ppq-audio-player .play-pause-btn {
  float: left;
  margin: 29px 0 0 12px;
}

.ppq-audio-player .play-pause-btn .play-pause-icon {
  position: relative;
  display: block;
  width: 47px;
  height: 47px;
  border: 3px solid #00a293;
  border-radius: 100%;
  background-color: #fff;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  display: block;
  content: "";
  background-position: 0 0;
  width: 17px;
  height: 18px;
}

.ppq-audio-player.player-playing .play-pause-icon:after {
  background-position: -25px 0;
  width: 12px;
  height: 17px;
}

.ppq-audio-player .player-time {
  float: left;
  width: 51px;
  margin-right: 8px;
  text-align: right;
}

.ppq-audio-player .player-time-duration {
  float: right;
  margin: 0 0 0 8px;
  text-align: left;
}

.ppq-audio-player .player-bar {
  position: relative;
  overflow: hidden;
  height: 5px;
  margin-top: 53px;
  background-color: #fff;
}

.ppq-audio-player .player-bar .player-bar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: #ddd;
}

.ppq-audio-player .player-bar .player-bar-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background: #00a293;
}

/* === file upload css end === */
/* === radial progress bar start === */
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 0.25rem 3.75rem 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 1.25rem 6.25rem 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 0.25rem 0.5rem 1.5rem 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 0.25rem 0.75rem 2rem 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 0.25rem 1rem 2rem 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* ====================== Animated Radial Progress bar Css Start ======================== */
.radial-progress {
  height: auto;
  max-width: 44px;
  transform: rotate(-90deg);
  width: 100%;
}
.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.9114857513;
  stroke-width: 4;
  stroke: var(--primary-600);
  stroke-linecap: round;
}
.radial-progress circle.incomplete {
  opacity: 0.2;
}
.radial-progress circle.complete {
  stroke-dasharray: 219.9114857513;
}
.radial-progress text {
  fill: var(--text-secondary-light);
  font-size: 24px !important;
  text-anchor: middle;
}

/* ====================== Animated Radial Progress bar Css End ======================== */
/* === radial progress bar end === */
.dashboard-main {
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100vh;
  transition: all 0.3s;
}
@media (min-width: 1280px) {
  .dashboard-main {
    margin-inline-start: var(--sidebar-width, calc(220 / 16 * 1rem));
  }
}
.dashboard-main.active {
  margin-inline-start: var(--sidebar-width, calc(86 / 16 * 1rem));
}

.d-footer {
  padding: 1.375rem 1.5rem;
  background-color: var(--white);
  margin-block-start: auto;
}

.navbar-header {
  height: 4.5rem;
  position: sticky;
  top: 0;
  padding: 0 1.5rem;
  z-index: 2;
}

.sidebar-toggle,
.sidebar-mobile-toggle {
  line-height: 1.2;
  color: var(--text-primary-light);
}
.sidebar-toggle .icon,
.sidebar-mobile-toggle .icon {
  font-size: 1.375rem;
}

.sidebar-toggle {
  display: none;
}
@media (min-width: 1280px) {
  .sidebar-toggle {
    display: inline-block;
  }
}
.sidebar-toggle.active .icon.non-active {
  display: none;
}
.sidebar-toggle.active .icon.active {
  display: inline-block;
}
.sidebar-toggle .icon.active {
  display: none;
}

.sidebar-mobile-toggle {
  display: inline-block;
}
@media (min-width: 1280px) {
  .sidebar-mobile-toggle {
    display: none;
  }
}

.navbar-search {
  position: relative;
  display: none;
}
@media (min-width: 1024px) {
  .navbar-search {
    display: inline-block;
  }
}
.navbar-search input {
  width: 24.25rem;
  height: 2.5rem;
  background-color: var(--neutral-50);
  border: 1px solid var(--input-form-light);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding-block: 0.3125rem;
  padding-inline-start: 2.625rem;
  padding-inline-end: 1.25rem;
  color: var(--text-primary-light);
}
.navbar-search input:focus {
  border-color: var(--brand);
}
.navbar-search .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 0.9375rem;
  font-size: 1.125rem;
  color: var(--black);
}

[data-theme-toggle] {
  font-size: 0;
  position: relative;
}
[data-theme-toggle]::after {
  position: absolute;
  content: "\f1bf";
  font-family: remixicon;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--text-primary-light);
}
[data-theme-toggle][aria-label=dark]::after {
  content: "\ef6f";
  color: #fff;
}

.sidebar {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: -100%;
  width: calc(250 / 16 * 1rem);
  height: 100vh;
  background-color: var(--neutral-50);
  transition: all 0.3s;
  z-index: 3;
}
@media (min-width: 1280px) {
  .sidebar {
    inset-inline-start: 0;
    width: calc(220 / 16 * 1rem);
  }
}
.sidebar-close-btn {
  position: absolute;
  top: calc(10 / 16 * 1rem);
  inset-inline-end: calc(10 / 16 * 1rem);
  width: calc(28 / 16 * 1rem);
  height: calc(28 / 16 * 1rem);
  border: 1px solid var(--input-form-light);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .sidebar-close-btn {
    display: none;
  }
}
.sidebar.sidebar-open {
  inset-inline-start: 0;
}
.sidebar.active {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
  overflow: hidden;
}
.sidebar.active .sidebar-menu li a {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem);
  max-width: 80px;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.sidebar.active .sidebar-menu li a span {
  display: block;
  font-size: calc(10 / 16 * 1rem);
  text-align: center;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}
.sidebar.active .sidebar-menu li a .menu-icon {
  margin-inline-end: 0;
  margin-block-end: calc(4 / 16 * 1rem);
}
.sidebar.active .sidebar-logo img.logo-icon {
  height: 24px;
  width: 24px;
}
.sidebar-logo {
  height: calc(72 / 16 * 1rem);
  border-inline-end: 1px solid var(--neutral-200);
  border-block-end: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sidebar-logo img {
  max-height: 1.71875rem;
  max-width: fit-content;
}
.sidebar-logo img.dark-logo {
  display: none;
}
.sidebar-logo img.logo-icon {
  display: none;
}
.sidebar-menu-area {
  height: calc(100vh - calc(72 / 16 * 1rem));
  padding: 0;
  overflow-y: auto;
}
.sidebar-menu-area::-webkit-scrollbar {
  width: calc(6 / 16 * 1rem);
  background-color: var(--white);
}

.sidebar-menu li.dropdown > a {
  position: relative;
}
.sidebar-menu li.dropdown > a::after {
  position: absolute;
  content: "\ea6e";
  font-family: remixicon;
  font-style: normal;
  inset-block-start: 50%;
  inset-inline-end: calc(12 / 16 * 1rem);
  transform: translateY(-50%);
  font-size: calc(18 / 16 * 1rem);
  transition: all 0.3s;
}
.sidebar-menu li a {
  padding: calc(10 / 16 * 1rem) calc(12 / 16 * 1rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--text-secondary-light);
  transition: all 0.3s;
  border-radius: 8;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  -ms-border-radius: 8;
  -o-border-radius: 8;
  font-size: calc(14 / 16 * 1rem);
}
.sidebar-menu li a .menu-icon {
  font-size: calc(18 / 16 * 1rem);
  margin-inline-end: calc(8 / 16 * 1rem);
}
.sidebar-menu li a i {
  line-height: 1.2;
  width: calc(24 / 16 * 1rem);
  margin-inline-end: calc(12 / 16 * 1rem);
  font-size: calc(22 / 16 * 1rem);
}
.sidebar-menu li a .circle-icon {
  font-size: calc(10 / 16 * 1rem);
}
.sidebar-menu .sidebar-submenu {
  padding-block-start: calc(2 / 16 * 1rem);
  display: none;
  padding-inline-start: calc(24 / 16 * 1rem);
  transition: none;
}
.sidebar-menu .sidebar-submenu li a {
  padding: calc(7 / 16 * 1rem) calc(12 / 16 * 1rem);
}
.sidebar-menu .sidebar-menu-group-title {
  color: var(--neutral-500);
  font-weight: 600;
  margin-block: calc(8 / 16 * 1rem);
  font-size: calc(14 / 16 * 1rem);
}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  transition: all 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--text-secondary-light);
  font-family: "Inter", sans-serif;
  font-size: calc(16 / 16 * 1rem);
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 1.7;
  overflow-x: hidden;
}
body.overlay-active::after {
  width: 100%;
}
body::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

main {
  display: block;
}

footer {
  margin-top: auto;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
}

select {
  cursor: pointer;
}

dt {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
  opacity: 0.15;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

span {
  display: inline-block;
}

a {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: inherit;
}

a, button {
  cursor: revert;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

a:hover {
  color: var(--primary);
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* === reset css end === */
.text-primary-50 {
  color: var(--primary-50) !important;
}

.text-primary-100 {
  color: var(--primary-100) !important;
}

.text-primary-200 {
  color: var(--primary-200) !important;
}

.text-primary-300 {
  color: var(--primary-300) !important;
}

.text-primary-400 {
  color: var(--primary-400) !important;
}

.text-primary-500 {
  color: var(--primary-500) !important;
}

.text-primary-600 {
  color: var(--primary-600) !important;
}

.text-primary-700 {
  color: var(--primary-700) !important;
}

.text-primary-800 {
  color: var(--primary-800) !important;
}

.text-primary-900 {
  color: var(--primary-900) !important;
}

.text-neutral-50 {
  color: var(--neutral-50) !important;
}

.text-neutral-100 {
  color: var(--neutral-100) !important;
}

.text-neutral-200 {
  color: var(--neutral-200) !important;
}

.text-neutral-300 {
  color: var(--neutral-300) !important;
}

.text-neutral-400 {
  color: var(--neutral-400) !important;
}

.text-neutral-500 {
  color: var(--neutral-500) !important;
}

.text-neutral-600 {
  color: var(--neutral-600) !important;
}

.text-neutral-700 {
  color: var(--neutral-700) !important;
}

.text-neutral-800 {
  color: var(--neutral-800) !important;
}

.text-neutral-900 {
  color: var(--neutral-900) !important;
}

.text-danger-50 {
  color: var(--danger-50) !important;
}

.text-danger-100 {
  color: var(--danger-100) !important;
}

.text-danger-200 {
  color: var(--danger-200) !important;
}

.text-danger-300 {
  color: var(--danger-300) !important;
}

.text-danger-400 {
  color: var(--danger-400) !important;
}

.text-danger-500 {
  color: var(--danger-500) !important;
}

.text-danger-600 {
  color: var(--danger-600) !important;
}

.text-danger-700 {
  color: var(--danger-700) !important;
}

.text-danger-800 {
  color: var(--danger-800) !important;
}

.text-danger-900 {
  color: var(--danger-900) !important;
}

.text-success-50 {
  color: var(--success-50) !important;
}

.text-success-100 {
  color: var(--success-100) !important;
}

.text-success-200 {
  color: var(--success-200) !important;
}

.text-success-300 {
  color: var(--success-300) !important;
}

.text-success-400 {
  color: var(--success-400) !important;
}

.text-success-500 {
  color: var(--success-500) !important;
}

.text-success-600 {
  color: var(--success-600) !important;
}

.text-success-700 {
  color: var(--success-700) !important;
}

.text-success-800 {
  color: var(--success-800) !important;
}

.text-success-900 {
  color: var(--success-900) !important;
}

.text-warning-50 {
  color: var(--warning-50) !important;
}

.text-warning-100 {
  color: var(--warning-100) !important;
}

.text-warning-200 {
  color: var(--warning-200) !important;
}

.text-warning-300 {
  color: var(--warning-300) !important;
}

.text-warning-400 {
  color: var(--warning-400) !important;
}

.text-warning-500 {
  color: var(--warning-500) !important;
}

.text-warning-600 {
  color: var(--warning-600) !important;
}

.text-warning-700 {
  color: var(--warning-700) !important;
}

.text-warning-800 {
  color: var(--warning-800) !important;
}

.text-warning-900 {
  color: var(--warning-900) !important;
}

.text-info-50 {
  color: var(--info-50) !important;
}

.text-info-100 {
  color: var(--info-100) !important;
}

.text-info-200 {
  color: var(--info-200) !important;
}

.text-info-300 {
  color: var(--info-300) !important;
}

.text-info-400 {
  color: var(--info-400) !important;
}

.text-info-500 {
  color: var(--info-500) !important;
}

.text-info-600 {
  color: var(--info-600) !important;
}

.text-info-700 {
  color: var(--info-700) !important;
}

.text-info-800 {
  color: var(--info-800) !important;
}

.text-info-900 {
  color: var(--info-900) !important;
}

.text-dark-1 {
  color: var(--dark-1) !important;
}

.text-dark-2 {
  color: var(--dark-2) !important;
}

.text-dark-3 {
  color: var(--dark-3) !important;
}

.text-lilac-50 {
  color: var(--lilac-50) !important;
}

.text-lilac-100 {
  color: var(--lilac-100) !important;
}

.text-lilac-600 {
  color: var(--lilac-600) !important;
}

.text-lilac-700 {
  color: var(--lilac-700) !important;
}

.text-lilac-800 {
  color: var(--lilac-800) !important;
}

.text-light-50 {
  color: var(--light-50) !important;
}

.text-light-100 {
  color: var(--light-100) !important;
}

.text-light-600 {
  color: var(--light-600) !important;
}

.text-light-700 {
  color: var(--light-700) !important;
}

.text-light-800 {
  color: var(--light-800) !important;
}

.text-hover-primary-50:hover {
  color: var(--primary-50) !important;
}

.text-hover-primary-100:hover {
  color: var(--primary-100) !important;
}

.text-hover-primary-200:hover {
  color: var(--primary-200) !important;
}

.text-hover-primary-300:hover {
  color: var(--primary-300) !important;
}

.text-hover-primary-400:hover {
  color: var(--primary-400) !important;
}

.text-hover-primary-500:hover {
  color: var(--primary-500) !important;
}

.text-hover-primary-600:hover {
  color: var(--primary-600) !important;
}

.text-hover-primary-700:hover {
  color: var(--primary-700) !important;
}

.text-hover-primary-800:hover {
  color: var(--primary-800) !important;
}

.text-hover-primary-900:hover {
  color: var(--primary-900) !important;
}

.text-hover-neutral-50:hover {
  color: var(--neutral-50) !important;
}

.text-hover-neutral-100:hover {
  color: var(--neutral-100) !important;
}

.text-hover-neutral-200:hover {
  color: var(--neutral-200) !important;
}

.text-hover-neutral-300:hover {
  color: var(--neutral-300) !important;
}

.text-hover-neutral-400:hover {
  color: var(--neutral-400) !important;
}

.text-hover-neutral-500:hover {
  color: var(--neutral-500) !important;
}

.text-hover-neutral-600:hover {
  color: var(--neutral-600) !important;
}

.text-hover-neutral-700:hover {
  color: var(--neutral-700) !important;
}

.text-hover-neutral-800:hover {
  color: var(--neutral-800) !important;
}

.text-hover-neutral-900:hover {
  color: var(--neutral-900) !important;
}

.text-hover-danger-50:hover {
  color: var(--danger-50) !important;
}

.text-hover-danger-100:hover {
  color: var(--danger-100) !important;
}

.text-hover-danger-200:hover {
  color: var(--danger-200) !important;
}

.text-hover-danger-300:hover {
  color: var(--danger-300) !important;
}

.text-hover-danger-400:hover {
  color: var(--danger-400) !important;
}

.text-hover-danger-500:hover {
  color: var(--danger-500) !important;
}

.text-hover-danger-600:hover {
  color: var(--danger-600) !important;
}

.text-hover-danger-700:hover {
  color: var(--danger-700) !important;
}

.text-hover-danger-800:hover {
  color: var(--danger-800) !important;
}

.text-hover-danger-900:hover {
  color: var(--danger-900) !important;
}

.text-hover-success-50:hover {
  color: var(--success-50) !important;
}

.text-hover-success-100:hover {
  color: var(--success-100) !important;
}

.text-hover-success-200:hover {
  color: var(--success-200) !important;
}

.text-hover-success-300:hover {
  color: var(--success-300) !important;
}

.text-hover-success-400:hover {
  color: var(--success-400) !important;
}

.text-hover-success-500:hover {
  color: var(--success-500) !important;
}

.text-hover-success-600:hover {
  color: var(--success-600) !important;
}

.text-hover-success-700:hover {
  color: var(--success-700) !important;
}

.text-hover-success-800:hover {
  color: var(--success-800) !important;
}

.text-hover-success-900:hover {
  color: var(--success-900) !important;
}

.text-hover-warning-50:hover {
  color: var(--warning-50) !important;
}

.text-hover-warning-100:hover {
  color: var(--warning-100) !important;
}

.text-hover-warning-200:hover {
  color: var(--warning-200) !important;
}

.text-hover-warning-300:hover {
  color: var(--warning-300) !important;
}

.text-hover-warning-400:hover {
  color: var(--warning-400) !important;
}

.text-hover-warning-500:hover {
  color: var(--warning-500) !important;
}

.text-hover-warning-600:hover {
  color: var(--warning-600) !important;
}

.text-hover-warning-700:hover {
  color: var(--warning-700) !important;
}

.text-hover-warning-800:hover {
  color: var(--warning-800) !important;
}

.text-hover-warning-900:hover {
  color: var(--warning-900) !important;
}

.text-hover-info-50:hover {
  color: var(--info-50) !important;
}

.text-hover-info-100:hover {
  color: var(--info-100) !important;
}

.text-hover-info-200:hover {
  color: var(--info-200) !important;
}

.text-hover-info-300:hover {
  color: var(--info-300) !important;
}

.text-hover-info-400:hover {
  color: var(--info-400) !important;
}

.text-hover-info-500:hover {
  color: var(--info-500) !important;
}

.text-hover-info-600:hover {
  color: var(--info-600) !important;
}

.text-hover-info-700:hover {
  color: var(--info-700) !important;
}

.text-hover-info-800:hover {
  color: var(--info-800) !important;
}

.text-hover-info-900:hover {
  color: var(--info-900) !important;
}

.text-hover-dark-1:hover {
  color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
  color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
  color: var(--dark-3) !important;
}

.text-hover-lilac-50:hover {
  color: var(--lilac-50) !important;
}

.text-hover-lilac-100:hover {
  color: var(--lilac-100) !important;
}

.text-hover-lilac-600:hover {
  color: var(--lilac-600) !important;
}

.text-hover-lilac-700:hover {
  color: var(--lilac-700) !important;
}

.text-hover-lilac-800:hover {
  color: var(--lilac-800) !important;
}

.text-hover-light-50:hover {
  color: var(--light-50) !important;
}

.text-hover-light-100:hover {
  color: var(--light-100) !important;
}

.text-hover-light-600:hover {
  color: var(--light-600) !important;
}

.text-hover-light-700:hover {
  color: var(--light-700) !important;
}

.text-hover-light-800:hover {
  color: var(--light-800) !important;
}

.text-success-main {
  color: var(--success-main);
}

.text-success-surface {
  color: var(--success-surface);
}

.text-success-border {
  color: var(--success-border);
}

.text-success-hover {
  color: var(--success-hover);
}

.text-success-pressed {
  color: var(--success-pressed);
}

.text-success-focus {
  color: var(--success-focus);
}

.text-info-main {
  color: var(--info-main);
}

.text-info-surface {
  color: var(--info-surface);
}

.text-info-border {
  color: var(--info-border);
}

.text-info-hover {
  color: var(--info-hover);
}

.text-info-pressed {
  color: var(--info-pressed);
}

.text-info-focus {
  color: var(--info-focus);
}

.text-warning-main {
  color: var(--warning-main);
}

.text-warning-surface {
  color: var(--warning-surface);
}

.text-warning-border {
  color: var(--warning-border);
}

.text-warning-hover {
  color: var(--warning-hover);
}

.text-warning-pressed {
  color: var(--warning-pressed);
}

.text-warning-focus {
  color: var(--warning-focus);
}

.text-danger-main {
  color: var(--danger-main);
}

.text-danger-surface {
  color: var(--danger-surface);
}

.text-danger-border {
  color: var(--danger-border);
}

.text-danger-hover {
  color: var(--danger-hover);
}

.text-danger-pressed {
  color: var(--danger-pressed);
}

.text-danger-focus {
  color: var(--danger-focus);
}

.text-cyan {
  color: var(--cyan);
}

.text-indigo {
  color: var(--indigo);
}

.text-purple {
  color: var(--purple);
}

.text-red {
  color: var(--red);
}

.text-yellow {
  color: var(--yellow);
}

.text-orange {
  color: var(--orange);
}

.text-pink {
  color: var(--pink);
}

.text-primary-light {
  color: var(--text-primary-light) !important;
}

.text-secondary-light {
  color: var(--text-secondary-light);
}

.text-secondary-dark {
  color: var(--text-secondary-dark);
}

.text-base {
  color: var(--white) !important;
}

.text-black {
  color: var(--black) !important;
}

.hover-text-primary:hover, .btn.hover-text-primary:hover {
  color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
  color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
  color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
  color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
  color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
  color: var(--base) !important;
}

.bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.bg-success-50 {
  background-color: var(--success-50) !important;
}

.bg-success-100 {
  background-color: var(--success-100) !important;
}

.bg-success-200 {
  background-color: var(--success-200) !important;
}

.bg-success-300 {
  background-color: var(--success-300) !important;
}

.bg-success-400 {
  background-color: var(--success-400) !important;
}

.bg-success-500 {
  background-color: var(--success-500) !important;
}

.bg-success-600 {
  background-color: var(--success-600) !important;
}

.bg-success-700 {
  background-color: var(--success-700) !important;
}

.bg-success-800 {
  background-color: var(--success-800) !important;
}

.bg-success-900 {
  background-color: var(--success-900) !important;
}

.bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.bg-info-50 {
  background-color: var(--info-50) !important;
}

.bg-info-100 {
  background-color: var(--info-100) !important;
}

.bg-info-200 {
  background-color: var(--info-200) !important;
}

.bg-info-300 {
  background-color: var(--info-300) !important;
}

.bg-info-400 {
  background-color: var(--info-400) !important;
}

.bg-info-500 {
  background-color: var(--info-500) !important;
}

.bg-info-600 {
  background-color: var(--info-600) !important;
}

.bg-info-700 {
  background-color: var(--info-700) !important;
}

.bg-info-800 {
  background-color: var(--info-800) !important;
}

.bg-info-900 {
  background-color: var(--info-900) !important;
}

.bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.bg-light-50 {
  background-color: var(--light-50) !important;
}

.bg-light-100 {
  background-color: var(--light-100) !important;
}

.bg-light-600 {
  background-color: var(--light-600) !important;
}

.bg-light-700 {
  background-color: var(--light-700) !important;
}

.bg-light-800 {
  background-color: var(--light-800) !important;
}

.bg-success-main {
  background-color: var(--success-main) !important;
}

.bg-success-surface {
  background-color: var(--success-surface) !important;
}

.bg-success-border {
  background-color: var(--success-border) !important;
}

.bg-success-hover {
  background-color: var(--success-hover) !important;
}

.bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.bg-success-focus {
  background-color: var(--success-focus) !important;
}

.bg-info-main {
  background-color: var(--info-main) !important;
}

.bg-info-surface {
  background-color: var(--info-surface) !important;
}

.bg-info-border {
  background-color: var(--info-border) !important;
}

.bg-info-hover {
  background-color: var(--info-hover) !important;
}

.bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.bg-info-focus {
  background-color: var(--info-focus) !important;
}

.bg-warning-main {
  background-color: var(--warning-main) !important;
}

.bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.bg-warning-border {
  background-color: var(--warning-border) !important;
}

.bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.bg-danger-main {
  background-color: var(--danger-main) !important;
}

.bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.bg-danger-border {
  background-color: var(--danger-border) !important;
}

.bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.bg-cyan {
  background-color: var(--cyan) !important;
}

.bg-indigo {
  background-color: var(--indigo) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-red {
  background-color: var(--red) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.bg-pink {
  background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
  transition: all 0.3s;
}
.bg-hover-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.bg-hover-primary-100 {
  transition: all 0.3s;
}
.bg-hover-primary-100:hover {
  background-color: var(--primary-100) !important;
}

.bg-hover-primary-200 {
  transition: all 0.3s;
}
.bg-hover-primary-200:hover {
  background-color: var(--primary-200) !important;
}

.bg-hover-primary-300 {
  transition: all 0.3s;
}
.bg-hover-primary-300:hover {
  background-color: var(--primary-300) !important;
}

.bg-hover-primary-400 {
  transition: all 0.3s;
}
.bg-hover-primary-400:hover {
  background-color: var(--primary-400) !important;
}

.bg-hover-primary-500 {
  transition: all 0.3s;
}
.bg-hover-primary-500:hover {
  background-color: var(--primary-500) !important;
}

.bg-hover-primary-600 {
  transition: all 0.3s;
}
.bg-hover-primary-600:hover {
  background-color: var(--primary-600) !important;
}

.bg-hover-primary-700 {
  transition: all 0.3s;
}
.bg-hover-primary-700:hover {
  background-color: var(--primary-700) !important;
}

.bg-hover-primary-800 {
  transition: all 0.3s;
}
.bg-hover-primary-800:hover {
  background-color: var(--primary-800) !important;
}

.bg-hover-primary-900 {
  transition: all 0.3s;
}
.bg-hover-primary-900:hover {
  background-color: var(--primary-900) !important;
}

.bg-hover-neutral-50 {
  transition: all 0.3s;
}
.bg-hover-neutral-50:hover {
  background-color: var(--neutral-50) !important;
}

.bg-hover-neutral-100 {
  transition: all 0.3s;
}
.bg-hover-neutral-100:hover {
  background-color: var(--neutral-100) !important;
}

.bg-hover-neutral-200 {
  transition: all 0.3s;
}
.bg-hover-neutral-200:hover {
  background-color: var(--neutral-200) !important;
}

.bg-hover-neutral-300 {
  transition: all 0.3s;
}
.bg-hover-neutral-300:hover {
  background-color: var(--neutral-300) !important;
}

.bg-hover-neutral-400 {
  transition: all 0.3s;
}
.bg-hover-neutral-400:hover {
  background-color: var(--neutral-400) !important;
}

.bg-hover-neutral-500 {
  transition: all 0.3s;
}
.bg-hover-neutral-500:hover {
  background-color: var(--neutral-500) !important;
}

.bg-hover-neutral-600 {
  transition: all 0.3s;
}
.bg-hover-neutral-600:hover {
  background-color: var(--neutral-600) !important;
}

.bg-hover-neutral-700 {
  transition: all 0.3s;
}
.bg-hover-neutral-700:hover {
  background-color: var(--neutral-700) !important;
}

.bg-hover-neutral-800 {
  transition: all 0.3s;
}
.bg-hover-neutral-800:hover {
  background-color: var(--neutral-800) !important;
}

.bg-hover-neutral-900 {
  transition: all 0.3s;
}
.bg-hover-neutral-900:hover {
  background-color: var(--neutral-900) !important;
}

.bg-hover-danger-50 {
  transition: all 0.3s;
}
.bg-hover-danger-50:hover {
  background-color: var(--danger-50) !important;
}

.bg-hover-danger-100 {
  transition: all 0.3s;
}
.bg-hover-danger-100:hover {
  background-color: var(--danger-100) !important;
}

.bg-hover-danger-200 {
  transition: all 0.3s;
}
.bg-hover-danger-200:hover {
  background-color: var(--danger-200) !important;
}

.bg-hover-danger-300 {
  transition: all 0.3s;
}
.bg-hover-danger-300:hover {
  background-color: var(--danger-300) !important;
}

.bg-hover-danger-400 {
  transition: all 0.3s;
}
.bg-hover-danger-400:hover {
  background-color: var(--danger-400) !important;
}

.bg-hover-danger-500 {
  transition: all 0.3s;
}
.bg-hover-danger-500:hover {
  background-color: var(--danger-500) !important;
}

.bg-hover-danger-600 {
  transition: all 0.3s;
}
.bg-hover-danger-600:hover {
  background-color: var(--danger-600) !important;
}

.bg-hover-danger-700 {
  transition: all 0.3s;
}
.bg-hover-danger-700:hover {
  background-color: var(--danger-700) !important;
}

.bg-hover-danger-800 {
  transition: all 0.3s;
}
.bg-hover-danger-800:hover {
  background-color: var(--danger-800) !important;
}

.bg-hover-danger-900 {
  transition: all 0.3s;
}
.bg-hover-danger-900:hover {
  background-color: var(--danger-900) !important;
}

.bg-hover-success-50 {
  transition: all 0.3s;
}
.bg-hover-success-50:hover {
  background-color: var(--success-50) !important;
}

.bg-hover-success-100 {
  transition: all 0.3s;
}
.bg-hover-success-100:hover {
  background-color: var(--success-100) !important;
}

.bg-hover-success-200 {
  transition: all 0.3s;
}
.bg-hover-success-200:hover {
  background-color: var(--success-200) !important;
}

.bg-hover-success-300 {
  transition: all 0.3s;
}
.bg-hover-success-300:hover {
  background-color: var(--success-300) !important;
}

.bg-hover-success-400 {
  transition: all 0.3s;
}
.bg-hover-success-400:hover {
  background-color: var(--success-400) !important;
}

.bg-hover-success-500 {
  transition: all 0.3s;
}
.bg-hover-success-500:hover {
  background-color: var(--success-500) !important;
}

.bg-hover-success-600 {
  transition: all 0.3s;
}
.bg-hover-success-600:hover {
  background-color: var(--success-600) !important;
}

.bg-hover-success-700 {
  transition: all 0.3s;
}
.bg-hover-success-700:hover {
  background-color: var(--success-700) !important;
}

.bg-hover-success-800 {
  transition: all 0.3s;
}
.bg-hover-success-800:hover {
  background-color: var(--success-800) !important;
}

.bg-hover-success-900 {
  transition: all 0.3s;
}
.bg-hover-success-900:hover {
  background-color: var(--success-900) !important;
}

.bg-hover-warning-50 {
  transition: all 0.3s;
}
.bg-hover-warning-50:hover {
  background-color: var(--warning-50) !important;
}

.bg-hover-warning-100 {
  transition: all 0.3s;
}
.bg-hover-warning-100:hover {
  background-color: var(--warning-100) !important;
}

.bg-hover-warning-200 {
  transition: all 0.3s;
}
.bg-hover-warning-200:hover {
  background-color: var(--warning-200) !important;
}

.bg-hover-warning-300 {
  transition: all 0.3s;
}
.bg-hover-warning-300:hover {
  background-color: var(--warning-300) !important;
}

.bg-hover-warning-400 {
  transition: all 0.3s;
}
.bg-hover-warning-400:hover {
  background-color: var(--warning-400) !important;
}

.bg-hover-warning-500 {
  transition: all 0.3s;
}
.bg-hover-warning-500:hover {
  background-color: var(--warning-500) !important;
}

.bg-hover-warning-600 {
  transition: all 0.3s;
}
.bg-hover-warning-600:hover {
  background-color: var(--warning-600) !important;
}

.bg-hover-warning-700 {
  transition: all 0.3s;
}
.bg-hover-warning-700:hover {
  background-color: var(--warning-700) !important;
}

.bg-hover-warning-800 {
  transition: all 0.3s;
}
.bg-hover-warning-800:hover {
  background-color: var(--warning-800) !important;
}

.bg-hover-warning-900 {
  transition: all 0.3s;
}
.bg-hover-warning-900:hover {
  background-color: var(--warning-900) !important;
}

.bg-hover-info-50 {
  transition: all 0.3s;
}
.bg-hover-info-50:hover {
  background-color: var(--info-50) !important;
}

.bg-hover-info-100 {
  transition: all 0.3s;
}
.bg-hover-info-100:hover {
  background-color: var(--info-100) !important;
}

.bg-hover-info-200 {
  transition: all 0.3s;
}
.bg-hover-info-200:hover {
  background-color: var(--info-200) !important;
}

.bg-hover-info-300 {
  transition: all 0.3s;
}
.bg-hover-info-300:hover {
  background-color: var(--info-300) !important;
}

.bg-hover-info-400 {
  transition: all 0.3s;
}
.bg-hover-info-400:hover {
  background-color: var(--info-400) !important;
}

.bg-hover-info-500 {
  transition: all 0.3s;
}
.bg-hover-info-500:hover {
  background-color: var(--info-500) !important;
}

.bg-hover-info-600 {
  transition: all 0.3s;
}
.bg-hover-info-600:hover {
  background-color: var(--info-600) !important;
}

.bg-hover-info-700 {
  transition: all 0.3s;
}
.bg-hover-info-700:hover {
  background-color: var(--info-700) !important;
}

.bg-hover-info-800 {
  transition: all 0.3s;
}
.bg-hover-info-800:hover {
  background-color: var(--info-800) !important;
}

.bg-hover-info-900 {
  transition: all 0.3s;
}
.bg-hover-info-900:hover {
  background-color: var(--info-900) !important;
}

.bg-hover-dark-1 {
  transition: all 0.3s;
}
.bg-hover-dark-1:hover {
  background-color: var(--dark-1) !important;
}

.bg-hover-dark-2 {
  transition: all 0.3s;
}
.bg-hover-dark-2:hover {
  background-color: var(--dark-2) !important;
}

.bg-hover-dark-3 {
  transition: all 0.3s;
}
.bg-hover-dark-3:hover {
  background-color: var(--dark-3) !important;
}

.bg-hover-lilac-50 {
  transition: all 0.3s;
}
.bg-hover-lilac-50:hover {
  background-color: var(--lilac-50) !important;
}

.bg-hover-lilac-100 {
  transition: all 0.3s;
}
.bg-hover-lilac-100:hover {
  background-color: var(--lilac-100) !important;
}

.bg-hover-lilac-600 {
  transition: all 0.3s;
}
.bg-hover-lilac-600:hover {
  background-color: var(--lilac-600) !important;
}

.bg-hover-lilac-700 {
  transition: all 0.3s;
}
.bg-hover-lilac-700:hover {
  background-color: var(--lilac-700) !important;
}

.bg-hover-lilac-800 {
  transition: all 0.3s;
}
.bg-hover-lilac-800:hover {
  background-color: var(--lilac-800) !important;
}

.bg-hover-light-50 {
  transition: all 0.3s;
}
.bg-hover-light-50:hover {
  background-color: var(--light-50) !important;
}

.bg-hover-light-100 {
  transition: all 0.3s;
}
.bg-hover-light-100:hover {
  background-color: var(--light-100) !important;
}

.bg-hover-light-600 {
  transition: all 0.3s;
}
.bg-hover-light-600:hover {
  background-color: var(--light-600) !important;
}

.bg-hover-light-700 {
  transition: all 0.3s;
}
.bg-hover-light-700:hover {
  background-color: var(--light-700) !important;
}

.bg-hover-light-800 {
  transition: all 0.3s;
}
.bg-hover-light-800:hover {
  background-color: var(--light-800) !important;
}

.bg-hover-success-main {
  transition: all 0.3s;
}
.bg-hover-success-main:hover {
  background-color: var(--success-main) !important;
}

.bg-hover-success-surface {
  transition: all 0.3s;
}
.bg-hover-success-surface:hover {
  background-color: var(--success-surface) !important;
}

.bg-hover-success-border {
  transition: all 0.3s;
}
.bg-hover-success-border:hover {
  background-color: var(--success-border) !important;
}

.bg-hover-success-hover {
  transition: all 0.3s;
}
.bg-hover-success-hover:hover {
  background-color: var(--success-hover) !important;
}

.bg-hover-success-pressed {
  transition: all 0.3s;
}
.bg-hover-success-pressed:hover {
  background-color: var(--success-pressed) !important;
}

.bg-hover-success-focus {
  transition: all 0.3s;
}
.bg-hover-success-focus:hover {
  background-color: var(--success-focus) !important;
}

.bg-hover-info-main {
  transition: all 0.3s;
}
.bg-hover-info-main:hover {
  background-color: var(--info-main) !important;
}

.bg-hover-info-surface {
  transition: all 0.3s;
}
.bg-hover-info-surface:hover {
  background-color: var(--info-surface) !important;
}

.bg-hover-info-border {
  transition: all 0.3s;
}
.bg-hover-info-border:hover {
  background-color: var(--info-border) !important;
}

.bg-hover-info-hover {
  transition: all 0.3s;
}
.bg-hover-info-hover:hover {
  background-color: var(--info-hover) !important;
}

.bg-hover-info-pressed {
  transition: all 0.3s;
}
.bg-hover-info-pressed:hover {
  background-color: var(--info-pressed) !important;
}

.bg-hover-info-focus {
  transition: all 0.3s;
}
.bg-hover-info-focus:hover {
  background-color: var(--info-focus) !important;
}

.bg-hover-warning-main {
  transition: all 0.3s;
}
.bg-hover-warning-main:hover {
  background-color: var(--warning-main) !important;
}

.bg-hover-warning-surface {
  transition: all 0.3s;
}
.bg-hover-warning-surface:hover {
  background-color: var(--warning-surface) !important;
}

.bg-hover-warning-border {
  transition: all 0.3s;
}
.bg-hover-warning-border:hover {
  background-color: var(--warning-border) !important;
}

.bg-hover-warning-hover {
  transition: all 0.3s;
}
.bg-hover-warning-hover:hover {
  background-color: var(--warning-hover) !important;
}

.bg-hover-warning-pressed {
  transition: all 0.3s;
}
.bg-hover-warning-pressed:hover {
  background-color: var(--warning-pressed) !important;
}

.bg-hover-warning-focus {
  transition: all 0.3s;
}
.bg-hover-warning-focus:hover {
  background-color: var(--warning-focus) !important;
}

.bg-hover-danger-main {
  transition: all 0.3s;
}
.bg-hover-danger-main:hover {
  background-color: var(--danger-main) !important;
}

.bg-hover-danger-surface {
  transition: all 0.3s;
}
.bg-hover-danger-surface:hover {
  background-color: var(--danger-surface) !important;
}

.bg-hover-danger-border {
  transition: all 0.3s;
}
.bg-hover-danger-border:hover {
  background-color: var(--danger-border) !important;
}

.bg-hover-danger-hover {
  transition: all 0.3s;
}
.bg-hover-danger-hover:hover {
  background-color: var(--danger-hover) !important;
}

.bg-hover-danger-pressed {
  transition: all 0.3s;
}
.bg-hover-danger-pressed:hover {
  background-color: var(--danger-pressed) !important;
}

.bg-hover-danger-focus {
  transition: all 0.3s;
}
.bg-hover-danger-focus:hover {
  background-color: var(--danger-focus) !important;
}

.bg-hover-cyan {
  transition: all 0.3s;
}
.bg-hover-cyan:hover {
  background-color: var(--cyan) !important;
}

.bg-hover-indigo {
  transition: all 0.3s;
}
.bg-hover-indigo:hover {
  background-color: var(--indigo) !important;
}

.bg-hover-purple {
  transition: all 0.3s;
}
.bg-hover-purple:hover {
  background-color: var(--purple) !important;
}

.bg-hover-red {
  transition: all 0.3s;
}
.bg-hover-red:hover {
  background-color: var(--red) !important;
}

.bg-hover-yellow {
  transition: all 0.3s;
}
.bg-hover-yellow:hover {
  background-color: var(--yellow) !important;
}

.bg-hover-orange {
  transition: all 0.3s;
}
.bg-hover-orange:hover {
  background-color: var(--orange) !important;
}

.bg-hover-pink {
  transition: all 0.3s;
}
.bg-hover-pink:hover {
  background-color: var(--pink) !important;
}

.bg-base {
  background-color: var(--white) !important;
}

.bg-base-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-bg-transparent {
  background-color: transparent !important;
}

.bg-primary-light {
  background-color: var(--primary-light) !important;
}

.bg-yellow-light {
  background-color: var(--yellow-light) !important;
}

.bg-purple-light {
  background-color: var(--purple-light) !important;
}

.bg-pink-light {
  background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
  background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
  background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
  background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
  background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
  background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
  background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
  background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
  background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
  background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
  background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
  background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
  background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
  background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
  background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
  background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
  background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
  background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
  background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
  background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
  background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
  background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
  background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
  background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
  background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
  background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
  background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
  background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .bg-gradient-start-1 {
  background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-2 {
  background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}
html[data-theme=dark] .bg-gradient-start-3 {
  background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-4 {
  background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}
html[data-theme=dark] .bg-gradient-start-5 {
  background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}
html[data-theme=dark] .bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}
html[data-theme=dark] .bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}
html[data-theme=dark] .bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}
html[data-theme=dark] .bg-gradient-end-1 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-end-2 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}
html[data-theme=dark] .bg-gradient-end-3 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}
html[data-theme=dark] .bg-gradient-end-4 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-end-5 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}
html[data-theme=dark] .bg-gradient-end-6 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}
html[data-theme=dark] .bg-gradient-purple {
  background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}
html[data-theme=dark] .bg-gradient-primary {
  background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}
html[data-theme=dark] .bg-gradient-success {
  background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}
html[data-theme=dark] .bg-gradient-danger {
  background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}
html[data-theme=dark] .bg-danger-gradient-light {
  background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}
html[data-theme=dark] .bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}
html[data-theme=dark] .bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}

.shadow-1 {
  box-shadow: var(--shadow-1);
}

.shadow-2 {
  box-shadow: var(--shadow-2);
}

.shadow-3 {
  box-shadow: var(--shadow-3);
}

.shadow-4 {
  box-shadow: var(--shadow-4);
}

.shadow-5 {
  box-shadow: var(--shadow-5);
}

.shadow-6 {
  box-shadow: var(--shadow-6);
}

.bordered-shadow {
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5019607843);
}

.shadow-top {
  box-shadow: 0px -4px 30px 0px rgba(46, 45, 116, 0.05);
}

.w-2-px {
  width: 0.125rem !important;
}

.w-4-px {
  width: 0.25rem !important;
}

.w-6-px {
  width: 0.375rem !important;
}

.w-8-px {
  width: 0.5rem !important;
}

.w-9-px {
  width: 0.5625rem !important;
}

.w-10-px {
  width: 0.625rem !important;
}

.w-11-px {
  width: 0.6875rem !important;
}

.w-12-px {
  width: 0.75rem !important;
}

.w-13-px {
  width: 0.8125rem !important;
}

.w-16-px {
  width: 1rem !important;
}

.w-20-px {
  width: 1.25rem !important;
}

.w-24-px {
  width: 1.5rem !important;
}

.w-28-px {
  width: 1.5rem !important;
}

.w-32-px {
  width: 2rem !important;
}

.w-36-px {
  width: 2rem !important;
}

.w-40-px {
  width: 2.5rem !important;
}

.w-44-px {
  width: 2.75rem !important;
}

.w-48-px {
  width: 3rem !important;
}

.w-50-px {
  width: 3.125rem !important;
}

.w-56-px {
  width: 3.5rem !important;
}

.w-60-px {
  width: 3.75rem !important;
}

.w-64-px {
  width: 4rem !important;
}

.w-72-px {
  width: 4.5rem !important;
}

.w-76-px {
  width: 4.75rem !important;
}

.w-80-px {
  width: 5rem !important;
}

.w-90-px {
  width: 5.625rem !important;
}

.w-110-px {
  width: 6.875rem !important;
}

.w-120-px {
  width: 7.5rem !important;
}

.w-144-px {
  width: 9rem !important;
}

.w-160-px {
  width: 10rem !important;
}

.w-170-px {
  width: 10.625rem !important;
}

.w-190-px {
  width: 11.875rem !important;
}

.w-200-px {
  width: 12.5rem !important;
}

.w-240-px {
  width: 15rem !important;
}

.w-440-px {
  width: 27.5rem !important;
}

.w-100-px {
  width: 100px;
}

.h-100-px {
  height: 100px;
}

.min-w-max-content {
  min-width: max-content;
}

.w-190-px {
  width: 190px;
}

.max-w-740-px {
  max-width: 740px;
}
@media (max-width: 1399px) {
  .max-w-740-px {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .max-w-740-px {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .max-w-740-px {
    max-width: 250px;
  }
}

.textarea-max-height {
  height: 44px;
}

.resize-none {
  resize: none;
}

.min-w-450-px {
  min-width: 450px;
}

.min-w-132-px {
  min-width: 132px;
}

.h-2-px {
  height: 0.125rem !important;
}

.h-4-px {
  height: 0.25rem !important;
}

.h-6-px {
  height: 0.375rem !important;
}

.h-8-px {
  height: 0.5rem !important;
}

.h-9-px {
  height: 0.5625rem !important;
}

.h-10-px {
  height: 0.625rem !important;
}

.h-11-px {
  height: 0.6875rem !important;
}

.h-12-px {
  height: 0.75rem !important;
}

.h-13-px {
  height: 0.8125rem !important;
}

.h-16-px {
  height: 1rem !important;
}

.h-20-px {
  height: 1.25rem !important;
}

.h-24-px {
  height: 1.5rem !important;
}

.h-28-px {
  height: 1.5rem !important;
}

.h-32-px {
  height: 2rem !important;
}

.h-36-px {
  height: 2rem !important;
}

.h-40-px {
  height: 2.5rem !important;
}

.h-44-px {
  height: 2.75rem !important;
}

.h-48-px {
  height: 3rem !important;
}

.h-50-px {
  height: 3.125rem !important;
}

.h-56-px {
  height: 3.5rem !important;
}

.h-60-px {
  height: 3.75rem !important;
}

.h-64-px {
  height: 4rem !important;
}

.h-72-px {
  height: 4.5rem !important;
}

.h-76-px {
  height: 4.75rem !important;
}

.h-80-px {
  height: 5rem !important;
}

.h-90-px {
  height: 5.625rem !important;
}

.h-110-px {
  height: 6.875rem !important;
}

.h-120-px {
  height: 7.5rem !important;
}

.h-144-px {
  height: 9rem !important;
}

.h-160-px {
  height: 10rem !important;
}

.h-170-px {
  height: 10.625rem !important;
}

.h-190-px {
  height: 11.875rem !important;
}

.h-200-px {
  height: 12.5rem !important;
}

.h-240-px {
  height: 15rem !important;
}

.h-440-px {
  height: 27.5rem !important;
}

.max-h-258-px {
  max-height: 258px;
}

.max-h-350-px {
  max-height: 350px;
}

.max-h-266-px {
  max-height: 266px;
}

.max-h-400-px {
  max-height: 400px;
}

.max-h-612-px {
  max-height: 612px !important;
}

.min-h-612-px {
  min-height: 612px !important;
}

/* Min max width & height Start */
.min-w-120-px {
  min-width: 120px;
}

.max-w-150-px {
  max-width: 150px;
}

.max-w-440-px {
  max-width: 440px;
}

.max-w-464-px {
  max-width: 464px;
}

.max-w-500-px {
  max-width: 500px;
}

.max-w-290-px {
  max-width: 290px;
}

.max-w-634-px {
  max-width: 634px;
}

/* Min max width & height End */
.text-w-200-px {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-w-100-px {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-auto {
  top: auto;
}

.bottom-3px {
  bottom: 3px;
}

@media (min-width: 1700px) {
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}
.kanban-wrapper {
  min-width: 1560px;
}

.m-2 {
  margin: var(--size-2);
}

.m-4 {
  margin: var(--size-4);
}

.m-6 {
  margin: var(--size-6);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-16 {
  margin: var(--size-16);
}

.m-20 {
  margin: var(--size-20);
}

.m-24 {
  margin: var(--size-24);
}

.m-28 {
  margin: var(--size-28);
}

.m-32 {
  margin: var(--size-32);
}

.m-36 {
  margin: var(--size-36);
}

.m-40 {
  margin: var(--size-40);
}

.m-44 {
  margin: var(--size-44);
}

.m-48 {
  margin: var(--size-48);
}

.m-50 {
  margin: var(--size-50);
}

.m-56 {
  margin: var(--size-56);
}

.m-60 {
  margin: var(--size-60);
}

.m-64 {
  margin: var(--size-64);
}

.m-72 {
  margin: var(--size-72);
}

.m-76 {
  margin: var(--size-76);
}

.m-80 {
  margin: var(--size-80);
}

.m-90 {
  margin: var(--size-90);
}

.m-110 {
  margin: var(--size-110);
}

.m-120 {
  margin: var(--size-120);
}

.m-144 {
  margin: var(--size-144);
}

.m-160 {
  margin: var(--size-160);
}

.m-170 {
  margin: var(--size-170);
}

.m-190 {
  margin: var(--size-190);
}

.m-200 {
  margin: var(--size-200);
}

.m-240 {
  margin: var(--size-240);
}

.m-440 {
  margin: var(--size-440);
}

.mx-2 {
  margin-inline: var(--size-2) !important;
}

.mx-4 {
  margin-inline: var(--size-4) !important;
}

.mx-6 {
  margin-inline: var(--size-6) !important;
}

.mx-8 {
  margin-inline: var(--size-8) !important;
}

.mx-9 {
  margin-inline: var(--size-9) !important;
}

.mx-10 {
  margin-inline: var(--size-10) !important;
}

.mx-11 {
  margin-inline: var(--size-11) !important;
}

.mx-12 {
  margin-inline: var(--size-12) !important;
}

.mx-13 {
  margin-inline: var(--size-13) !important;
}

.mx-16 {
  margin-inline: var(--size-16) !important;
}

.mx-20 {
  margin-inline: var(--size-20) !important;
}

.mx-24 {
  margin-inline: var(--size-24) !important;
}

.mx-28 {
  margin-inline: var(--size-28) !important;
}

.mx-32 {
  margin-inline: var(--size-32) !important;
}

.mx-36 {
  margin-inline: var(--size-36) !important;
}

.mx-40 {
  margin-inline: var(--size-40) !important;
}

.mx-44 {
  margin-inline: var(--size-44) !important;
}

.mx-48 {
  margin-inline: var(--size-48) !important;
}

.mx-50 {
  margin-inline: var(--size-50) !important;
}

.mx-56 {
  margin-inline: var(--size-56) !important;
}

.mx-60 {
  margin-inline: var(--size-60) !important;
}

.mx-64 {
  margin-inline: var(--size-64) !important;
}

.mx-72 {
  margin-inline: var(--size-72) !important;
}

.mx-76 {
  margin-inline: var(--size-76) !important;
}

.mx-80 {
  margin-inline: var(--size-80) !important;
}

.mx-90 {
  margin-inline: var(--size-90) !important;
}

.mx-110 {
  margin-inline: var(--size-110) !important;
}

.mx-120 {
  margin-inline: var(--size-120) !important;
}

.mx-144 {
  margin-inline: var(--size-144) !important;
}

.mx-160 {
  margin-inline: var(--size-160) !important;
}

.mx-170 {
  margin-inline: var(--size-170) !important;
}

.mx-190 {
  margin-inline: var(--size-190) !important;
}

.mx-200 {
  margin-inline: var(--size-200) !important;
}

.mx-240 {
  margin-inline: var(--size-240) !important;
}

.mx-440 {
  margin-inline: var(--size-440) !important;
}

.my-2 {
  margin-block: var(--size-2) !important;
}

.my-4 {
  margin-block: var(--size-4) !important;
}

.my-6 {
  margin-block: var(--size-6) !important;
}

.my-8 {
  margin-block: var(--size-8) !important;
}

.my-9 {
  margin-block: var(--size-9) !important;
}

.my-10 {
  margin-block: var(--size-10) !important;
}

.my-11 {
  margin-block: var(--size-11) !important;
}

.my-12 {
  margin-block: var(--size-12) !important;
}

.my-13 {
  margin-block: var(--size-13) !important;
}

.my-16 {
  margin-block: var(--size-16) !important;
}

.my-20 {
  margin-block: var(--size-20) !important;
}

.my-24 {
  margin-block: var(--size-24) !important;
}

.my-28 {
  margin-block: var(--size-28) !important;
}

.my-32 {
  margin-block: var(--size-32) !important;
}

.my-36 {
  margin-block: var(--size-36) !important;
}

.my-40 {
  margin-block: var(--size-40) !important;
}

.my-44 {
  margin-block: var(--size-44) !important;
}

.my-48 {
  margin-block: var(--size-48) !important;
}

.my-50 {
  margin-block: var(--size-50) !important;
}

.my-56 {
  margin-block: var(--size-56) !important;
}

.my-60 {
  margin-block: var(--size-60) !important;
}

.my-64 {
  margin-block: var(--size-64) !important;
}

.my-72 {
  margin-block: var(--size-72) !important;
}

.my-76 {
  margin-block: var(--size-76) !important;
}

.my-80 {
  margin-block: var(--size-80) !important;
}

.my-90 {
  margin-block: var(--size-90) !important;
}

.my-110 {
  margin-block: var(--size-110) !important;
}

.my-120 {
  margin-block: var(--size-120) !important;
}

.my-144 {
  margin-block: var(--size-144) !important;
}

.my-160 {
  margin-block: var(--size-160) !important;
}

.my-170 {
  margin-block: var(--size-170) !important;
}

.my-190 {
  margin-block: var(--size-190) !important;
}

.my-200 {
  margin-block: var(--size-200) !important;
}

.my-240 {
  margin-block: var(--size-240) !important;
}

.my-440 {
  margin-block: var(--size-440) !important;
}

.ms-2 {
  margin-inline-start: var(--size-2) !important;
}

.ms-4 {
  margin-inline-start: var(--size-4) !important;
}

.ms-6 {
  margin-inline-start: var(--size-6) !important;
}

.ms-8 {
  margin-inline-start: var(--size-8) !important;
}

.ms-9 {
  margin-inline-start: var(--size-9) !important;
}

.ms-10 {
  margin-inline-start: var(--size-10) !important;
}

.ms-11 {
  margin-inline-start: var(--size-11) !important;
}

.ms-12 {
  margin-inline-start: var(--size-12) !important;
}

.ms-13 {
  margin-inline-start: var(--size-13) !important;
}

.ms-16 {
  margin-inline-start: var(--size-16) !important;
}

.ms-20 {
  margin-inline-start: var(--size-20) !important;
}

.ms-24 {
  margin-inline-start: var(--size-24) !important;
}

.ms-28 {
  margin-inline-start: var(--size-28) !important;
}

.ms-32 {
  margin-inline-start: var(--size-32) !important;
}

.ms-36 {
  margin-inline-start: var(--size-36) !important;
}

.ms-40 {
  margin-inline-start: var(--size-40) !important;
}

.ms-44 {
  margin-inline-start: var(--size-44) !important;
}

.ms-48 {
  margin-inline-start: var(--size-48) !important;
}

.ms-50 {
  margin-inline-start: var(--size-50) !important;
}

.ms-56 {
  margin-inline-start: var(--size-56) !important;
}

.ms-60 {
  margin-inline-start: var(--size-60) !important;
}

.ms-64 {
  margin-inline-start: var(--size-64) !important;
}

.ms-72 {
  margin-inline-start: var(--size-72) !important;
}

.ms-76 {
  margin-inline-start: var(--size-76) !important;
}

.ms-80 {
  margin-inline-start: var(--size-80) !important;
}

.ms-90 {
  margin-inline-start: var(--size-90) !important;
}

.ms-110 {
  margin-inline-start: var(--size-110) !important;
}

.ms-120 {
  margin-inline-start: var(--size-120) !important;
}

.ms-144 {
  margin-inline-start: var(--size-144) !important;
}

.ms-160 {
  margin-inline-start: var(--size-160) !important;
}

.ms-170 {
  margin-inline-start: var(--size-170) !important;
}

.ms-190 {
  margin-inline-start: var(--size-190) !important;
}

.ms-200 {
  margin-inline-start: var(--size-200) !important;
}

.ms-240 {
  margin-inline-start: var(--size-240) !important;
}

.ms-440 {
  margin-inline-start: var(--size-440) !important;
}

.me-2 {
  margin-inline-end: var(--size-2) !important;
}

.me-4 {
  margin-inline-end: var(--size-4) !important;
}

.me-6 {
  margin-inline-end: var(--size-6) !important;
}

.me-8 {
  margin-inline-end: var(--size-8) !important;
}

.me-9 {
  margin-inline-end: var(--size-9) !important;
}

.me-10 {
  margin-inline-end: var(--size-10) !important;
}

.me-11 {
  margin-inline-end: var(--size-11) !important;
}

.me-12 {
  margin-inline-end: var(--size-12) !important;
}

.me-13 {
  margin-inline-end: var(--size-13) !important;
}

.me-16 {
  margin-inline-end: var(--size-16) !important;
}

.me-20 {
  margin-inline-end: var(--size-20) !important;
}

.me-24 {
  margin-inline-end: var(--size-24) !important;
}

.me-28 {
  margin-inline-end: var(--size-28) !important;
}

.me-32 {
  margin-inline-end: var(--size-32) !important;
}

.me-36 {
  margin-inline-end: var(--size-36) !important;
}

.me-40 {
  margin-inline-end: var(--size-40) !important;
}

.me-44 {
  margin-inline-end: var(--size-44) !important;
}

.me-48 {
  margin-inline-end: var(--size-48) !important;
}

.me-50 {
  margin-inline-end: var(--size-50) !important;
}

.me-56 {
  margin-inline-end: var(--size-56) !important;
}

.me-60 {
  margin-inline-end: var(--size-60) !important;
}

.me-64 {
  margin-inline-end: var(--size-64) !important;
}

.me-72 {
  margin-inline-end: var(--size-72) !important;
}

.me-76 {
  margin-inline-end: var(--size-76) !important;
}

.me-80 {
  margin-inline-end: var(--size-80) !important;
}

.me-90 {
  margin-inline-end: var(--size-90) !important;
}

.me-110 {
  margin-inline-end: var(--size-110) !important;
}

.me-120 {
  margin-inline-end: var(--size-120) !important;
}

.me-144 {
  margin-inline-end: var(--size-144) !important;
}

.me-160 {
  margin-inline-end: var(--size-160) !important;
}

.me-170 {
  margin-inline-end: var(--size-170) !important;
}

.me-190 {
  margin-inline-end: var(--size-190) !important;
}

.me-200 {
  margin-inline-end: var(--size-200) !important;
}

.me-240 {
  margin-inline-end: var(--size-240) !important;
}

.me-440 {
  margin-inline-end: var(--size-440) !important;
}

.mt-2 {
  margin-block-start: var(--size-2) !important;
}

.mt-4 {
  margin-block-start: var(--size-4) !important;
}

.mt-6 {
  margin-block-start: var(--size-6) !important;
}

.mt-8 {
  margin-block-start: var(--size-8) !important;
}

.mt-9 {
  margin-block-start: var(--size-9) !important;
}

.mt-10 {
  margin-block-start: var(--size-10) !important;
}

.mt-11 {
  margin-block-start: var(--size-11) !important;
}

.mt-12 {
  margin-block-start: var(--size-12) !important;
}

.mt-13 {
  margin-block-start: var(--size-13) !important;
}

.mt-16 {
  margin-block-start: var(--size-16) !important;
}

.mt-20 {
  margin-block-start: var(--size-20) !important;
}

.mt-24 {
  margin-block-start: var(--size-24) !important;
}

.mt-28 {
  margin-block-start: var(--size-28) !important;
}

.mt-32 {
  margin-block-start: var(--size-32) !important;
}

.mt-36 {
  margin-block-start: var(--size-36) !important;
}

.mt-40 {
  margin-block-start: var(--size-40) !important;
}

.mt-44 {
  margin-block-start: var(--size-44) !important;
}

.mt-48 {
  margin-block-start: var(--size-48) !important;
}

.mt-50 {
  margin-block-start: var(--size-50) !important;
}

.mt-56 {
  margin-block-start: var(--size-56) !important;
}

.mt-60 {
  margin-block-start: var(--size-60) !important;
}

.mt-64 {
  margin-block-start: var(--size-64) !important;
}

.mt-72 {
  margin-block-start: var(--size-72) !important;
}

.mt-76 {
  margin-block-start: var(--size-76) !important;
}

.mt-80 {
  margin-block-start: var(--size-80) !important;
}

.mt-90 {
  margin-block-start: var(--size-90) !important;
}

.mt-110 {
  margin-block-start: var(--size-110) !important;
}

.mt-120 {
  margin-block-start: var(--size-120) !important;
}

.mt-144 {
  margin-block-start: var(--size-144) !important;
}

.mt-160 {
  margin-block-start: var(--size-160) !important;
}

.mt-170 {
  margin-block-start: var(--size-170) !important;
}

.mt-190 {
  margin-block-start: var(--size-190) !important;
}

.mt-200 {
  margin-block-start: var(--size-200) !important;
}

.mt-240 {
  margin-block-start: var(--size-240) !important;
}

.mt-440 {
  margin-block-start: var(--size-440) !important;
}

.mb-2 {
  margin-block-end: var(--size-2) !important;
}

.mb-4 {
  margin-block-end: var(--size-4) !important;
}

.mb-6 {
  margin-block-end: var(--size-6) !important;
}

.mb-8 {
  margin-block-end: var(--size-8) !important;
}

.mb-9 {
  margin-block-end: var(--size-9) !important;
}

.mb-10 {
  margin-block-end: var(--size-10) !important;
}

.mb-11 {
  margin-block-end: var(--size-11) !important;
}

.mb-12 {
  margin-block-end: var(--size-12) !important;
}

.mb-13 {
  margin-block-end: var(--size-13) !important;
}

.mb-16 {
  margin-block-end: var(--size-16) !important;
}

.mb-20 {
  margin-block-end: var(--size-20) !important;
}

.mb-24 {
  margin-block-end: var(--size-24) !important;
}

.mb-28 {
  margin-block-end: var(--size-28) !important;
}

.mb-32 {
  margin-block-end: var(--size-32) !important;
}

.mb-36 {
  margin-block-end: var(--size-36) !important;
}

.mb-40 {
  margin-block-end: var(--size-40) !important;
}

.mb-44 {
  margin-block-end: var(--size-44) !important;
}

.mb-48 {
  margin-block-end: var(--size-48) !important;
}

.mb-50 {
  margin-block-end: var(--size-50) !important;
}

.mb-56 {
  margin-block-end: var(--size-56) !important;
}

.mb-60 {
  margin-block-end: var(--size-60) !important;
}

.mb-64 {
  margin-block-end: var(--size-64) !important;
}

.mb-72 {
  margin-block-end: var(--size-72) !important;
}

.mb-76 {
  margin-block-end: var(--size-76) !important;
}

.mb-80 {
  margin-block-end: var(--size-80) !important;
}

.mb-90 {
  margin-block-end: var(--size-90) !important;
}

.mb-110 {
  margin-block-end: var(--size-110) !important;
}

.mb-120 {
  margin-block-end: var(--size-120) !important;
}

.mb-144 {
  margin-block-end: var(--size-144) !important;
}

.mb-160 {
  margin-block-end: var(--size-160) !important;
}

.mb-170 {
  margin-block-end: var(--size-170) !important;
}

.mb-190 {
  margin-block-end: var(--size-190) !important;
}

.mb-200 {
  margin-block-end: var(--size-200) !important;
}

.mb-240 {
  margin-block-end: var(--size-240) !important;
}

.mb-440 {
  margin-block-end: var(--size-440) !important;
}

.p-2 {
  padding: var(--size-2) !important;
}

.p-4 {
  padding: var(--size-4) !important;
}

.p-6 {
  padding: var(--size-6) !important;
}

.p-8 {
  padding: var(--size-8) !important;
}

.p-9 {
  padding: var(--size-9) !important;
}

.p-10 {
  padding: var(--size-10) !important;
}

.p-11 {
  padding: var(--size-11) !important;
}

.p-12 {
  padding: var(--size-12) !important;
}

.p-13 {
  padding: var(--size-13) !important;
}

.p-16 {
  padding: var(--size-16) !important;
}

.p-20 {
  padding: var(--size-20) !important;
}

.p-24 {
  padding: var(--size-24) !important;
}

.p-28 {
  padding: var(--size-28) !important;
}

.p-32 {
  padding: var(--size-32) !important;
}

.p-36 {
  padding: var(--size-36) !important;
}

.p-40 {
  padding: var(--size-40) !important;
}

.p-44 {
  padding: var(--size-44) !important;
}

.p-48 {
  padding: var(--size-48) !important;
}

.p-50 {
  padding: var(--size-50) !important;
}

.p-56 {
  padding: var(--size-56) !important;
}

.p-60 {
  padding: var(--size-60) !important;
}

.p-64 {
  padding: var(--size-64) !important;
}

.p-72 {
  padding: var(--size-72) !important;
}

.p-76 {
  padding: var(--size-76) !important;
}

.p-80 {
  padding: var(--size-80) !important;
}

.p-90 {
  padding: var(--size-90) !important;
}

.p-110 {
  padding: var(--size-110) !important;
}

.p-120 {
  padding: var(--size-120) !important;
}

.p-144 {
  padding: var(--size-144) !important;
}

.p-160 {
  padding: var(--size-160) !important;
}

.p-170 {
  padding: var(--size-170) !important;
}

.p-190 {
  padding: var(--size-190) !important;
}

.p-200 {
  padding: var(--size-200) !important;
}

.p-240 {
  padding: var(--size-240) !important;
}

.p-440 {
  padding: var(--size-440) !important;
}

.px-2 {
  padding-inline: var(--size-2) !important;
}

.px-4 {
  padding-inline: var(--size-4) !important;
}

.px-6 {
  padding-inline: var(--size-6) !important;
}

.px-8 {
  padding-inline: var(--size-8) !important;
}

.px-9 {
  padding-inline: var(--size-9) !important;
}

.px-10 {
  padding-inline: var(--size-10) !important;
}

.px-11 {
  padding-inline: var(--size-11) !important;
}

.px-12 {
  padding-inline: var(--size-12) !important;
}

.px-13 {
  padding-inline: var(--size-13) !important;
}

.px-16 {
  padding-inline: var(--size-16) !important;
}

.px-20 {
  padding-inline: var(--size-20) !important;
}

.px-24 {
  padding-inline: var(--size-24) !important;
}

.px-28 {
  padding-inline: var(--size-28) !important;
}

.px-32 {
  padding-inline: var(--size-32) !important;
}

.px-36 {
  padding-inline: var(--size-36) !important;
}

.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-44 {
  padding-inline: var(--size-44) !important;
}

.px-48 {
  padding-inline: var(--size-48) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-56 {
  padding-inline: var(--size-56) !important;
}

.px-60 {
  padding-inline: var(--size-60) !important;
}

.px-64 {
  padding-inline: var(--size-64) !important;
}

.px-72 {
  padding-inline: var(--size-72) !important;
}

.px-76 {
  padding-inline: var(--size-76) !important;
}

.px-80 {
  padding-inline: var(--size-80) !important;
}

.px-90 {
  padding-inline: var(--size-90) !important;
}

.px-110 {
  padding-inline: var(--size-110) !important;
}

.px-120 {
  padding-inline: var(--size-120) !important;
}

.px-144 {
  padding-inline: var(--size-144) !important;
}

.px-160 {
  padding-inline: var(--size-160) !important;
}

.px-170 {
  padding-inline: var(--size-170) !important;
}

.px-190 {
  padding-inline: var(--size-190) !important;
}

.px-200 {
  padding-inline: var(--size-200) !important;
}

.px-240 {
  padding-inline: var(--size-240) !important;
}

.px-440 {
  padding-inline: var(--size-440) !important;
}

.py-2 {
  padding-block: var(--size-2) !important;
}

.py-4 {
  padding-block: var(--size-4) !important;
}

.py-6 {
  padding-block: var(--size-6) !important;
}

.py-8 {
  padding-block: var(--size-8) !important;
}

.py-9 {
  padding-block: var(--size-9) !important;
}

.py-10 {
  padding-block: var(--size-10) !important;
}

.py-11 {
  padding-block: var(--size-11) !important;
}

.py-12 {
  padding-block: var(--size-12) !important;
}

.py-13 {
  padding-block: var(--size-13) !important;
}

.py-16 {
  padding-block: var(--size-16) !important;
}

.py-20 {
  padding-block: var(--size-20) !important;
}

.py-24 {
  padding-block: var(--size-24) !important;
}

.py-28 {
  padding-block: var(--size-28) !important;
}

.py-32 {
  padding-block: var(--size-32) !important;
}

.py-36 {
  padding-block: var(--size-36) !important;
}

.py-40 {
  padding-block: var(--size-40) !important;
}

.py-44 {
  padding-block: var(--size-44) !important;
}

.py-48 {
  padding-block: var(--size-48) !important;
}

.py-50 {
  padding-block: var(--size-50) !important;
}

.py-56 {
  padding-block: var(--size-56) !important;
}

.py-60 {
  padding-block: var(--size-60) !important;
}

.py-64 {
  padding-block: var(--size-64) !important;
}

.py-72 {
  padding-block: var(--size-72) !important;
}

.py-76 {
  padding-block: var(--size-76) !important;
}

.py-80 {
  padding-block: var(--size-80) !important;
}

.py-90 {
  padding-block: var(--size-90) !important;
}

.py-110 {
  padding-block: var(--size-110) !important;
}

.py-120 {
  padding-block: var(--size-120) !important;
}

.py-144 {
  padding-block: var(--size-144) !important;
}

.py-160 {
  padding-block: var(--size-160) !important;
}

.py-170 {
  padding-block: var(--size-170) !important;
}

.py-190 {
  padding-block: var(--size-190) !important;
}

.py-200 {
  padding-block: var(--size-200) !important;
}

.py-240 {
  padding-block: var(--size-240) !important;
}

.py-440 {
  padding-block: var(--size-440) !important;
}

.ps-2 {
  padding-inline-start: var(--size-2) !important;
}

.ps-4 {
  padding-inline-start: var(--size-4) !important;
}

.ps-6 {
  padding-inline-start: var(--size-6) !important;
}

.ps-8 {
  padding-inline-start: var(--size-8) !important;
}

.ps-9 {
  padding-inline-start: var(--size-9) !important;
}

.ps-10 {
  padding-inline-start: var(--size-10) !important;
}

.ps-11 {
  padding-inline-start: var(--size-11) !important;
}

.ps-12 {
  padding-inline-start: var(--size-12) !important;
}

.ps-13 {
  padding-inline-start: var(--size-13) !important;
}

.ps-16 {
  padding-inline-start: var(--size-16) !important;
}

.ps-20 {
  padding-inline-start: var(--size-20) !important;
}

.ps-24 {
  padding-inline-start: var(--size-24) !important;
}

.ps-28 {
  padding-inline-start: var(--size-28) !important;
}

.ps-32 {
  padding-inline-start: var(--size-32) !important;
}

.ps-36 {
  padding-inline-start: var(--size-36) !important;
}

.ps-40 {
  padding-inline-start: var(--size-40) !important;
}

.ps-44 {
  padding-inline-start: var(--size-44) !important;
}

.ps-48 {
  padding-inline-start: var(--size-48) !important;
}

.ps-50 {
  padding-inline-start: var(--size-50) !important;
}

.ps-56 {
  padding-inline-start: var(--size-56) !important;
}

.ps-60 {
  padding-inline-start: var(--size-60) !important;
}

.ps-64 {
  padding-inline-start: var(--size-64) !important;
}

.ps-72 {
  padding-inline-start: var(--size-72) !important;
}

.ps-76 {
  padding-inline-start: var(--size-76) !important;
}

.ps-80 {
  padding-inline-start: var(--size-80) !important;
}

.ps-90 {
  padding-inline-start: var(--size-90) !important;
}

.ps-110 {
  padding-inline-start: var(--size-110) !important;
}

.ps-120 {
  padding-inline-start: var(--size-120) !important;
}

.ps-144 {
  padding-inline-start: var(--size-144) !important;
}

.ps-160 {
  padding-inline-start: var(--size-160) !important;
}

.ps-170 {
  padding-inline-start: var(--size-170) !important;
}

.ps-190 {
  padding-inline-start: var(--size-190) !important;
}

.ps-200 {
  padding-inline-start: var(--size-200) !important;
}

.ps-240 {
  padding-inline-start: var(--size-240) !important;
}

.ps-440 {
  padding-inline-start: var(--size-440) !important;
}

.pe-2 {
  padding-inline-end: var(--size-2) !important;
}

.pe-4 {
  padding-inline-end: var(--size-4) !important;
}

.pe-6 {
  padding-inline-end: var(--size-6) !important;
}

.pe-8 {
  padding-inline-end: var(--size-8) !important;
}

.pe-9 {
  padding-inline-end: var(--size-9) !important;
}

.pe-10 {
  padding-inline-end: var(--size-10) !important;
}

.pe-11 {
  padding-inline-end: var(--size-11) !important;
}

.pe-12 {
  padding-inline-end: var(--size-12) !important;
}

.pe-13 {
  padding-inline-end: var(--size-13) !important;
}

.pe-16 {
  padding-inline-end: var(--size-16) !important;
}

.pe-20 {
  padding-inline-end: var(--size-20) !important;
}

.pe-24 {
  padding-inline-end: var(--size-24) !important;
}

.pe-28 {
  padding-inline-end: var(--size-28) !important;
}

.pe-32 {
  padding-inline-end: var(--size-32) !important;
}

.pe-36 {
  padding-inline-end: var(--size-36) !important;
}

.pe-40 {
  padding-inline-end: var(--size-40) !important;
}

.pe-44 {
  padding-inline-end: var(--size-44) !important;
}

.pe-48 {
  padding-inline-end: var(--size-48) !important;
}

.pe-50 {
  padding-inline-end: var(--size-50) !important;
}

.pe-56 {
  padding-inline-end: var(--size-56) !important;
}

.pe-60 {
  padding-inline-end: var(--size-60) !important;
}

.pe-64 {
  padding-inline-end: var(--size-64) !important;
}

.pe-72 {
  padding-inline-end: var(--size-72) !important;
}

.pe-76 {
  padding-inline-end: var(--size-76) !important;
}

.pe-80 {
  padding-inline-end: var(--size-80) !important;
}

.pe-90 {
  padding-inline-end: var(--size-90) !important;
}

.pe-110 {
  padding-inline-end: var(--size-110) !important;
}

.pe-120 {
  padding-inline-end: var(--size-120) !important;
}

.pe-144 {
  padding-inline-end: var(--size-144) !important;
}

.pe-160 {
  padding-inline-end: var(--size-160) !important;
}

.pe-170 {
  padding-inline-end: var(--size-170) !important;
}

.pe-190 {
  padding-inline-end: var(--size-190) !important;
}

.pe-200 {
  padding-inline-end: var(--size-200) !important;
}

.pe-240 {
  padding-inline-end: var(--size-240) !important;
}

.pe-440 {
  padding-inline-end: var(--size-440) !important;
}

.pt-2 {
  padding-block-start: var(--size-2) !important;
}

.pt-4 {
  padding-block-start: var(--size-4) !important;
}

.pt-6 {
  padding-block-start: var(--size-6) !important;
}

.pt-8 {
  padding-block-start: var(--size-8) !important;
}

.pt-9 {
  padding-block-start: var(--size-9) !important;
}

.pt-10 {
  padding-block-start: var(--size-10) !important;
}

.pt-11 {
  padding-block-start: var(--size-11) !important;
}

.pt-12 {
  padding-block-start: var(--size-12) !important;
}

.pt-13 {
  padding-block-start: var(--size-13) !important;
}

.pt-16 {
  padding-block-start: var(--size-16) !important;
}

.pt-20 {
  padding-block-start: var(--size-20) !important;
}

.pt-24 {
  padding-block-start: var(--size-24) !important;
}

.pt-28 {
  padding-block-start: var(--size-28) !important;
}

.pt-32 {
  padding-block-start: var(--size-32) !important;
}

.pt-36 {
  padding-block-start: var(--size-36) !important;
}

.pt-40 {
  padding-block-start: var(--size-40) !important;
}

.pt-44 {
  padding-block-start: var(--size-44) !important;
}

.pt-48 {
  padding-block-start: var(--size-48) !important;
}

.pt-50 {
  padding-block-start: var(--size-50) !important;
}

.pt-56 {
  padding-block-start: var(--size-56) !important;
}

.pt-60 {
  padding-block-start: var(--size-60) !important;
}

.pt-64 {
  padding-block-start: var(--size-64) !important;
}

.pt-72 {
  padding-block-start: var(--size-72) !important;
}

.pt-76 {
  padding-block-start: var(--size-76) !important;
}

.pt-80 {
  padding-block-start: var(--size-80) !important;
}

.pt-90 {
  padding-block-start: var(--size-90) !important;
}

.pt-110 {
  padding-block-start: var(--size-110) !important;
}

.pt-120 {
  padding-block-start: var(--size-120) !important;
}

.pt-144 {
  padding-block-start: var(--size-144) !important;
}

.pt-160 {
  padding-block-start: var(--size-160) !important;
}

.pt-170 {
  padding-block-start: var(--size-170) !important;
}

.pt-190 {
  padding-block-start: var(--size-190) !important;
}

.pt-200 {
  padding-block-start: var(--size-200) !important;
}

.pt-240 {
  padding-block-start: var(--size-240) !important;
}

.pt-440 {
  padding-block-start: var(--size-440) !important;
}

.pb-2 {
  padding-block-end: var(--size-2) !important;
}

.pb-4 {
  padding-block-end: var(--size-4) !important;
}

.pb-6 {
  padding-block-end: var(--size-6) !important;
}

.pb-8 {
  padding-block-end: var(--size-8) !important;
}

.pb-9 {
  padding-block-end: var(--size-9) !important;
}

.pb-10 {
  padding-block-end: var(--size-10) !important;
}

.pb-11 {
  padding-block-end: var(--size-11) !important;
}

.pb-12 {
  padding-block-end: var(--size-12) !important;
}

.pb-13 {
  padding-block-end: var(--size-13) !important;
}

.pb-16 {
  padding-block-end: var(--size-16) !important;
}

.pb-20 {
  padding-block-end: var(--size-20) !important;
}

.pb-24 {
  padding-block-end: var(--size-24) !important;
}

.pb-28 {
  padding-block-end: var(--size-28) !important;
}

.pb-32 {
  padding-block-end: var(--size-32) !important;
}

.pb-36 {
  padding-block-end: var(--size-36) !important;
}

.pb-40 {
  padding-block-end: var(--size-40) !important;
}

.pb-44 {
  padding-block-end: var(--size-44) !important;
}

.pb-48 {
  padding-block-end: var(--size-48) !important;
}

.pb-50 {
  padding-block-end: var(--size-50) !important;
}

.pb-56 {
  padding-block-end: var(--size-56) !important;
}

.pb-60 {
  padding-block-end: var(--size-60) !important;
}

.pb-64 {
  padding-block-end: var(--size-64) !important;
}

.pb-72 {
  padding-block-end: var(--size-72) !important;
}

.pb-76 {
  padding-block-end: var(--size-76) !important;
}

.pb-80 {
  padding-block-end: var(--size-80) !important;
}

.pb-90 {
  padding-block-end: var(--size-90) !important;
}

.pb-110 {
  padding-block-end: var(--size-110) !important;
}

.pb-120 {
  padding-block-end: var(--size-120) !important;
}

.pb-144 {
  padding-block-end: var(--size-144) !important;
}

.pb-160 {
  padding-block-end: var(--size-160) !important;
}

.pb-170 {
  padding-block-end: var(--size-170) !important;
}

.pb-190 {
  padding-block-end: var(--size-190) !important;
}

.pb-200 {
  padding-block-end: var(--size-200) !important;
}

.pb-240 {
  padding-block-end: var(--size-240) !important;
}

.pb-440 {
  padding-block-end: var(--size-440) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ms--10px {
  margin-left: -10px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--100 {
  margin-top: -100px;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

/* Gap Css */
.gap-2 {
  gap: var(--size-2);
}

.gap-4 {
  gap: var(--size-4);
}

.gap-6 {
  gap: var(--size-6);
}

.gap-8 {
  gap: var(--size-8);
}

.gap-9 {
  gap: var(--size-9);
}

.gap-10 {
  gap: var(--size-10);
}

.gap-11 {
  gap: var(--size-11);
}

.gap-12 {
  gap: var(--size-12);
}

.gap-13 {
  gap: var(--size-13);
}

.gap-16 {
  gap: var(--size-16);
}

.gap-20 {
  gap: var(--size-20);
}

.gap-24 {
  gap: var(--size-24);
}

.gap-28 {
  gap: var(--size-28);
}

.gap-32 {
  gap: var(--size-32);
}

.gap-36 {
  gap: var(--size-36);
}

.gap-40 {
  gap: var(--size-40);
}

.gap-44 {
  gap: var(--size-44);
}

.gap-48 {
  gap: var(--size-48);
}

.gap-50 {
  gap: var(--size-50);
}

.gap-56 {
  gap: var(--size-56);
}

.gap-60 {
  gap: var(--size-60);
}

.gap-64 {
  gap: var(--size-64);
}

.gap-72 {
  gap: var(--size-72);
}

.gap-76 {
  gap: var(--size-76);
}

.gap-80 {
  gap: var(--size-80);
}

.gap-90 {
  gap: var(--size-90);
}

.gap-110 {
  gap: var(--size-110);
}

.gap-120 {
  gap: var(--size-120);
}

.gap-144 {
  gap: var(--size-144);
}

.gap-160 {
  gap: var(--size-160);
}

.gap-170 {
  gap: var(--size-170);
}

.gap-190 {
  gap: var(--size-190);
}

.gap-200 {
  gap: var(--size-200);
}

.gap-240 {
  gap: var(--size-240);
}

.gap-440 {
  gap: var(--size-440);
}

.radius-2 {
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
}

.radius-4 {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

.radius-6 {
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}

.radius-8 {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.radius-9 {
  border-radius: 0.5625rem;
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
}

.radius-10 {
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.radius-11 {
  border-radius: 0.6875rem;
  -webkit-border-radius: 0.6875rem;
  -moz-border-radius: 0.6875rem;
  -ms-border-radius: 0.6875rem;
  -o-border-radius: 0.6875rem;
}

.radius-12 {
  border-radius: 0.75rem;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
}

.radius-13 {
  border-radius: 0.8125rem;
  -webkit-border-radius: 0.8125rem;
  -moz-border-radius: 0.8125rem;
  -ms-border-radius: 0.8125rem;
  -o-border-radius: 0.8125rem;
}

.radius-16 {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.radius-20 {
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.radius-24 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-28 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-32 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-36 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-40 {
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.radius-44 {
  border-radius: 2.75rem;
  -webkit-border-radius: 2.75rem;
  -moz-border-radius: 2.75rem;
  -ms-border-radius: 2.75rem;
  -o-border-radius: 2.75rem;
}

.radius-48 {
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.radius-50 {
  border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
}

.radius-56 {
  border-radius: 3.5rem;
  -webkit-border-radius: 3.5rem;
  -moz-border-radius: 3.5rem;
  -ms-border-radius: 3.5rem;
  -o-border-radius: 3.5rem;
}

.radius-60 {
  border-radius: 3.75rem;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
}

.radius-64 {
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}

.radius-72 {
  border-radius: 4.5rem;
  -webkit-border-radius: 4.5rem;
  -moz-border-radius: 4.5rem;
  -ms-border-radius: 4.5rem;
  -o-border-radius: 4.5rem;
}

.radius-76 {
  border-radius: 4.75rem;
  -webkit-border-radius: 4.75rem;
  -moz-border-radius: 4.75rem;
  -ms-border-radius: 4.75rem;
  -o-border-radius: 4.75rem;
}

.radius-80 {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

.radius-90 {
  border-radius: 5.625rem;
  -webkit-border-radius: 5.625rem;
  -moz-border-radius: 5.625rem;
  -ms-border-radius: 5.625rem;
  -o-border-radius: 5.625rem;
}

.radius-110 {
  border-radius: 6.875rem;
  -webkit-border-radius: 6.875rem;
  -moz-border-radius: 6.875rem;
  -ms-border-radius: 6.875rem;
  -o-border-radius: 6.875rem;
}

.radius-120 {
  border-radius: 7.5rem;
  -webkit-border-radius: 7.5rem;
  -moz-border-radius: 7.5rem;
  -ms-border-radius: 7.5rem;
  -o-border-radius: 7.5rem;
}

.radius-144 {
  border-radius: 9rem;
  -webkit-border-radius: 9rem;
  -moz-border-radius: 9rem;
  -ms-border-radius: 9rem;
  -o-border-radius: 9rem;
}

.radius-160 {
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

.radius-170 {
  border-radius: 10.625rem;
  -webkit-border-radius: 10.625rem;
  -moz-border-radius: 10.625rem;
  -ms-border-radius: 10.625rem;
  -o-border-radius: 10.625rem;
}

.radius-190 {
  border-radius: 11.875rem;
  -webkit-border-radius: 11.875rem;
  -moz-border-radius: 11.875rem;
  -ms-border-radius: 11.875rem;
  -o-border-radius: 11.875rem;
}

.radius-200 {
  border-radius: 12.5rem;
  -webkit-border-radius: 12.5rem;
  -moz-border-radius: 12.5rem;
  -ms-border-radius: 12.5rem;
  -o-border-radius: 12.5rem;
}

.radius-240 {
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
}

.radius-440 {
  border-radius: 27.5rem;
  -webkit-border-radius: 27.5rem;
  -moz-border-radius: 27.5rem;
  -ms-border-radius: 27.5rem;
  -o-border-radius: 27.5rem;
}

.rounded-start-top-0 {
  border-start-start-radius: 0 !important;
}

.rounded-end-bottom-0 {
  border-end-end-radius: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1, .h1 {
  font-size: var(--h1) !important;
}

h2, .h2 {
  font-size: var(--h2) !important;
}

h3, .h3 {
  font-size: var(--h3) !important;
}

h4, .h4 {
  font-size: var(--h4) !important;
}

h5, .h5 {
  font-size: var(--h5) !important;
}

h6, .h6 {
  font-size: var(--h6) !important;
}

.text-2xxl {
  font-size: var(--font-2xxl) !important;
}

.text-2xl {
  font-size: var(--font-2xl) !important;
}

.text-xxl {
  font-size: var(--font-xxl) !important;
}

.text-xl {
  font-size: var(--font-xl) !important;
}

.text-lg {
  font-size: var(--font-lg) !important;
}

.text-md {
  font-size: var(--font-md) !important;
}

.text-sm {
  font-size: var(--font-sm) !important;
}

.text-xs {
  font-size: var(--font-xs) !important;
}

.text-xxs {
  font-size: var(--font-xxs) !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-compact {
  line-height: 1.35 !important;
  color: var(--ai-text, #111827) !important;
}

.ai-compact h5,
.ai-compact h6 {
  margin-top: 0 !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 0 !important;
}

.ai-message-root.ai-compact h6,
.ai-message-root .ai-compact h6,
.ai-message-root h6 {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.ai-compact p {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  line-height: 1.25 !important;
}

.ai-compact ul,
.ai-compact ol {
  margin-top: 0 !important;
  padding-left: 1.1rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  list-style-position: outside !important;
}

.ai-compact ul {
  list-style-type: disc !important;
}

.ai-compact ol {
  list-style-type: decimal !important;
}

.ai-compact li {
  margin-top: 1px !important;
  margin-bottom: 0px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  list-style: inherit !important;
}

.ai-compact li::marker {
  color: var(--text-secondary, #6b7280);
}

.ai-message-root > .ai-compact > ul.bullet-list > li {
  font-weight: 400 !important;
}

.ai-message-root > .ai-compact > ol.bullet-list > li {
  font-weight: 400 !important;
}

.ai-message-root > .ai-compact > ul.bullet-list > li ul > li,
.ai-message-root > .ai-compact > ul.bullet-list > li ol > li,
.ai-message-root > .ai-compact > ol.bullet-list > li ul > li,
.ai-message-root > .ai-compact > ol.bullet-list > li ol > li,
.ai-compact .bullet-list .bullet-list > li {
  font-weight: 400 !important;
}

.ai-compact pre,
.ai-compact code {
  line-height: 1.25 !important;
  background: var(--ai-code-bg, #f8fafc) !important;
  color: var(--ai-code-fg, #0f172a) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 8px !important;
}

.ai-compact .hljs {
  background: var(--ai-code-bg, #f8fafc) !important;
  color: var(--ai-code-fg, #0f172a) !important;
}

.ai-compact .hljs-comment {
  color: #64748b !important;
}

.ai-compact .hljs-quote {
  color: #64748b !important;
}

.ai-compact .hljs-keyword {
  color: #7c3aed !important;
}

.ai-compact .hljs-string {
  color: #166534 !important;
}

.ai-compact .hljs-number {
  color: #9a3412 !important;
}

.ai-compact .hljs-title, .ai-compact .hljs-section {
  color: #0f766e !important;
}

.ai-compact .hljs-attr, .ai-compact .hljs-attribute {
  color: #1d4ed8 !important;
}

.ai-compact a {
  color: #0ea5e9 !important;
  text-decoration: none;
}

.ai-compact a:hover {
  text-decoration: underline;
}

.ai-compact .ai-compact-toc {
  margin: 6px 0 10px 0 !important;
}

.ai-compact .ai-compact-toc ul {
  margin: 4px 0 !important;
  padding-left: 1rem !important;
}

.ai-compact .ai-compact-toc a {
  text-decoration: none;
}

.ai-compact details {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 8px 10px;
  margin-bottom: 4px;
  background: var(--bg-soft, #fff);
}

.ai-compact summary {
  cursor: pointer;
  font-weight: 400;
  list-style: none;
}

.ai-compact summary::-webkit-details-marker {
  display: none;
}

[data-theme=dark] .ai-compact {
  color: #e5e7eb !important;
}

[data-theme=dark] .ai-compact pre,
[data-theme=dark] .ai-compact code,
[data-theme=dark] .ai-compact .hljs {
  background: #0b1220 !important;
  color: #e6edf3 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme=dark] .ai-compact .hljs-comment,
[data-theme=dark] .ai-compact .hljs-quote {
  color: #9aa4b2 !important;
}

[data-theme=dark] .ai-compact .hljs-keyword {
  color: #a78bfa !important;
}

[data-theme=dark] .ai-compact .hljs-string {
  color: #86efac !important;
}

[data-theme=dark] .ai-compact .hljs-number {
  color: #fdba74 !important;
}

[data-theme=dark] .ai-compact .hljs-title, [data-theme=dark] .ai-compact .hljs-section {
  color: #5eead4 !important;
}

[data-theme=dark] .ai-compact .hljs-attr, [data-theme=dark] .ai-compact .hljs-attribute {
  color: #93c5fd !important;
}

[data-theme=dark] .ai-compact a {
  color: #38bdf8 !important;
}

[data-theme=dark] .ai-compact details {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.border {
  border: 1px solid var(--border-color) !important;
}

.border-start {
  border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
  border-inline-end: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

.border-primary-light-white {
  border-color: var(--primary-light-white) !important;
}

.border-yellow-light-white {
  border-color: var(--yellow-light-white) !important;
}

.border-purple-light-white {
  border-color: var(--purple-light-white) !important;
}

.border-pink-light-white {
  border-color: var(--pink-light-white) !important;
}

.br-success {
  border-color: var(--success-border) !important;
}

.br-white {
  border-color: var(--base) !important;
}

.border-light-white {
  border-color: rgba(255, 255, 255, 0.38) !important;
}

.input-form-light {
  border-color: var(--input-form-light) !important;
}

.input-form-dark {
  border-color: var(--input-form-dark) !important;
}

.br-hover-primary {
  transition: all 0.3s;
}
.br-hover-primary:hover {
  border-color: var(--primary-600) !important;
}

.br-hover-success {
  transition: all 0.3s;
}
.br-hover-success:hover {
  border-color: var(--success-main) !important;
}

.br-hover-info {
  transition: all 0.3s;
}
.br-hover-info:hover {
  border-color: var(--info-main) !important;
}

.br-hover-warning {
  transition: all 0.3s;
}
.br-hover-warning:hover {
  border-color: var(--warning-main) !important;
}

.br-hover-danger {
  transition: all 0.3s;
}
.br-hover-danger:hover {
  border-color: var(--danger-main) !important;
}

.border-primary-50 {
  border-color: var(--primary-50) !important;
}

.border-primary-100 {
  border-color: var(--primary-100) !important;
}

.border-primary-200 {
  border-color: var(--primary-200) !important;
}

.border-primary-300 {
  border-color: var(--primary-300) !important;
}

.border-primary-400 {
  border-color: var(--primary-400) !important;
}

.border-primary-500 {
  border-color: var(--primary-500) !important;
}

.border-primary-600 {
  border-color: var(--primary-600) !important;
}

.border-primary-700 {
  border-color: var(--primary-700) !important;
}

.border-primary-800 {
  border-color: var(--primary-800) !important;
}

.border-primary-900 {
  border-color: var(--primary-900) !important;
}

.border-neutral-50 {
  border-color: var(--neutral-50) !important;
}

.border-neutral-100 {
  border-color: var(--neutral-100) !important;
}

.border-neutral-200 {
  border-color: var(--neutral-200) !important;
}

.border-neutral-300 {
  border-color: var(--neutral-300) !important;
}

.border-neutral-400 {
  border-color: var(--neutral-400) !important;
}

.border-neutral-500 {
  border-color: var(--neutral-500) !important;
}

.border-neutral-600 {
  border-color: var(--neutral-600) !important;
}

.border-neutral-700 {
  border-color: var(--neutral-700) !important;
}

.border-neutral-800 {
  border-color: var(--neutral-800) !important;
}

.border-neutral-900 {
  border-color: var(--neutral-900) !important;
}

.border-danger-50 {
  border-color: var(--danger-50) !important;
}

.border-danger-100 {
  border-color: var(--danger-100) !important;
}

.border-danger-200 {
  border-color: var(--danger-200) !important;
}

.border-danger-300 {
  border-color: var(--danger-300) !important;
}

.border-danger-400 {
  border-color: var(--danger-400) !important;
}

.border-danger-500 {
  border-color: var(--danger-500) !important;
}

.border-danger-600 {
  border-color: var(--danger-600) !important;
}

.border-danger-700 {
  border-color: var(--danger-700) !important;
}

.border-danger-800 {
  border-color: var(--danger-800) !important;
}

.border-danger-900 {
  border-color: var(--danger-900) !important;
}

.border-success-50 {
  border-color: var(--success-50) !important;
}

.border-success-100 {
  border-color: var(--success-100) !important;
}

.border-success-200 {
  border-color: var(--success-200) !important;
}

.border-success-300 {
  border-color: var(--success-300) !important;
}

.border-success-400 {
  border-color: var(--success-400) !important;
}

.border-success-500 {
  border-color: var(--success-500) !important;
}

.border-success-600 {
  border-color: var(--success-600) !important;
}

.border-success-700 {
  border-color: var(--success-700) !important;
}

.border-success-800 {
  border-color: var(--success-800) !important;
}

.border-success-900 {
  border-color: var(--success-900) !important;
}

.border-warning-50 {
  border-color: var(--warning-50) !important;
}

.border-warning-100 {
  border-color: var(--warning-100) !important;
}

.border-warning-200 {
  border-color: var(--warning-200) !important;
}

.border-warning-300 {
  border-color: var(--warning-300) !important;
}

.border-warning-400 {
  border-color: var(--warning-400) !important;
}

.border-warning-500 {
  border-color: var(--warning-500) !important;
}

.border-warning-600 {
  border-color: var(--warning-600) !important;
}

.border-warning-700 {
  border-color: var(--warning-700) !important;
}

.border-warning-800 {
  border-color: var(--warning-800) !important;
}

.border-warning-900 {
  border-color: var(--warning-900) !important;
}

.border-info-50 {
  border-color: var(--info-50) !important;
}

.border-info-100 {
  border-color: var(--info-100) !important;
}

.border-info-200 {
  border-color: var(--info-200) !important;
}

.border-info-300 {
  border-color: var(--info-300) !important;
}

.border-info-400 {
  border-color: var(--info-400) !important;
}

.border-info-500 {
  border-color: var(--info-500) !important;
}

.border-info-600 {
  border-color: var(--info-600) !important;
}

.border-info-700 {
  border-color: var(--info-700) !important;
}

.border-info-800 {
  border-color: var(--info-800) !important;
}

.border-info-900 {
  border-color: var(--info-900) !important;
}

.border-dark-1 {
  border-color: var(--dark-1) !important;
}

.border-dark-2 {
  border-color: var(--dark-2) !important;
}

.border-dark-3 {
  border-color: var(--dark-3) !important;
}

.border-lilac-50 {
  border-color: var(--lilac-50) !important;
}

.border-lilac-100 {
  border-color: var(--lilac-100) !important;
}

.border-lilac-600 {
  border-color: var(--lilac-600) !important;
}

.border-lilac-700 {
  border-color: var(--lilac-700) !important;
}

.border-lilac-800 {
  border-color: var(--lilac-800) !important;
}

.border-light-50 {
  border-color: var(--light-50) !important;
}

.border-light-100 {
  border-color: var(--light-100) !important;
}

.border-light-600 {
  border-color: var(--light-600) !important;
}

.border-light-700 {
  border-color: var(--light-700) !important;
}

.border-light-800 {
  border-color: var(--light-800) !important;
}

.border-success-main {
  border-color: var(--success-main) !important;
}

.border-success-surface {
  border-color: var(--success-surface) !important;
}

.border-success-border {
  border-color: var(--success-border) !important;
}

.border-success-hover {
  border-color: var(--success-hover) !important;
}

.border-success-pressed {
  border-color: var(--success-pressed) !important;
}

.border-success-focus {
  border-color: var(--success-focus) !important;
}

.border-info-main {
  border-color: var(--info-main) !important;
}

.border-info-surface {
  border-color: var(--info-surface) !important;
}

.border-info-border {
  border-color: var(--info-border) !important;
}

.border-info-hover {
  border-color: var(--info-hover) !important;
}

.border-info-pressed {
  border-color: var(--info-pressed) !important;
}

.border-info-focus {
  border-color: var(--info-focus) !important;
}

.border-warning-main {
  border-color: var(--warning-main) !important;
}

.border-warning-surface {
  border-color: var(--warning-surface) !important;
}

.border-warning-border {
  border-color: var(--warning-border) !important;
}

.border-warning-hover {
  border-color: var(--warning-hover) !important;
}

.border-warning-pressed {
  border-color: var(--warning-pressed) !important;
}

.border-warning-focus {
  border-color: var(--warning-focus) !important;
}

.border-danger-main {
  border-color: var(--danger-main) !important;
}

.border-danger-surface {
  border-color: var(--danger-surface) !important;
}

.border-danger-border {
  border-color: var(--danger-border) !important;
}

.border-danger-hover {
  border-color: var(--danger-hover) !important;
}

.border-danger-pressed {
  border-color: var(--danger-pressed) !important;
}

.border-danger-focus {
  border-color: var(--danger-focus) !important;
}

.border-cyan {
  border-color: var(--cyan) !important;
}

.border-indigo {
  border-color: var(--indigo) !important;
}

.border-purple {
  border-color: var(--purple) !important;
}

.border-red {
  border-color: var(--red) !important;
}

.border-yellow {
  border-color: var(--yellow) !important;
}

.border-orange {
  border-color: var(--orange) !important;
}

.border-pink {
  border-color: var(--pink) !important;
}

.border-width-2-px {
  border-width: 2px !important;
}
.border-width-3-px {
  border-width: 3px !important;
}
.border-width-4-px {
  border-width: 4px !important;
}
.border-width-5-px {
  border-width: 5px !important;
}

.border-start-width-2-px {
  border-inline-start-width: 2px !important;
}
.border-start-width-3-px {
  border-inline-start-width: 3px !important;
}
.border-start-width-4-px {
  border-inline-start-width: 4px !important;
}
.border-start-width-5-px {
  border-inline-start-width: 5px !important;
}

.border-end-width-2-px {
  border-inline-end-width: 2px !important;
}
.border-end-width-3-px {
  border-inline-end-width: 3px !important;
}
.border-end-width-4-px {
  border-inline-end-width: 4px !important;
}
.border-end-width-5-px {
  border-inline-end-width: 5px !important;
}
.border-end-width-6-px {
  border-inline-end-width: 6px !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-dashed {
  border-style: dashed !important;
}

.center-border {
  position: relative;
}
.center-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 9px);
  background-color: var(--neutral-300);
  left: 50%;
  transform: translateX(-50%);
}

.group-item:hover .group-hover\:bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:bg-success-50 {
  background-color: var(--success-50) !important;
}

.group-item:hover .group-hover\:bg-success-100 {
  background-color: var(--success-100) !important;
}

.group-item:hover .group-hover\:bg-success-200 {
  background-color: var(--success-200) !important;
}

.group-item:hover .group-hover\:bg-success-300 {
  background-color: var(--success-300) !important;
}

.group-item:hover .group-hover\:bg-success-400 {
  background-color: var(--success-400) !important;
}

.group-item:hover .group-hover\:bg-success-500 {
  background-color: var(--success-500) !important;
}

.group-item:hover .group-hover\:bg-success-600 {
  background-color: var(--success-600) !important;
}

.group-item:hover .group-hover\:bg-success-700 {
  background-color: var(--success-700) !important;
}

.group-item:hover .group-hover\:bg-success-800 {
  background-color: var(--success-800) !important;
}

.group-item:hover .group-hover\:bg-success-900 {
  background-color: var(--success-900) !important;
}

.group-item:hover .group-hover\:bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:bg-info-50 {
  background-color: var(--info-50) !important;
}

.group-item:hover .group-hover\:bg-info-100 {
  background-color: var(--info-100) !important;
}

.group-item:hover .group-hover\:bg-info-200 {
  background-color: var(--info-200) !important;
}

.group-item:hover .group-hover\:bg-info-300 {
  background-color: var(--info-300) !important;
}

.group-item:hover .group-hover\:bg-info-400 {
  background-color: var(--info-400) !important;
}

.group-item:hover .group-hover\:bg-info-500 {
  background-color: var(--info-500) !important;
}

.group-item:hover .group-hover\:bg-info-600 {
  background-color: var(--info-600) !important;
}

.group-item:hover .group-hover\:bg-info-700 {
  background-color: var(--info-700) !important;
}

.group-item:hover .group-hover\:bg-info-800 {
  background-color: var(--info-800) !important;
}

.group-item:hover .group-hover\:bg-info-900 {
  background-color: var(--info-900) !important;
}

.group-item:hover .group-hover\:bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:bg-light-50 {
  background-color: var(--light-50) !important;
}

.group-item:hover .group-hover\:bg-light-100 {
  background-color: var(--light-100) !important;
}

.group-item:hover .group-hover\:bg-light-600 {
  background-color: var(--light-600) !important;
}

.group-item:hover .group-hover\:bg-light-700 {
  background-color: var(--light-700) !important;
}

.group-item:hover .group-hover\:bg-light-800 {
  background-color: var(--light-800) !important;
}

.group-item:hover .group-hover\:bg-success-main {
  background-color: var(--success-main) !important;
}

.group-item:hover .group-hover\:bg-success-surface {
  background-color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:bg-success-border {
  background-color: var(--success-border) !important;
}

.group-item:hover .group-hover\:bg-success-hover {
  background-color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:bg-success-focus {
  background-color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:bg-info-main {
  background-color: var(--info-main) !important;
}

.group-item:hover .group-hover\:bg-info-surface {
  background-color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:bg-info-border {
  background-color: var(--info-border) !important;
}

.group-item:hover .group-hover\:bg-info-hover {
  background-color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:bg-info-focus {
  background-color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:bg-warning-main {
  background-color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:bg-warning-border {
  background-color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:bg-danger-main {
  background-color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:bg-danger-border {
  background-color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.group-item:hover .group-hover\:bg-cyan {
  background-color: var(--cyan) !important;
}

.group-item:hover .group-hover\:bg-indigo {
  background-color: var(--indigo) !important;
}

.group-item:hover .group-hover\:bg-purple {
  background-color: var(--purple) !important;
}

.group-item:hover .group-hover\:bg-red {
  background-color: var(--red) !important;
}

.group-item:hover .group-hover\:bg-yellow {
  background-color: var(--yellow) !important;
}

.group-item:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
}

.group-item:hover .group-hover\:bg-pink {
  background-color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-primary-50 {
  color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:text-primary-100 {
  color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:text-primary-200 {
  color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:text-primary-300 {
  color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:text-primary-400 {
  color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:text-primary-500 {
  color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:text-primary-600 {
  color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:text-primary-700 {
  color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:text-primary-800 {
  color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:text-primary-900 {
  color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:text-neutral-50 {
  color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:text-neutral-100 {
  color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:text-neutral-200 {
  color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:text-neutral-300 {
  color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:text-neutral-400 {
  color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:text-neutral-500 {
  color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:text-neutral-600 {
  color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:text-neutral-700 {
  color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:text-neutral-800 {
  color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:text-neutral-900 {
  color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:text-danger-50 {
  color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:text-danger-100 {
  color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:text-danger-200 {
  color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:text-danger-300 {
  color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:text-danger-400 {
  color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:text-danger-500 {
  color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:text-danger-600 {
  color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:text-danger-700 {
  color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:text-danger-800 {
  color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:text-danger-900 {
  color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:text-success-50 {
  color: var(--success-50) !important;
}

.group-item:hover .group-hover\:text-success-100 {
  color: var(--success-100) !important;
}

.group-item:hover .group-hover\:text-success-200 {
  color: var(--success-200) !important;
}

.group-item:hover .group-hover\:text-success-300 {
  color: var(--success-300) !important;
}

.group-item:hover .group-hover\:text-success-400 {
  color: var(--success-400) !important;
}

.group-item:hover .group-hover\:text-success-500 {
  color: var(--success-500) !important;
}

.group-item:hover .group-hover\:text-success-600 {
  color: var(--success-600) !important;
}

.group-item:hover .group-hover\:text-success-700 {
  color: var(--success-700) !important;
}

.group-item:hover .group-hover\:text-success-800 {
  color: var(--success-800) !important;
}

.group-item:hover .group-hover\:text-success-900 {
  color: var(--success-900) !important;
}

.group-item:hover .group-hover\:text-warning-50 {
  color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:text-warning-100 {
  color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:text-warning-200 {
  color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:text-warning-300 {
  color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:text-warning-400 {
  color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:text-warning-500 {
  color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:text-warning-600 {
  color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:text-warning-700 {
  color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:text-warning-800 {
  color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:text-warning-900 {
  color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:text-info-50 {
  color: var(--info-50) !important;
}

.group-item:hover .group-hover\:text-info-100 {
  color: var(--info-100) !important;
}

.group-item:hover .group-hover\:text-info-200 {
  color: var(--info-200) !important;
}

.group-item:hover .group-hover\:text-info-300 {
  color: var(--info-300) !important;
}

.group-item:hover .group-hover\:text-info-400 {
  color: var(--info-400) !important;
}

.group-item:hover .group-hover\:text-info-500 {
  color: var(--info-500) !important;
}

.group-item:hover .group-hover\:text-info-600 {
  color: var(--info-600) !important;
}

.group-item:hover .group-hover\:text-info-700 {
  color: var(--info-700) !important;
}

.group-item:hover .group-hover\:text-info-800 {
  color: var(--info-800) !important;
}

.group-item:hover .group-hover\:text-info-900 {
  color: var(--info-900) !important;
}

.group-item:hover .group-hover\:text-dark-1 {
  color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:text-dark-2 {
  color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:text-dark-3 {
  color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:text-lilac-50 {
  color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:text-lilac-100 {
  color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:text-lilac-600 {
  color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:text-lilac-700 {
  color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:text-lilac-800 {
  color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:text-light-50 {
  color: var(--light-50) !important;
}

.group-item:hover .group-hover\:text-light-100 {
  color: var(--light-100) !important;
}

.group-item:hover .group-hover\:text-light-600 {
  color: var(--light-600) !important;
}

.group-item:hover .group-hover\:text-light-700 {
  color: var(--light-700) !important;
}

.group-item:hover .group-hover\:text-light-800 {
  color: var(--light-800) !important;
}

.group-item:hover .group-hover\:text-success-main {
  color: var(--success-main) !important;
}

.group-item:hover .group-hover\:text-success-surface {
  color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:text-success-border {
  color: var(--success-border) !important;
}

.group-item:hover .group-hover\:text-success-hover {
  color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:text-success-pressed {
  color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:text-success-focus {
  color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:text-info-main {
  color: var(--info-main) !important;
}

.group-item:hover .group-hover\:text-info-surface {
  color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:text-info-border {
  color: var(--info-border) !important;
}

.group-item:hover .group-hover\:text-info-hover {
  color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:text-info-pressed {
  color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:text-info-focus {
  color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:text-warning-main {
  color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:text-warning-surface {
  color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:text-warning-border {
  color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:text-warning-hover {
  color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:text-warning-pressed {
  color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:text-warning-focus {
  color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:text-danger-main {
  color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:text-danger-surface {
  color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:text-danger-border {
  color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:text-danger-hover {
  color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:text-danger-pressed {
  color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:text-danger-focus {
  color: var(--danger-focus) !important;
}

.text-cyan {
  color: var(--cyan);
}

.group-item:hover .group-hover\:text-cyan {
  color: var(--cyan) !important;
}

.text-indigo {
  color: var(--indigo);
}

.group-item:hover .group-hover\:text-indigo {
  color: var(--indigo) !important;
}

.text-purple {
  color: var(--purple);
}

.group-item:hover .group-hover\:text-purple {
  color: var(--purple) !important;
}

.text-red {
  color: var(--red);
}

.group-item:hover .group-hover\:text-red {
  color: var(--red) !important;
}

.text-yellow {
  color: var(--yellow);
}

.group-item:hover .group-hover\:text-yellow {
  color: var(--yellow) !important;
}

.text-orange {
  color: var(--orange);
}

.group-item:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}

.text-pink {
  color: var(--pink);
}

.group-item:hover .group-hover\:text-pink {
  color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-white {
  color: var(--base);
}

.text-hover-white:hover {
  color: #fff !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.hover-scale-img__img {
  transition: 0.2s linear;
}
.hover-scale-img:hover .hover-scale-img__img {
  transform: scale(1.1);
}

.visibility-hidden {
  visibility: hidden;
}

/* Overlay Css Start */
.gradient-overlay {
  position: relative;
  z-index: 1;
}
.gradient-overlay.top-0::before {
  transform: rotate(180deg);
}
.gradient-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.69) 57.92%, rgba(0, 0, 0, 0.7) 100%);
  left: inherit;
  bottom: inherit;
}

/* Overlay Css End */
[dir=rtl] .start-0 {
  left: auto !important;
  right: 0;
}
[dir=rtl] .end-0 {
  right: auto !important;
  left: 0;
}

/* =============================== Kanban Card Css Start =============================== */
.ui-sortable-handle {
  cursor: move !important;
}

.ui-sortable-helper {
  box-shadow: 0px 5px 20px 3px var(--neutral-300);
  box-shadow: 0 4px 30px 0 rgba(4, 6, 15, 0.5) !important;
}

.ui-sortable-placeholder {
  background-color: var(--neutral-100) !important;
  visibility: visible !important;
  padding: 100px !important;
  border: 1px dashed var(--neutral-400);
}

#taskImagePreview {
  display: none;
  margin-top: 10px;
  max-width: 100%;
}

/* =============================== Kanban Card Css End =============================== */

/*# sourceMappingURL=styles.css.map*/